diff --git a/Libraries/Renderer/REVISION b/Libraries/Renderer/REVISION index 7dc1929d242..d4d3fc3d904 100644 --- a/Libraries/Renderer/REVISION +++ b/Libraries/Renderer/REVISION @@ -1 +1 @@ -17806594cc28284fe195f918e8d77de3516848ec \ No newline at end of file +4de99b3ca689e8f995f90f199cd8d7bfb4b35eca \ No newline at end of file diff --git a/Libraries/Renderer/implementations/ReactFabric-dev.fb.js b/Libraries/Renderer/implementations/ReactFabric-dev.fb.js index 76f2b59ab09..11dc6ff58ce 100644 --- a/Libraries/Renderer/implementations/ReactFabric-dev.fb.js +++ b/Libraries/Renderer/implementations/ReactFabric-dev.fb.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<4e8d31482697cd46d1558cbff98e79aa>> + * @generated SignedSource<<6d80dd918594e27535a434318a0b1bb0>> */ 'use strict'; @@ -577,8 +577,7 @@ function hasDispatches(event) { return !!event._dispatchListeners; } -var assign = Object.assign; - +/* eslint valid-typeof: 0 */ var EVENT_POOL_SIZE = 10; /** * @interface Event @@ -687,7 +686,7 @@ function SyntheticEvent( return this; } -assign(SyntheticEvent.prototype, { +Object.assign(SyntheticEvent.prototype, { preventDefault: function() { this.defaultPrevented = true; var event = this.nativeEvent; @@ -817,10 +816,10 @@ SyntheticEvent.extend = function(Interface) { return Super.apply(this, arguments); } - assign(prototype, Class.prototype); + Object.assign(prototype, Class.prototype); Class.prototype = prototype; Class.prototype.constructor = Class; - Class.Interface = assign({}, Super.Interface, Interface); + Class.Interface = Object.assign({}, Super.Interface, Interface); Class.extend = Super.extend; addEventPoolingTo(Class); return Class; @@ -2597,26 +2596,50 @@ function set(key, value) { // ATTENTION // When adding new symbols to this file, // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols' -// The Symbol used to tag the ReactElement-like types. -var REACT_ELEMENT_TYPE = Symbol.for("react.element"); -var REACT_PORTAL_TYPE = Symbol.for("react.portal"); -var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"); -var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"); -var REACT_PROFILER_TYPE = Symbol.for("react.profiler"); -var REACT_PROVIDER_TYPE = Symbol.for("react.provider"); -var REACT_CONTEXT_TYPE = Symbol.for("react.context"); -var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"); -var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"); -var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"); -var REACT_MEMO_TYPE = Symbol.for("react.memo"); -var REACT_LAZY_TYPE = Symbol.for("react.lazy"); -var REACT_SCOPE_TYPE = Symbol.for("react.scope"); -var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode"); -var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"); -var REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"); -var REACT_CACHE_TYPE = Symbol.for("react.cache"); -var REACT_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker"); -var MAYBE_ITERATOR_SYMBOL = Symbol.iterator; +// 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 = 0xeac7; +var REACT_PORTAL_TYPE = 0xeaca; +var REACT_FRAGMENT_TYPE = 0xeacb; +var REACT_STRICT_MODE_TYPE = 0xeacc; +var REACT_PROFILER_TYPE = 0xead2; +var REACT_PROVIDER_TYPE = 0xeacd; +var REACT_CONTEXT_TYPE = 0xeace; +var REACT_FORWARD_REF_TYPE = 0xead0; +var REACT_SUSPENSE_TYPE = 0xead1; +var REACT_SUSPENSE_LIST_TYPE = 0xead8; +var REACT_MEMO_TYPE = 0xead3; +var REACT_LAZY_TYPE = 0xead4; +var REACT_SCOPE_TYPE = 0xead7; +var REACT_DEBUG_TRACING_MODE_TYPE = 0xeae1; +var REACT_OFFSCREEN_TYPE = 0xeae2; +var REACT_LEGACY_HIDDEN_TYPE = 0xeae3; +var REACT_CACHE_TYPE = 0xeae4; +var REACT_TRACING_MARKER_TYPE = 0xeae5; + +if (typeof Symbol === "function" && Symbol.for) { + var symbolFor = Symbol.for; + REACT_ELEMENT_TYPE = symbolFor("react.element"); + REACT_PORTAL_TYPE = symbolFor("react.portal"); + REACT_FRAGMENT_TYPE = symbolFor("react.fragment"); + REACT_STRICT_MODE_TYPE = symbolFor("react.strict_mode"); + REACT_PROFILER_TYPE = symbolFor("react.profiler"); + REACT_PROVIDER_TYPE = symbolFor("react.provider"); + REACT_CONTEXT_TYPE = symbolFor("react.context"); + REACT_FORWARD_REF_TYPE = symbolFor("react.forward_ref"); + REACT_SUSPENSE_TYPE = symbolFor("react.suspense"); + REACT_SUSPENSE_LIST_TYPE = symbolFor("react.suspense_list"); + REACT_MEMO_TYPE = symbolFor("react.memo"); + REACT_LAZY_TYPE = symbolFor("react.lazy"); + REACT_SCOPE_TYPE = symbolFor("react.scope"); + REACT_DEBUG_TRACING_MODE_TYPE = symbolFor("react.debug_trace_mode"); + REACT_OFFSCREEN_TYPE = symbolFor("react.offscreen"); + REACT_LEGACY_HIDDEN_TYPE = symbolFor("react.legacy_hidden"); + REACT_CACHE_TYPE = symbolFor("react.cache"); + REACT_TRACING_MARKER_TYPE = symbolFor("react.tracing_marker"); +} + +var MAYBE_ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator; var FAUX_ITERATOR_SYMBOL = "@@iterator"; function getIteratorFn(maybeIterable) { if (maybeIterable === null || typeof maybeIterable !== "object") { @@ -2853,6 +2876,7 @@ var enableProfilerTimer = true; var enableProfilerCommitHooks = true; var enableLazyElements = false; var warnAboutStringRefs = false; +var warnOnSubscriptionInsideStartTransition = false; var enableSuspenseAvoidThisFallback = false; var enableNewReconciler = false; var enableLazyContextPropagation = false; @@ -3985,25 +4009,25 @@ function reenableLogs() { }; // $FlowFixMe Flow thinks console is immutable. Object.defineProperties(console, { - log: assign({}, props, { + log: Object.assign({}, props, { value: prevLog }), - info: assign({}, props, { + info: Object.assign({}, props, { value: prevInfo }), - warn: assign({}, props, { + warn: Object.assign({}, props, { value: prevWarn }), - error: assign({}, props, { + error: Object.assign({}, props, { value: prevError }), - group: assign({}, props, { + group: Object.assign({}, props, { value: prevGroup }), - groupCollapsed: assign({}, props, { + groupCollapsed: Object.assign({}, props, { value: prevGroupCollapsed }), - groupEnd: assign({}, props, { + groupEnd: Object.assign({}, props, { value: prevGroupEnd }) }); @@ -4056,7 +4080,7 @@ function injectInternals(internals) { // Conditionally inject these hooks only if Timeline profiler is supported by this build. // This gives DevTools a way to feature detect that isn't tied to version number // (since profiling and timeline are controlled by different feature flags). - internals = assign({}, internals, { + internals = Object.assign({}, internals, { getLaneLabelMap: getLaneLabelMap, injectProfilingHooks: injectProfilingHooks }); @@ -6118,7 +6142,7 @@ function processChildContext(fiber, type, parentContext) { checkPropTypes(childContextTypes, childContext, "child context", name); } - return assign({}, parentContext, childContext); + return Object.assign({}, parentContext, childContext); } } @@ -6886,7 +6910,7 @@ function checkPropStringCoercion(value, propName) { function resolveDefaultProps(Component, baseProps) { if (Component && Component.defaultProps) { // Resolve default props. Taken from ReactElement - var props = assign({}, baseProps); + var props = Object.assign({}, baseProps); var defaultProps = Component.defaultProps; for (var propName in defaultProps) { @@ -7525,7 +7549,7 @@ function getStateFromUpdate( return prevState; } // Merge the partial state and the previous state. - return assign({}, prevState, partialState); + return Object.assign({}, prevState, partialState); } case ForceUpdate: { @@ -7875,7 +7899,7 @@ function applyDerivedStateFromProps( var memoizedState = partialState === null || partialState === undefined ? prevState - : assign({}, prevState, partialState); + : Object.assign({}, prevState, partialState); workInProgress.memoizedState = memoizedState; // Once the update queue is empty, persist the derived state onto the // base state. @@ -8941,7 +8965,7 @@ function popTreeContext(workInProgress) { } } -var isHydrating = false; +var isHydrating = false; // Hydration errors that were thrown inside this boundary function enterHydrationState(fiber) { { @@ -12082,7 +12106,7 @@ function rerenderDeferredValue(value) { return prevValue; } -function startTransition(setPending, callback, options) { +function startTransition(setPending, callback) { var previousPriority = getCurrentUpdatePriority(); setCurrentUpdatePriority( higherEventPriority(previousPriority, ContinuousEventPriority) @@ -12104,7 +12128,11 @@ function startTransition(setPending, callback, options) { ReactCurrentBatchConfig$1.transition = prevTransition; { - if (prevTransition === null && currentTransition._updatedFibers) { + if ( + prevTransition === null && + warnOnSubscriptionInsideStartTransition && + currentTransition._updatedFibers + ) { var updatedFibersCount = currentTransition._updatedFibers.size; if (updatedFibersCount > 10) { @@ -12171,7 +12199,7 @@ function mountId() { { // Use a lowercase r prefix for client-generated ids. var globalClientId = globalClientIdCounter++; - id = ":" + identifierPrefix + "r" + globalClientId.toString(32) + ":"; + id = identifierPrefix + "r:" + globalClientId.toString(32); } hook.memoizedState = id; @@ -13909,12 +13937,15 @@ function throwException( } // This is a sync/discrete update. We treat this case like an error // because discrete renders are expected to produce a complete tree // synchronously to maintain consistency with external state. + // TODO: We should never call getComponentNameFromFiber in production. + // Log a warning or something to prevent us from accidentally bundling it. var uncaughtSuspenseError = new Error( - "A component suspended while responding to synchronous input. This " + - "will cause the UI to be replaced with a loading indicator. To " + - "fix, updates that suspend should be wrapped " + - "with startTransition." + (getComponentNameFromFiber(sourceFiber) || "A React component") + + " suspended while rendering, but no fallback UI was specified.\n" + + "\n" + + "Add a component higher in the tree to " + + "provide a loading indicator or placeholder to display." ); // If we're outside a transition, fall through to the regular error path. // The error will be caught by the nearest suspense boundary. @@ -15038,14 +15069,6 @@ function completeWork(current, workInProgress, renderLanes) { return null; } - - case CacheComponent: { - return null; - } - - case TracingMarkerComponent: { - return null; - } } throw new Error( @@ -17639,7 +17662,6 @@ function attemptEarlyBailoutIfNoScheduledUpdate( switch (workInProgress.tag) { case HostRoot: pushHostRootContext(workInProgress); - var root = workInProgress.stateNode; break; case HostComponent: @@ -18978,9 +19000,8 @@ function commitLayoutEffectOnFiber( case IncompleteClassComponent: case ScopeComponent: case OffscreenComponent: - case LegacyHiddenComponent: { + case LegacyHiddenComponent: break; - } default: throw new Error( @@ -19454,12 +19475,12 @@ function commitMutationEffects(root, firstChild, committedLanes) { inProgressLanes = committedLanes; inProgressRoot = root; nextEffect = firstChild; - commitMutationEffects_begin(root, committedLanes); + commitMutationEffects_begin(root); inProgressLanes = null; inProgressRoot = null; } -function commitMutationEffects_begin(root, lanes) { +function commitMutationEffects_begin(root) { while (nextEffect !== null) { var fiber = nextEffect; // TODO: Should wrap this in flags check, too, as optimization @@ -19484,18 +19505,18 @@ function commitMutationEffects_begin(root, lanes) { ensureCorrectReturnPointer(child, fiber); nextEffect = child; } else { - commitMutationEffects_complete(root, lanes); + commitMutationEffects_complete(root); } } } -function commitMutationEffects_complete(root, lanes) { +function commitMutationEffects_complete(root) { while (nextEffect !== null) { var fiber = nextEffect; setCurrentFiber(fiber); try { - commitMutationEffectsOnFiber(fiber, root, lanes); + commitMutationEffectsOnFiber(fiber, root); } catch (error) { reportUncaughtErrorInDEV(error); captureCommitPhaseError(fiber, fiber.return, error); @@ -19514,7 +19535,7 @@ function commitMutationEffects_complete(root, lanes) { } } -function commitMutationEffectsOnFiber(finishedWork, root, lanes) { +function commitMutationEffectsOnFiber(finishedWork, root) { // TODO: The factoring of this phase could probably be improved. Consider // switching on the type of work before checking the flags. That's what // we do in all the other phases. I think this one is only different @@ -20062,12 +20083,12 @@ var TEST_NAME_TYPE = 3; var TEXT_TYPE = 4; if (typeof Symbol === "function" && Symbol.for) { - var symbolFor = Symbol.for; - COMPONENT_TYPE = symbolFor("selector.component"); - HAS_PSEUDO_CLASS_TYPE = symbolFor("selector.has_pseudo_class"); - ROLE_TYPE = symbolFor("selector.role"); - TEST_NAME_TYPE = symbolFor("selector.test_id"); - TEXT_TYPE = symbolFor("selector.text"); + var symbolFor$1 = Symbol.for; + COMPONENT_TYPE = symbolFor$1("selector.component"); + HAS_PSEUDO_CLASS_TYPE = symbolFor$1("selector.has_pseudo_class"); + ROLE_TYPE = symbolFor$1("selector.role"); + TEST_NAME_TYPE = symbolFor$1("selector.test_id"); + TEXT_TYPE = symbolFor$1("selector.text"); } var ReactCurrentActQueue = ReactSharedInternals.ReactCurrentActQueue; @@ -20244,15 +20265,6 @@ function requestUpdateLane(fiber) { var isTransition = requestCurrentTransition() !== NoTransition; if (isTransition) { - if (ReactCurrentBatchConfig$2.transition !== null) { - var transition = ReactCurrentBatchConfig$2.transition; - - if (!transition._updatedFibers) { - transition._updatedFibers = new Set(); - } - - transition._updatedFibers.add(fiber); - } // The algorithm for assigning an update to a lane should be stable for all // updates at the same priority within the same event. To do this, the // inputs to the algorithm must be the same. // @@ -21315,6 +21327,7 @@ function renderRootSync(root, lanes) { movePendingFibersToMemoized(root, lanes); } } + prepareFreshStack(root, lanes); } @@ -21383,6 +21396,7 @@ function renderRootConcurrent(root, lanes) { movePendingFibersToMemoized(root, lanes); } } + resetRenderTimer(); prepareFreshStack(root, lanes); } @@ -21982,11 +21996,7 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error$1) { return; } - var fiber = null; - - { - fiber = sourceFiber.return; - } + var fiber = nearestMountedAncestor; while (fiber !== null) { if (fiber.tag === HostRoot) { @@ -22020,14 +22030,9 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error$1) { } { - // TODO: Until we re-land skipUnmountedBoundaries (see #20147), this warning - // will fire for errors that are thrown by destroy functions inside deleted - // trees. What it should instead do is propagate the error to the parent of - // the deleted tree. In the meantime, do not add this warning to the - // allowlist; this is only for our internal use. error( "Internal React error: Attempted to capture a commit phase error " + - "inside a detached tree. This indicates a bug in React. Likely " + + "inside a detached tree. This indicates a bug in React. Potential " + "causes include deleting the same fiber more than once, committing an " + "already-finished tree, or an inconsistent return pointer.\n\n" + "Error message:\n\n%s", @@ -23661,7 +23666,7 @@ function FiberRootNode( this.memoizedUpdaters = new Set(); var pendingUpdatersLaneMap = (this.pendingUpdatersLaneMap = []); - for (var _i = 0; _i < TotalLanes; _i++) { + for (var i = 0; i < TotalLanes; i++) { pendingUpdatersLaneMap.push(new Set()); } } @@ -23712,9 +23717,7 @@ function createFiberRoot( { var _initialState = { - element: null, - cache: null, - transitions: null + element: null }; uninitializedFiber.memoizedState = _initialState; } @@ -23723,7 +23726,7 @@ function createFiberRoot( return root; } -var ReactVersion = "18.0.0-rc.1-17806594c-20220301"; +var ReactVersion = "18.0.0-rc.0-4de99b3ca-20220221"; function createPortal( children, @@ -23977,7 +23980,7 @@ var setSuspenseHandler = null; { var copyWithDeleteImpl = function(obj, path, index) { var key = path[index]; - var updated = isArray(obj) ? obj.slice() : assign({}, obj); + var updated = isArray(obj) ? obj.slice() : Object.assign({}, obj); if (index + 1 === path.length) { if (isArray(updated)) { @@ -23999,7 +24002,7 @@ var setSuspenseHandler = null; var copyWithRenameImpl = function(obj, oldPath, newPath, index) { var oldKey = oldPath[index]; - var updated = isArray(obj) ? obj.slice() : assign({}, obj); + var updated = isArray(obj) ? obj.slice() : Object.assign({}, obj); if (index + 1 === oldPath.length) { var newKey = newPath[index]; // $FlowFixMe number or string is fine here @@ -24051,7 +24054,7 @@ var setSuspenseHandler = null; } var key = path[index]; - var updated = isArray(obj) ? obj.slice() : assign({}, obj); // $FlowFixMe number or string is fine here + var updated = isArray(obj) ? obj.slice() : Object.assign({}, obj); // $FlowFixMe number or string is fine here updated[key] = copyWithSetImpl(obj[key], path, index + 1, value); return updated; @@ -24086,7 +24089,7 @@ var setSuspenseHandler = null; // As a result though, React will see the scheduled update as a noop and bailout. // Shallow cloning props works as a workaround for now to bypass the bailout check. - fiber.memoizedProps = assign({}, fiber.memoizedProps); + fiber.memoizedProps = Object.assign({}, fiber.memoizedProps); scheduleUpdateOnFiber(fiber, SyncLane, NoTimestamp); } }; @@ -24103,7 +24106,7 @@ var setSuspenseHandler = null; // As a result though, React will see the scheduled update as a noop and bailout. // Shallow cloning props works as a workaround for now to bypass the bailout check. - fiber.memoizedProps = assign({}, fiber.memoizedProps); + fiber.memoizedProps = Object.assign({}, fiber.memoizedProps); scheduleUpdateOnFiber(fiber, SyncLane, NoTimestamp); } }; @@ -24120,7 +24123,7 @@ var setSuspenseHandler = null; // As a result though, React will see the scheduled update as a noop and bailout. // Shallow cloning props works as a workaround for now to bypass the bailout check. - fiber.memoizedProps = assign({}, fiber.memoizedProps); + fiber.memoizedProps = Object.assign({}, fiber.memoizedProps); scheduleUpdateOnFiber(fiber, SyncLane, NoTimestamp); } }; // Support DevTools props for function components, forwardRef, memo, host components, etc. @@ -24402,7 +24405,7 @@ var getInspectorDataForViewAtPoint; function(internalInstanceHandle) { if (internalInstanceHandle == null) { callback( - assign( + Object.assign( { pointerY: locationY, frame: { @@ -24429,7 +24432,7 @@ var getInspectorDataForViewAtPoint; closestInstance ); callback( - assign({}, inspectorData, { + Object.assign({}, inspectorData, { pointerY: locationY, frame: { left: pageX, @@ -24454,7 +24457,7 @@ var getInspectorDataForViewAtPoint; getInstanceFromTag(nativeViewTag) ); callback( - assign({}, inspectorData, { + Object.assign({}, inspectorData, { pointerY: locationY, frame: { left: left, diff --git a/Libraries/Renderer/implementations/ReactFabric-prod.fb.js b/Libraries/Renderer/implementations/ReactFabric-prod.fb.js index 75a8da3ddb6..9c9d4e2cc67 100644 --- a/Libraries/Renderer/implementations/ReactFabric-prod.fb.js +++ b/Libraries/Renderer/implementations/ReactFabric-prod.fb.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<7389c5406141344364bedc0bb9bbd92e>> + * @generated SignedSource<<9d64ad4ce3ec89212953470f0d425676>> */ "use strict"; @@ -87,7 +87,6 @@ function executeDirectDispatch(event) { event._dispatchInstances = null; return dispatchListener; } -var assign = Object.assign; function functionThatReturnsTrue() { return !0; } @@ -120,7 +119,7 @@ function SyntheticEvent( this.isPropagationStopped = functionThatReturnsFalse; return this; } -assign(SyntheticEvent.prototype, { +Object.assign(SyntheticEvent.prototype, { preventDefault: function() { this.defaultPrevented = !0; var event = this.nativeEvent; @@ -174,10 +173,10 @@ SyntheticEvent.extend = function(Interface) { var Super = this; E.prototype = Super.prototype; var prototype = new E(); - assign(prototype, Class.prototype); + Object.assign(prototype, Class.prototype); Class.prototype = prototype; Class.prototype.constructor = Class; - Class.Interface = assign({}, Super.Interface, Interface); + Class.Interface = Object.assign({}, Super.Interface, Interface); Class.extend = Super.extend; addEventPoolingTo(Class); return Class; @@ -1029,25 +1028,45 @@ ResponderEventPlugin.injection.injectGlobalResponderHandler({ }); var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, - REACT_ELEMENT_TYPE = Symbol.for("react.element"), - REACT_PORTAL_TYPE = Symbol.for("react.portal"), - REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), - REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), - REACT_PROFILER_TYPE = Symbol.for("react.profiler"), - REACT_PROVIDER_TYPE = Symbol.for("react.provider"), - REACT_CONTEXT_TYPE = Symbol.for("react.context"), - REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), - REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), - REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), - REACT_MEMO_TYPE = Symbol.for("react.memo"), - REACT_LAZY_TYPE = Symbol.for("react.lazy"); -Symbol.for("react.scope"); -var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode"), - REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"), - REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"), - REACT_CACHE_TYPE = Symbol.for("react.cache"), - REACT_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker"), - MAYBE_ITERATOR_SYMBOL = Symbol.iterator; + REACT_ELEMENT_TYPE = 60103, + REACT_PORTAL_TYPE = 60106, + REACT_FRAGMENT_TYPE = 60107, + REACT_STRICT_MODE_TYPE = 60108, + REACT_PROFILER_TYPE = 60114, + REACT_PROVIDER_TYPE = 60109, + REACT_CONTEXT_TYPE = 60110, + REACT_FORWARD_REF_TYPE = 60112, + REACT_SUSPENSE_TYPE = 60113, + REACT_SUSPENSE_LIST_TYPE = 60120, + REACT_MEMO_TYPE = 60115, + REACT_LAZY_TYPE = 60116, + REACT_DEBUG_TRACING_MODE_TYPE = 60129, + REACT_OFFSCREEN_TYPE = 60130, + REACT_LEGACY_HIDDEN_TYPE = 60131, + REACT_CACHE_TYPE = 60132, + REACT_TRACING_MARKER_TYPE = 60133; +if ("function" === typeof Symbol && Symbol.for) { + var symbolFor = Symbol.for; + REACT_ELEMENT_TYPE = symbolFor("react.element"); + REACT_PORTAL_TYPE = symbolFor("react.portal"); + REACT_FRAGMENT_TYPE = symbolFor("react.fragment"); + REACT_STRICT_MODE_TYPE = symbolFor("react.strict_mode"); + REACT_PROFILER_TYPE = symbolFor("react.profiler"); + REACT_PROVIDER_TYPE = symbolFor("react.provider"); + REACT_CONTEXT_TYPE = symbolFor("react.context"); + REACT_FORWARD_REF_TYPE = symbolFor("react.forward_ref"); + REACT_SUSPENSE_TYPE = symbolFor("react.suspense"); + REACT_SUSPENSE_LIST_TYPE = symbolFor("react.suspense_list"); + REACT_MEMO_TYPE = symbolFor("react.memo"); + REACT_LAZY_TYPE = symbolFor("react.lazy"); + symbolFor("react.scope"); + REACT_DEBUG_TRACING_MODE_TYPE = symbolFor("react.debug_trace_mode"); + REACT_OFFSCREEN_TYPE = symbolFor("react.offscreen"); + REACT_LEGACY_HIDDEN_TYPE = symbolFor("react.legacy_hidden"); + REACT_CACHE_TYPE = symbolFor("react.cache"); + REACT_TRACING_MARKER_TYPE = symbolFor("react.tracing_marker"); +} +var MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator; function getIteratorFn(maybeIterable) { if (null === maybeIterable || "object" !== typeof maybeIterable) return null; maybeIterable = @@ -2034,7 +2053,7 @@ function processChildContext(fiber, type, parentContext) { contextKey + '" is not defined in childContextTypes.' ); - return assign({}, parentContext, instance); + return Object.assign({}, parentContext, instance); } function pushContextProvider(workInProgress) { workInProgress = @@ -2144,7 +2163,7 @@ function describeFiber(fiber) { } function resolveDefaultProps(Component, baseProps) { if (Component && Component.defaultProps) { - baseProps = assign({}, baseProps); + baseProps = Object.assign({}, baseProps); Component = Component.defaultProps; for (var propName in Component) void 0 === baseProps[propName] && @@ -2389,7 +2408,7 @@ function processUpdateQueue( ? workInProgress.call(updateEventTime, newState, updateLane) : workInProgress; if (null === updateLane || void 0 === updateLane) break a; - newState = assign({}, newState, updateLane); + newState = Object.assign({}, newState, updateLane); break a; case 2: hasForceUpdate = !0; @@ -2476,7 +2495,7 @@ function applyDerivedStateFromProps( getDerivedStateFromProps = null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps ? ctor - : assign({}, ctor, getDerivedStateFromProps); + : Object.assign({}, ctor, getDerivedStateFromProps); workInProgress.memoizedState = getDerivedStateFromProps; 0 === workInProgress.lanes && (workInProgress.updateQueue.baseState = getDerivedStateFromProps); @@ -4091,8 +4110,7 @@ var ContextOnlyDispatcher = { var hook = mountWorkInProgressHook(), identifierPrefix = workInProgressRoot.identifierPrefix, globalClientId = globalClientIdCounter++; - identifierPrefix = - ":" + identifierPrefix + "r" + globalClientId.toString(32) + ":"; + identifierPrefix = identifierPrefix + "r:" + globalClientId.toString(32); return (hook.memoizedState = identifierPrefix); }, unstable_isNewReconciler: !1 @@ -4774,10 +4792,6 @@ function completeWork(current, workInProgress, renderLanes) { : bubbleProperties(workInProgress), null ); - case 24: - return null; - case 25: - return null; } throw Error( "Unknown unit of work tag (" + @@ -6855,7 +6869,8 @@ function handleError(root$jscomp$0, thrownValue) { break a; } value = Error( - "A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition." + (getComponentNameFromFiber(sourceFiber) || "A React component") + + " suspended while rendering, but no fallback UI was specified.\n\nAdd a component higher in the tree to provide a loading indicator or placeholder to display." ); } } @@ -7066,7 +7081,7 @@ function commitRootImpl(root, recoverableErrors, renderPriorityLevel) { executionContext |= 4; ReactCurrentOwner$2.current = null; commitBeforeMutationEffects(root, finishedWork); - commitMutationEffects(root, finishedWork, lanes); + commitMutationEffects(root, finishedWork); root.current = finishedWork; commitLayoutEffects(finishedWork, root, lanes); requestPaint(); @@ -7265,11 +7280,7 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) { if (3 === sourceFiber.tag) captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error); else - for ( - nearestMountedAncestor = sourceFiber.return; - null !== nearestMountedAncestor; - - ) { + for (; null !== nearestMountedAncestor; ) { if (3 === nearestMountedAncestor.tag) { captureCommitPhaseErrorOnRoot( nearestMountedAncestor, @@ -8197,10 +8208,10 @@ batchedUpdatesImpl = function(fn, a) { } }; var roots = new Map(), - devToolsConfig$jscomp$inline_932 = { + devToolsConfig$jscomp$inline_930 = { findFiberByHostInstance: getInstanceFromInstance, bundleType: 0, - version: "18.0.0-rc.1-17806594c-20220301", + version: "18.0.0-rc.0-4de99b3ca-20220221", rendererPackageName: "react-native-renderer", rendererConfig: { getInspectorDataForViewTag: function() { @@ -8215,11 +8226,11 @@ var roots = new Map(), }.bind(null, findNodeHandle) } }; -var internals$jscomp$inline_1181 = { - bundleType: devToolsConfig$jscomp$inline_932.bundleType, - version: devToolsConfig$jscomp$inline_932.version, - rendererPackageName: devToolsConfig$jscomp$inline_932.rendererPackageName, - rendererConfig: devToolsConfig$jscomp$inline_932.rendererConfig, +var internals$jscomp$inline_1178 = { + bundleType: devToolsConfig$jscomp$inline_930.bundleType, + version: devToolsConfig$jscomp$inline_930.version, + rendererPackageName: devToolsConfig$jscomp$inline_930.rendererPackageName, + rendererConfig: devToolsConfig$jscomp$inline_930.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, @@ -8235,26 +8246,26 @@ var internals$jscomp$inline_1181 = { return null === fiber ? null : fiber.stateNode; }, findFiberByHostInstance: - devToolsConfig$jscomp$inline_932.findFiberByHostInstance || + devToolsConfig$jscomp$inline_930.findFiberByHostInstance || emptyFindFiberByHostInstance, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "18.0.0-rc.1-17806594c-20220301" + reconcilerVersion: "18.0.0-rc.0-4de99b3ca-20220221" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_1182 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_1179 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_1182.isDisabled && - hook$jscomp$inline_1182.supportsFiber + !hook$jscomp$inline_1179.isDisabled && + hook$jscomp$inline_1179.supportsFiber ) try { - (rendererID = hook$jscomp$inline_1182.inject( - internals$jscomp$inline_1181 + (rendererID = hook$jscomp$inline_1179.inject( + internals$jscomp$inline_1178 )), - (injectedHook = hook$jscomp$inline_1182); + (injectedHook = hook$jscomp$inline_1179); } catch (err) {} } exports.createPortal = function(children, containerTag) { @@ -8304,7 +8315,7 @@ exports.render = function(element, containerTag, callback, concurrentRoot) { (root = createFiber(3, null, null, 1 === root ? 1 : 0)), (concurrentRoot.current = root), (root.stateNode = concurrentRoot), - (root.memoizedState = { element: null, cache: null, transitions: null }), + (root.memoizedState = { element: null }), initializeUpdateQueue(root), (root = concurrentRoot), roots.set(containerTag, root)); diff --git a/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js b/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js index 083e3659230..a3878770557 100644 --- a/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js +++ b/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<<5ba9e2059ecc2a06c22933fa3c732fc7>> */ @@ -98,7 +98,6 @@ function executeDirectDispatch(event) { event._dispatchInstances = null; return dispatchListener; } -var assign = Object.assign; function functionThatReturnsTrue() { return !0; } @@ -131,7 +130,7 @@ function SyntheticEvent( this.isPropagationStopped = functionThatReturnsFalse; return this; } -assign(SyntheticEvent.prototype, { +Object.assign(SyntheticEvent.prototype, { preventDefault: function() { this.defaultPrevented = !0; var event = this.nativeEvent; @@ -185,10 +184,10 @@ SyntheticEvent.extend = function(Interface) { var Super = this; E.prototype = Super.prototype; var prototype = new E(); - assign(prototype, Class.prototype); + Object.assign(prototype, Class.prototype); Class.prototype = prototype; Class.prototype.constructor = Class; - Class.Interface = assign({}, Super.Interface, Interface); + Class.Interface = Object.assign({}, Super.Interface, Interface); Class.extend = Super.extend; addEventPoolingTo(Class); return Class; @@ -1040,25 +1039,45 @@ ResponderEventPlugin.injection.injectGlobalResponderHandler({ }); var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, - REACT_ELEMENT_TYPE = Symbol.for("react.element"), - REACT_PORTAL_TYPE = Symbol.for("react.portal"), - REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), - REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), - REACT_PROFILER_TYPE = Symbol.for("react.profiler"), - REACT_PROVIDER_TYPE = Symbol.for("react.provider"), - REACT_CONTEXT_TYPE = Symbol.for("react.context"), - REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), - REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), - REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), - REACT_MEMO_TYPE = Symbol.for("react.memo"), - REACT_LAZY_TYPE = Symbol.for("react.lazy"); -Symbol.for("react.scope"); -var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode"), - REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"), - REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"), - REACT_CACHE_TYPE = Symbol.for("react.cache"), - REACT_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker"), - MAYBE_ITERATOR_SYMBOL = Symbol.iterator; + REACT_ELEMENT_TYPE = 60103, + REACT_PORTAL_TYPE = 60106, + REACT_FRAGMENT_TYPE = 60107, + REACT_STRICT_MODE_TYPE = 60108, + REACT_PROFILER_TYPE = 60114, + REACT_PROVIDER_TYPE = 60109, + REACT_CONTEXT_TYPE = 60110, + REACT_FORWARD_REF_TYPE = 60112, + REACT_SUSPENSE_TYPE = 60113, + REACT_SUSPENSE_LIST_TYPE = 60120, + REACT_MEMO_TYPE = 60115, + REACT_LAZY_TYPE = 60116, + REACT_DEBUG_TRACING_MODE_TYPE = 60129, + REACT_OFFSCREEN_TYPE = 60130, + REACT_LEGACY_HIDDEN_TYPE = 60131, + REACT_CACHE_TYPE = 60132, + REACT_TRACING_MARKER_TYPE = 60133; +if ("function" === typeof Symbol && Symbol.for) { + var symbolFor = Symbol.for; + REACT_ELEMENT_TYPE = symbolFor("react.element"); + REACT_PORTAL_TYPE = symbolFor("react.portal"); + REACT_FRAGMENT_TYPE = symbolFor("react.fragment"); + REACT_STRICT_MODE_TYPE = symbolFor("react.strict_mode"); + REACT_PROFILER_TYPE = symbolFor("react.profiler"); + REACT_PROVIDER_TYPE = symbolFor("react.provider"); + REACT_CONTEXT_TYPE = symbolFor("react.context"); + REACT_FORWARD_REF_TYPE = symbolFor("react.forward_ref"); + REACT_SUSPENSE_TYPE = symbolFor("react.suspense"); + REACT_SUSPENSE_LIST_TYPE = symbolFor("react.suspense_list"); + REACT_MEMO_TYPE = symbolFor("react.memo"); + REACT_LAZY_TYPE = symbolFor("react.lazy"); + symbolFor("react.scope"); + REACT_DEBUG_TRACING_MODE_TYPE = symbolFor("react.debug_trace_mode"); + REACT_OFFSCREEN_TYPE = symbolFor("react.offscreen"); + REACT_LEGACY_HIDDEN_TYPE = symbolFor("react.legacy_hidden"); + REACT_CACHE_TYPE = symbolFor("react.cache"); + REACT_TRACING_MARKER_TYPE = symbolFor("react.tracing_marker"); +} +var MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator; function getIteratorFn(maybeIterable) { if (null === maybeIterable || "object" !== typeof maybeIterable) return null; maybeIterable = @@ -2161,7 +2180,7 @@ function processChildContext(fiber, type, parentContext) { contextKey + '" is not defined in childContextTypes.' ); - return assign({}, parentContext, instance); + return Object.assign({}, parentContext, instance); } function pushContextProvider(workInProgress) { workInProgress = @@ -2271,7 +2290,7 @@ function describeFiber(fiber) { } function resolveDefaultProps(Component, baseProps) { if (Component && Component.defaultProps) { - baseProps = assign({}, baseProps); + baseProps = Object.assign({}, baseProps); Component = Component.defaultProps; for (var propName in Component) void 0 === baseProps[propName] && @@ -2516,7 +2535,7 @@ function processUpdateQueue( ? workInProgress.call(updateEventTime, newState, updateLane) : workInProgress; if (null === updateLane || void 0 === updateLane) break a; - newState = assign({}, newState, updateLane); + newState = Object.assign({}, newState, updateLane); break a; case 2: hasForceUpdate = !0; @@ -2603,7 +2622,7 @@ function applyDerivedStateFromProps( getDerivedStateFromProps = null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps ? ctor - : assign({}, ctor, getDerivedStateFromProps); + : Object.assign({}, ctor, getDerivedStateFromProps); workInProgress.memoizedState = getDerivedStateFromProps; 0 === workInProgress.lanes && (workInProgress.updateQueue.baseState = getDerivedStateFromProps); @@ -4225,8 +4244,7 @@ var ContextOnlyDispatcher = { var hook = mountWorkInProgressHook(), identifierPrefix = workInProgressRoot.identifierPrefix, globalClientId = globalClientIdCounter++; - identifierPrefix = - ":" + identifierPrefix + "r" + globalClientId.toString(32) + ":"; + identifierPrefix = identifierPrefix + "r:" + globalClientId.toString(32); return (hook.memoizedState = identifierPrefix); }, unstable_isNewReconciler: !1 @@ -5016,10 +5034,6 @@ function completeWork(current, workInProgress, renderLanes) { : bubbleProperties(workInProgress), null ); - case 24: - return null; - case 25: - return null; } throw Error( "Unknown unit of work tag (" + @@ -7353,7 +7367,8 @@ function handleError(root, thrownValue) { break a; } value = Error( - "A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition." + (getComponentNameFromFiber(sourceFiber) || "A React component") + + " suspended while rendering, but no fallback UI was specified.\n\nAdd a component higher in the tree to provide a loading indicator or placeholder to display." ); } } @@ -7881,11 +7896,7 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) { if (3 === sourceFiber.tag) captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error); else - for ( - nearestMountedAncestor = sourceFiber.return; - null !== nearestMountedAncestor; - - ) { + for (; null !== nearestMountedAncestor; ) { if (3 === nearestMountedAncestor.tag) { captureCommitPhaseErrorOnRoot( nearestMountedAncestor, @@ -8842,10 +8853,10 @@ batchedUpdatesImpl = function(fn, a) { } }; var roots = new Map(), - devToolsConfig$jscomp$inline_1009 = { + devToolsConfig$jscomp$inline_1007 = { findFiberByHostInstance: getInstanceFromInstance, bundleType: 0, - version: "18.0.0-rc.1-17806594c-20220301", + version: "18.0.0-rc.0-4de99b3ca-20220221", rendererPackageName: "react-native-renderer", rendererConfig: { getInspectorDataForViewTag: function() { @@ -8865,7 +8876,7 @@ var roots = new Map(), var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__; if (hook.isDisabled || !hook.supportsFiber) return !0; try { - (internals = assign({}, internals, { + (internals = Object.assign({}, internals, { getLaneLabelMap: getLaneLabelMap, injectProfilingHooks: injectProfilingHooks })), @@ -8874,10 +8885,10 @@ var roots = new Map(), } catch (err) {} return hook.checkDCE ? !0 : !1; })({ - bundleType: devToolsConfig$jscomp$inline_1009.bundleType, - version: devToolsConfig$jscomp$inline_1009.version, - rendererPackageName: devToolsConfig$jscomp$inline_1009.rendererPackageName, - rendererConfig: devToolsConfig$jscomp$inline_1009.rendererConfig, + bundleType: devToolsConfig$jscomp$inline_1007.bundleType, + version: devToolsConfig$jscomp$inline_1007.version, + rendererPackageName: devToolsConfig$jscomp$inline_1007.rendererPackageName, + rendererConfig: devToolsConfig$jscomp$inline_1007.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, @@ -8893,14 +8904,14 @@ var roots = new Map(), return null === fiber ? null : fiber.stateNode; }, findFiberByHostInstance: - devToolsConfig$jscomp$inline_1009.findFiberByHostInstance || + devToolsConfig$jscomp$inline_1007.findFiberByHostInstance || emptyFindFiberByHostInstance, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "18.0.0-rc.1-17806594c-20220301" + reconcilerVersion: "18.0.0-rc.0-4de99b3ca-20220221" }); exports.createPortal = function(children, containerTag) { return createPortal( @@ -8951,7 +8962,7 @@ exports.render = function(element, containerTag, callback, concurrentRoot) { (root = createFiber(3, null, null, root)), (concurrentRoot.current = root), (root.stateNode = concurrentRoot), - (root.memoizedState = { element: null, cache: null, transitions: null }), + (root.memoizedState = { element: null }), initializeUpdateQueue(root), (root = concurrentRoot), roots.set(containerTag, root)); diff --git a/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js b/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js index 0ea8e1d92c8..7d4b813f6e1 100644 --- a/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js +++ b/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<<352e7339901c7a326f6e97b0faea7ffa>> */ 'use strict'; @@ -577,8 +577,7 @@ function hasDispatches(event) { return !!event._dispatchListeners; } -var assign = Object.assign; - +/* eslint valid-typeof: 0 */ var EVENT_POOL_SIZE = 10; /** * @interface Event @@ -687,7 +686,7 @@ function SyntheticEvent( return this; } -assign(SyntheticEvent.prototype, { +Object.assign(SyntheticEvent.prototype, { preventDefault: function() { this.defaultPrevented = true; var event = this.nativeEvent; @@ -817,10 +816,10 @@ SyntheticEvent.extend = function(Interface) { return Super.apply(this, arguments); } - assign(prototype, Class.prototype); + Object.assign(prototype, Class.prototype); Class.prototype = prototype; Class.prototype.constructor = Class; - Class.Interface = assign({}, Super.Interface, Interface); + Class.Interface = Object.assign({}, Super.Interface, Interface); Class.extend = Super.extend; addEventPoolingTo(Class); return Class; @@ -2885,26 +2884,50 @@ function set(key, value) { // ATTENTION // When adding new symbols to this file, // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols' -// The Symbol used to tag the ReactElement-like types. -var REACT_ELEMENT_TYPE = Symbol.for("react.element"); -var REACT_PORTAL_TYPE = Symbol.for("react.portal"); -var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"); -var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"); -var REACT_PROFILER_TYPE = Symbol.for("react.profiler"); -var REACT_PROVIDER_TYPE = Symbol.for("react.provider"); -var REACT_CONTEXT_TYPE = Symbol.for("react.context"); -var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"); -var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"); -var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"); -var REACT_MEMO_TYPE = Symbol.for("react.memo"); -var REACT_LAZY_TYPE = Symbol.for("react.lazy"); -var REACT_SCOPE_TYPE = Symbol.for("react.scope"); -var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode"); -var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"); -var REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"); -var REACT_CACHE_TYPE = Symbol.for("react.cache"); -var REACT_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker"); -var MAYBE_ITERATOR_SYMBOL = Symbol.iterator; +// 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 = 0xeac7; +var REACT_PORTAL_TYPE = 0xeaca; +var REACT_FRAGMENT_TYPE = 0xeacb; +var REACT_STRICT_MODE_TYPE = 0xeacc; +var REACT_PROFILER_TYPE = 0xead2; +var REACT_PROVIDER_TYPE = 0xeacd; +var REACT_CONTEXT_TYPE = 0xeace; +var REACT_FORWARD_REF_TYPE = 0xead0; +var REACT_SUSPENSE_TYPE = 0xead1; +var REACT_SUSPENSE_LIST_TYPE = 0xead8; +var REACT_MEMO_TYPE = 0xead3; +var REACT_LAZY_TYPE = 0xead4; +var REACT_SCOPE_TYPE = 0xead7; +var REACT_DEBUG_TRACING_MODE_TYPE = 0xeae1; +var REACT_OFFSCREEN_TYPE = 0xeae2; +var REACT_LEGACY_HIDDEN_TYPE = 0xeae3; +var REACT_CACHE_TYPE = 0xeae4; +var REACT_TRACING_MARKER_TYPE = 0xeae5; + +if (typeof Symbol === "function" && Symbol.for) { + var symbolFor = Symbol.for; + REACT_ELEMENT_TYPE = symbolFor("react.element"); + REACT_PORTAL_TYPE = symbolFor("react.portal"); + REACT_FRAGMENT_TYPE = symbolFor("react.fragment"); + REACT_STRICT_MODE_TYPE = symbolFor("react.strict_mode"); + REACT_PROFILER_TYPE = symbolFor("react.profiler"); + REACT_PROVIDER_TYPE = symbolFor("react.provider"); + REACT_CONTEXT_TYPE = symbolFor("react.context"); + REACT_FORWARD_REF_TYPE = symbolFor("react.forward_ref"); + REACT_SUSPENSE_TYPE = symbolFor("react.suspense"); + REACT_SUSPENSE_LIST_TYPE = symbolFor("react.suspense_list"); + REACT_MEMO_TYPE = symbolFor("react.memo"); + REACT_LAZY_TYPE = symbolFor("react.lazy"); + REACT_SCOPE_TYPE = symbolFor("react.scope"); + REACT_DEBUG_TRACING_MODE_TYPE = symbolFor("react.debug_trace_mode"); + REACT_OFFSCREEN_TYPE = symbolFor("react.offscreen"); + REACT_LEGACY_HIDDEN_TYPE = symbolFor("react.legacy_hidden"); + REACT_CACHE_TYPE = symbolFor("react.cache"); + REACT_TRACING_MARKER_TYPE = symbolFor("react.tracing_marker"); +} + +var MAYBE_ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator; var FAUX_ITERATOR_SYMBOL = "@@iterator"; function getIteratorFn(maybeIterable) { if (maybeIterable === null || typeof maybeIterable !== "object") { @@ -3141,6 +3164,7 @@ var enableProfilerTimer = true; var enableProfilerCommitHooks = true; var enableLazyElements = false; var warnAboutStringRefs = false; +var warnOnSubscriptionInsideStartTransition = false; var enableSuspenseAvoidThisFallback = false; var enableNewReconciler = false; var enableLazyContextPropagation = false; @@ -4201,25 +4225,25 @@ function reenableLogs() { }; // $FlowFixMe Flow thinks console is immutable. Object.defineProperties(console, { - log: assign({}, props, { + log: Object.assign({}, props, { value: prevLog }), - info: assign({}, props, { + info: Object.assign({}, props, { value: prevInfo }), - warn: assign({}, props, { + warn: Object.assign({}, props, { value: prevWarn }), - error: assign({}, props, { + error: Object.assign({}, props, { value: prevError }), - group: assign({}, props, { + group: Object.assign({}, props, { value: prevGroup }), - groupCollapsed: assign({}, props, { + groupCollapsed: Object.assign({}, props, { value: prevGroupCollapsed }), - groupEnd: assign({}, props, { + groupEnd: Object.assign({}, props, { value: prevGroupEnd }) }); @@ -4272,7 +4296,7 @@ function injectInternals(internals) { // Conditionally inject these hooks only if Timeline profiler is supported by this build. // This gives DevTools a way to feature detect that isn't tied to version number // (since profiling and timeline are controlled by different feature flags). - internals = assign({}, internals, { + internals = Object.assign({}, internals, { getLaneLabelMap: getLaneLabelMap, injectProfilingHooks: injectProfilingHooks }); @@ -5515,6 +5539,7 @@ var isSuspenseInstanceFallback = shim$1; var hydrateTextInstance = shim$1; var errorHydratingContainer = shim$1; +// Modules provided by RN: var getViewConfigForType = ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get; var UPDATE_SIGNAL = {}; @@ -5849,7 +5874,7 @@ function hideTextInstance(textInstance) { function unhideInstance(instance, props) { var viewConfig = instance.viewConfig; var updatePayload = diff( - assign({}, props, { + Object.assign({}, props, { style: [ props.style, { @@ -6324,7 +6349,7 @@ function processChildContext(fiber, type, parentContext) { checkPropTypes(childContextTypes, childContext, "child context", name); } - return assign({}, parentContext, childContext); + return Object.assign({}, parentContext, childContext); } } @@ -7092,7 +7117,7 @@ function checkPropStringCoercion(value, propName) { function resolveDefaultProps(Component, baseProps) { if (Component && Component.defaultProps) { // Resolve default props. Taken from ReactElement - var props = assign({}, baseProps); + var props = Object.assign({}, baseProps); var defaultProps = Component.defaultProps; for (var propName in defaultProps) { @@ -7731,7 +7756,7 @@ function getStateFromUpdate( return prevState; } // Merge the partial state and the previous state. - return assign({}, prevState, partialState); + return Object.assign({}, prevState, partialState); } case ForceUpdate: { @@ -8081,7 +8106,7 @@ function applyDerivedStateFromProps( var memoizedState = partialState === null || partialState === undefined ? prevState - : assign({}, prevState, partialState); + : Object.assign({}, prevState, partialState); workInProgress.memoizedState = memoizedState; // Once the update queue is empty, persist the derived state onto the // base state. @@ -9147,7 +9172,7 @@ function popTreeContext(workInProgress) { } } -var isHydrating = false; +var isHydrating = false; // Hydration errors that were thrown inside this boundary function enterHydrationState(fiber) { { @@ -12288,7 +12313,7 @@ function rerenderDeferredValue(value) { return prevValue; } -function startTransition(setPending, callback, options) { +function startTransition(setPending, callback) { var previousPriority = getCurrentUpdatePriority(); setCurrentUpdatePriority( higherEventPriority(previousPriority, ContinuousEventPriority) @@ -12310,7 +12335,11 @@ function startTransition(setPending, callback, options) { ReactCurrentBatchConfig$1.transition = prevTransition; { - if (prevTransition === null && currentTransition._updatedFibers) { + if ( + prevTransition === null && + warnOnSubscriptionInsideStartTransition && + currentTransition._updatedFibers + ) { var updatedFibersCount = currentTransition._updatedFibers.size; if (updatedFibersCount > 10) { @@ -12377,7 +12406,7 @@ function mountId() { { // Use a lowercase r prefix for client-generated ids. var globalClientId = globalClientIdCounter++; - id = ":" + identifierPrefix + "r" + globalClientId.toString(32) + ":"; + id = identifierPrefix + "r:" + globalClientId.toString(32); } hook.memoizedState = id; @@ -14096,12 +14125,15 @@ function throwException( } // This is a sync/discrete update. We treat this case like an error // because discrete renders are expected to produce a complete tree // synchronously to maintain consistency with external state. + // TODO: We should never call getComponentNameFromFiber in production. + // Log a warning or something to prevent us from accidentally bundling it. var uncaughtSuspenseError = new Error( - "A component suspended while responding to synchronous input. This " + - "will cause the UI to be replaced with a loading indicator. To " + - "fix, updates that suspend should be wrapped " + - "with startTransition." + (getComponentNameFromFiber(sourceFiber) || "A React component") + + " suspended while rendering, but no fallback UI was specified.\n" + + "\n" + + "Add a component higher in the tree to " + + "provide a loading indicator or placeholder to display." ); // If we're outside a transition, fall through to the regular error path. // The error will be caught by the nearest suspense boundary. @@ -15060,14 +15092,6 @@ function completeWork(current, workInProgress, renderLanes) { return null; } - - case CacheComponent: { - return null; - } - - case TracingMarkerComponent: { - return null; - } } throw new Error( @@ -17643,7 +17667,6 @@ function attemptEarlyBailoutIfNoScheduledUpdate( switch (workInProgress.tag) { case HostRoot: pushHostRootContext(workInProgress); - var root = workInProgress.stateNode; break; case HostComponent: @@ -18986,9 +19009,8 @@ function commitLayoutEffectOnFiber( case IncompleteClassComponent: case ScopeComponent: case OffscreenComponent: - case LegacyHiddenComponent: { + case LegacyHiddenComponent: break; - } default: throw new Error( @@ -19823,12 +19845,12 @@ function commitMutationEffects(root, firstChild, committedLanes) { inProgressLanes = committedLanes; inProgressRoot = root; nextEffect = firstChild; - commitMutationEffects_begin(root, committedLanes); + commitMutationEffects_begin(root); inProgressLanes = null; inProgressRoot = null; } -function commitMutationEffects_begin(root, lanes) { +function commitMutationEffects_begin(root) { while (nextEffect !== null) { var fiber = nextEffect; // TODO: Should wrap this in flags check, too, as optimization @@ -19853,18 +19875,18 @@ function commitMutationEffects_begin(root, lanes) { ensureCorrectReturnPointer(child, fiber); nextEffect = child; } else { - commitMutationEffects_complete(root, lanes); + commitMutationEffects_complete(root); } } } -function commitMutationEffects_complete(root, lanes) { +function commitMutationEffects_complete(root) { while (nextEffect !== null) { var fiber = nextEffect; setCurrentFiber(fiber); try { - commitMutationEffectsOnFiber(fiber, root, lanes); + commitMutationEffectsOnFiber(fiber, root); } catch (error) { reportUncaughtErrorInDEV(error); captureCommitPhaseError(fiber, fiber.return, error); @@ -19883,7 +19905,7 @@ function commitMutationEffects_complete(root, lanes) { } } -function commitMutationEffectsOnFiber(finishedWork, root, lanes) { +function commitMutationEffectsOnFiber(finishedWork, root) { // TODO: The factoring of this phase could probably be improved. Consider // switching on the type of work before checking the flags. That's what // we do in all the other phases. I think this one is only different @@ -20448,12 +20470,12 @@ var TEST_NAME_TYPE = 3; var TEXT_TYPE = 4; if (typeof Symbol === "function" && Symbol.for) { - var symbolFor = Symbol.for; - COMPONENT_TYPE = symbolFor("selector.component"); - HAS_PSEUDO_CLASS_TYPE = symbolFor("selector.has_pseudo_class"); - ROLE_TYPE = symbolFor("selector.role"); - TEST_NAME_TYPE = symbolFor("selector.test_id"); - TEXT_TYPE = symbolFor("selector.text"); + var symbolFor$1 = Symbol.for; + COMPONENT_TYPE = symbolFor$1("selector.component"); + HAS_PSEUDO_CLASS_TYPE = symbolFor$1("selector.has_pseudo_class"); + ROLE_TYPE = symbolFor$1("selector.role"); + TEST_NAME_TYPE = symbolFor$1("selector.test_id"); + TEXT_TYPE = symbolFor$1("selector.text"); } var ReactCurrentActQueue = ReactSharedInternals.ReactCurrentActQueue; @@ -20632,15 +20654,6 @@ function requestUpdateLane(fiber) { var isTransition = requestCurrentTransition() !== NoTransition; if (isTransition) { - if (ReactCurrentBatchConfig$2.transition !== null) { - var transition = ReactCurrentBatchConfig$2.transition; - - if (!transition._updatedFibers) { - transition._updatedFibers = new Set(); - } - - transition._updatedFibers.add(fiber); - } // The algorithm for assigning an update to a lane should be stable for all // updates at the same priority within the same event. To do this, the // inputs to the algorithm must be the same. // @@ -21703,6 +21716,7 @@ function renderRootSync(root, lanes) { movePendingFibersToMemoized(root, lanes); } } + prepareFreshStack(root, lanes); } @@ -21771,6 +21785,7 @@ function renderRootConcurrent(root, lanes) { movePendingFibersToMemoized(root, lanes); } } + resetRenderTimer(); prepareFreshStack(root, lanes); } @@ -22370,11 +22385,7 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error$1) { return; } - var fiber = null; - - { - fiber = sourceFiber.return; - } + var fiber = nearestMountedAncestor; while (fiber !== null) { if (fiber.tag === HostRoot) { @@ -22408,14 +22419,9 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error$1) { } { - // TODO: Until we re-land skipUnmountedBoundaries (see #20147), this warning - // will fire for errors that are thrown by destroy functions inside deleted - // trees. What it should instead do is propagate the error to the parent of - // the deleted tree. In the meantime, do not add this warning to the - // allowlist; this is only for our internal use. error( "Internal React error: Attempted to capture a commit phase error " + - "inside a detached tree. This indicates a bug in React. Likely " + + "inside a detached tree. This indicates a bug in React. Potential " + "causes include deleting the same fiber more than once, committing an " + "already-finished tree, or an inconsistent return pointer.\n\n" + "Error message:\n\n%s", @@ -24045,7 +24051,7 @@ function FiberRootNode( this.memoizedUpdaters = new Set(); var pendingUpdatersLaneMap = (this.pendingUpdatersLaneMap = []); - for (var _i = 0; _i < TotalLanes; _i++) { + for (var i = 0; i < TotalLanes; i++) { pendingUpdatersLaneMap.push(new Set()); } } @@ -24096,9 +24102,7 @@ function createFiberRoot( { var _initialState = { - element: null, - cache: null, - transitions: null + element: null }; uninitializedFiber.memoizedState = _initialState; } @@ -24107,7 +24111,7 @@ function createFiberRoot( return root; } -var ReactVersion = "18.0.0-rc.1-17806594c-20220301"; +var ReactVersion = "18.0.0-rc.0-4de99b3ca-20220221"; function createPortal( children, @@ -24361,7 +24365,7 @@ var setSuspenseHandler = null; { var copyWithDeleteImpl = function(obj, path, index) { var key = path[index]; - var updated = isArray(obj) ? obj.slice() : assign({}, obj); + var updated = isArray(obj) ? obj.slice() : Object.assign({}, obj); if (index + 1 === path.length) { if (isArray(updated)) { @@ -24383,7 +24387,7 @@ var setSuspenseHandler = null; var copyWithRenameImpl = function(obj, oldPath, newPath, index) { var oldKey = oldPath[index]; - var updated = isArray(obj) ? obj.slice() : assign({}, obj); + var updated = isArray(obj) ? obj.slice() : Object.assign({}, obj); if (index + 1 === oldPath.length) { var newKey = newPath[index]; // $FlowFixMe number or string is fine here @@ -24435,7 +24439,7 @@ var setSuspenseHandler = null; } var key = path[index]; - var updated = isArray(obj) ? obj.slice() : assign({}, obj); // $FlowFixMe number or string is fine here + var updated = isArray(obj) ? obj.slice() : Object.assign({}, obj); // $FlowFixMe number or string is fine here updated[key] = copyWithSetImpl(obj[key], path, index + 1, value); return updated; @@ -24470,7 +24474,7 @@ var setSuspenseHandler = null; // As a result though, React will see the scheduled update as a noop and bailout. // Shallow cloning props works as a workaround for now to bypass the bailout check. - fiber.memoizedProps = assign({}, fiber.memoizedProps); + fiber.memoizedProps = Object.assign({}, fiber.memoizedProps); scheduleUpdateOnFiber(fiber, SyncLane, NoTimestamp); } }; @@ -24487,7 +24491,7 @@ var setSuspenseHandler = null; // As a result though, React will see the scheduled update as a noop and bailout. // Shallow cloning props works as a workaround for now to bypass the bailout check. - fiber.memoizedProps = assign({}, fiber.memoizedProps); + fiber.memoizedProps = Object.assign({}, fiber.memoizedProps); scheduleUpdateOnFiber(fiber, SyncLane, NoTimestamp); } }; @@ -24504,7 +24508,7 @@ var setSuspenseHandler = null; // As a result though, React will see the scheduled update as a noop and bailout. // Shallow cloning props works as a workaround for now to bypass the bailout check. - fiber.memoizedProps = assign({}, fiber.memoizedProps); + fiber.memoizedProps = Object.assign({}, fiber.memoizedProps); scheduleUpdateOnFiber(fiber, SyncLane, NoTimestamp); } }; // Support DevTools props for function components, forwardRef, memo, host components, etc. @@ -24780,7 +24784,7 @@ var getInspectorDataForViewAtPoint; function(internalInstanceHandle) { if (internalInstanceHandle == null) { callback( - assign( + Object.assign( { pointerY: locationY, frame: { @@ -24807,7 +24811,7 @@ var getInspectorDataForViewAtPoint; closestInstance ); callback( - assign({}, inspectorData, { + Object.assign({}, inspectorData, { pointerY: locationY, frame: { left: pageX, @@ -24832,7 +24836,7 @@ var getInspectorDataForViewAtPoint; getInstanceFromTag(nativeViewTag) ); callback( - assign({}, inspectorData, { + Object.assign({}, inspectorData, { pointerY: locationY, frame: { left: left, diff --git a/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js b/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js index f2d9eec20b2..5b7b2c20947 100644 --- a/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js +++ b/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<6651d2ebcfa980e47a4f9e360ac450de>> + * @generated SignedSource<<4999d18c1629b3657b9e8453167861e8>> */ "use strict"; @@ -86,7 +86,6 @@ function executeDirectDispatch(event) { event._dispatchInstances = null; return dispatchListener; } -var assign = Object.assign; function functionThatReturnsTrue() { return !0; } @@ -119,7 +118,7 @@ function SyntheticEvent( this.isPropagationStopped = functionThatReturnsFalse; return this; } -assign(SyntheticEvent.prototype, { +Object.assign(SyntheticEvent.prototype, { preventDefault: function() { this.defaultPrevented = !0; var event = this.nativeEvent; @@ -173,10 +172,10 @@ SyntheticEvent.extend = function(Interface) { var Super = this; E.prototype = Super.prototype; var prototype = new E(); - assign(prototype, Class.prototype); + Object.assign(prototype, Class.prototype); Class.prototype = prototype; Class.prototype.constructor = Class; - Class.Interface = assign({}, Super.Interface, Interface); + Class.Interface = Object.assign({}, Super.Interface, Interface); Class.extend = Super.extend; addEventPoolingTo(Class); return Class; @@ -1132,25 +1131,45 @@ ResponderEventPlugin.injection.injectGlobalResponderHandler({ }); var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, - REACT_ELEMENT_TYPE = Symbol.for("react.element"), - REACT_PORTAL_TYPE = Symbol.for("react.portal"), - REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), - REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), - REACT_PROFILER_TYPE = Symbol.for("react.profiler"), - REACT_PROVIDER_TYPE = Symbol.for("react.provider"), - REACT_CONTEXT_TYPE = Symbol.for("react.context"), - REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), - REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), - REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), - REACT_MEMO_TYPE = Symbol.for("react.memo"), - REACT_LAZY_TYPE = Symbol.for("react.lazy"); -Symbol.for("react.scope"); -var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode"), - REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"), - REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"), - REACT_CACHE_TYPE = Symbol.for("react.cache"), - REACT_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker"), - MAYBE_ITERATOR_SYMBOL = Symbol.iterator; + REACT_ELEMENT_TYPE = 60103, + REACT_PORTAL_TYPE = 60106, + REACT_FRAGMENT_TYPE = 60107, + REACT_STRICT_MODE_TYPE = 60108, + REACT_PROFILER_TYPE = 60114, + REACT_PROVIDER_TYPE = 60109, + REACT_CONTEXT_TYPE = 60110, + REACT_FORWARD_REF_TYPE = 60112, + REACT_SUSPENSE_TYPE = 60113, + REACT_SUSPENSE_LIST_TYPE = 60120, + REACT_MEMO_TYPE = 60115, + REACT_LAZY_TYPE = 60116, + REACT_DEBUG_TRACING_MODE_TYPE = 60129, + REACT_OFFSCREEN_TYPE = 60130, + REACT_LEGACY_HIDDEN_TYPE = 60131, + REACT_CACHE_TYPE = 60132, + REACT_TRACING_MARKER_TYPE = 60133; +if ("function" === typeof Symbol && Symbol.for) { + var symbolFor = Symbol.for; + REACT_ELEMENT_TYPE = symbolFor("react.element"); + REACT_PORTAL_TYPE = symbolFor("react.portal"); + REACT_FRAGMENT_TYPE = symbolFor("react.fragment"); + REACT_STRICT_MODE_TYPE = symbolFor("react.strict_mode"); + REACT_PROFILER_TYPE = symbolFor("react.profiler"); + REACT_PROVIDER_TYPE = symbolFor("react.provider"); + REACT_CONTEXT_TYPE = symbolFor("react.context"); + REACT_FORWARD_REF_TYPE = symbolFor("react.forward_ref"); + REACT_SUSPENSE_TYPE = symbolFor("react.suspense"); + REACT_SUSPENSE_LIST_TYPE = symbolFor("react.suspense_list"); + REACT_MEMO_TYPE = symbolFor("react.memo"); + REACT_LAZY_TYPE = symbolFor("react.lazy"); + symbolFor("react.scope"); + REACT_DEBUG_TRACING_MODE_TYPE = symbolFor("react.debug_trace_mode"); + REACT_OFFSCREEN_TYPE = symbolFor("react.offscreen"); + REACT_LEGACY_HIDDEN_TYPE = symbolFor("react.legacy_hidden"); + REACT_CACHE_TYPE = symbolFor("react.cache"); + REACT_TRACING_MARKER_TYPE = symbolFor("react.tracing_marker"); +} +var MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator; function getIteratorFn(maybeIterable) { if (null === maybeIterable || "object" !== typeof maybeIterable) return null; maybeIterable = @@ -1999,7 +2018,7 @@ function processChildContext(fiber, type, parentContext) { contextKey + '" is not defined in childContextTypes.' ); - return assign({}, parentContext, instance); + return Object.assign({}, parentContext, instance); } function pushContextProvider(workInProgress) { workInProgress = @@ -2121,7 +2140,7 @@ function getStackByFiberInDevAndProd(workInProgress) { } function resolveDefaultProps(Component, baseProps) { if (Component && Component.defaultProps) { - baseProps = assign({}, baseProps); + baseProps = Object.assign({}, baseProps); Component = Component.defaultProps; for (var propName in Component) void 0 === baseProps[propName] && @@ -2366,7 +2385,7 @@ function processUpdateQueue( ? workInProgress.call(updateEventTime, newState, updateLane) : workInProgress; if (null === updateLane || void 0 === updateLane) break a; - newState = assign({}, newState, updateLane); + newState = Object.assign({}, newState, updateLane); break a; case 2: hasForceUpdate = !0; @@ -2453,7 +2472,7 @@ function applyDerivedStateFromProps( getDerivedStateFromProps = null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps ? ctor - : assign({}, ctor, getDerivedStateFromProps); + : Object.assign({}, ctor, getDerivedStateFromProps); workInProgress.memoizedState = getDerivedStateFromProps; 0 === workInProgress.lanes && (workInProgress.updateQueue.baseState = getDerivedStateFromProps); @@ -4068,8 +4087,7 @@ var ContextOnlyDispatcher = { var hook = mountWorkInProgressHook(), identifierPrefix = workInProgressRoot.identifierPrefix, globalClientId = globalClientIdCounter++; - identifierPrefix = - ":" + identifierPrefix + "r" + globalClientId.toString(32) + ":"; + identifierPrefix = identifierPrefix + "r:" + globalClientId.toString(32); return (hook.memoizedState = identifierPrefix); }, unstable_isNewReconciler: !1 @@ -4619,10 +4637,6 @@ function completeWork(current, workInProgress, renderLanes) { : bubbleProperties(workInProgress), null ); - case 24: - return null; - case 25: - return null; } throw Error( "Unknown unit of work tag (" + @@ -6143,7 +6157,7 @@ function commitMutationEffects(root, firstChild) { var instance$jscomp$1 = childToDelete.stateNode, props = childToDelete.memoizedProps, viewConfig$jscomp$0 = instance$jscomp$1.viewConfig, - prevProps = assign({}, props, { + prevProps = Object.assign({}, props, { style: [props.style, { display: "none" }] }); var updatePayload$jscomp$0 = diffProperties( @@ -6945,7 +6959,8 @@ function handleError(root$jscomp$0, thrownValue) { break a; } value = Error( - "A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition." + (getComponentNameFromFiber(sourceFiber) || "A React component") + + " suspended while rendering, but no fallback UI was specified.\n\nAdd a component higher in the tree to provide a loading indicator or placeholder to display." ); } } @@ -7156,7 +7171,7 @@ function commitRootImpl(root, recoverableErrors, renderPriorityLevel) { executionContext |= 4; ReactCurrentOwner$2.current = null; commitBeforeMutationEffects(root, finishedWork); - commitMutationEffects(root, finishedWork, lanes); + commitMutationEffects(root, finishedWork); root.current = finishedWork; commitLayoutEffects(finishedWork, root, lanes); requestPaint(); @@ -7355,11 +7370,7 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) { if (3 === sourceFiber.tag) captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error); else - for ( - nearestMountedAncestor = sourceFiber.return; - null !== nearestMountedAncestor; - - ) { + for (; null !== nearestMountedAncestor; ) { if (3 === nearestMountedAncestor.tag) { captureCommitPhaseErrorOnRoot( nearestMountedAncestor, @@ -8287,10 +8298,10 @@ batchedUpdatesImpl = function(fn, a) { } }; var roots = new Map(), - devToolsConfig$jscomp$inline_973 = { + devToolsConfig$jscomp$inline_971 = { findFiberByHostInstance: getInstanceFromTag, bundleType: 0, - version: "18.0.0-rc.1-17806594c-20220301", + version: "18.0.0-rc.0-4de99b3ca-20220221", rendererPackageName: "react-native-renderer", rendererConfig: { getInspectorDataForViewTag: function() { @@ -8305,11 +8316,11 @@ var roots = new Map(), }.bind(null, findNodeHandle) } }; -var internals$jscomp$inline_1232 = { - bundleType: devToolsConfig$jscomp$inline_973.bundleType, - version: devToolsConfig$jscomp$inline_973.version, - rendererPackageName: devToolsConfig$jscomp$inline_973.rendererPackageName, - rendererConfig: devToolsConfig$jscomp$inline_973.rendererConfig, +var internals$jscomp$inline_1229 = { + bundleType: devToolsConfig$jscomp$inline_971.bundleType, + version: devToolsConfig$jscomp$inline_971.version, + rendererPackageName: devToolsConfig$jscomp$inline_971.rendererPackageName, + rendererConfig: devToolsConfig$jscomp$inline_971.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, @@ -8325,26 +8336,26 @@ var internals$jscomp$inline_1232 = { return null === fiber ? null : fiber.stateNode; }, findFiberByHostInstance: - devToolsConfig$jscomp$inline_973.findFiberByHostInstance || + devToolsConfig$jscomp$inline_971.findFiberByHostInstance || emptyFindFiberByHostInstance, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "18.0.0-rc.1-17806594c-20220301" + reconcilerVersion: "18.0.0-rc.0-4de99b3ca-20220221" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_1233 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_1230 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_1233.isDisabled && - hook$jscomp$inline_1233.supportsFiber + !hook$jscomp$inline_1230.isDisabled && + hook$jscomp$inline_1230.supportsFiber ) try { - (rendererID = hook$jscomp$inline_1233.inject( - internals$jscomp$inline_1232 + (rendererID = hook$jscomp$inline_1230.inject( + internals$jscomp$inline_1229 )), - (injectedHook = hook$jscomp$inline_1233); + (injectedHook = hook$jscomp$inline_1230); } catch (err) {} } exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = { @@ -8394,11 +8405,7 @@ exports.render = function(element, containerTag, callback) { var JSCompiler_inline_result = createFiber(3, null, null, 0); root.current = JSCompiler_inline_result; JSCompiler_inline_result.stateNode = root; - JSCompiler_inline_result.memoizedState = { - element: null, - cache: null, - transitions: null - }; + JSCompiler_inline_result.memoizedState = { element: null }; initializeUpdateQueue(JSCompiler_inline_result); roots.set(containerTag, root); } diff --git a/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js b/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js index 64801219460..8a48388f0f6 100644 --- a/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js +++ b/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<7974d5af58e80b0a31d749a65d04a0a8>> + * @generated SignedSource<<3509fb902c15e4c5d01b428ac9a79cbc>> */ @@ -97,7 +97,6 @@ function executeDirectDispatch(event) { event._dispatchInstances = null; return dispatchListener; } -var assign = Object.assign; function functionThatReturnsTrue() { return !0; } @@ -130,7 +129,7 @@ function SyntheticEvent( this.isPropagationStopped = functionThatReturnsFalse; return this; } -assign(SyntheticEvent.prototype, { +Object.assign(SyntheticEvent.prototype, { preventDefault: function() { this.defaultPrevented = !0; var event = this.nativeEvent; @@ -184,10 +183,10 @@ SyntheticEvent.extend = function(Interface) { var Super = this; E.prototype = Super.prototype; var prototype = new E(); - assign(prototype, Class.prototype); + Object.assign(prototype, Class.prototype); Class.prototype = prototype; Class.prototype.constructor = Class; - Class.Interface = assign({}, Super.Interface, Interface); + Class.Interface = Object.assign({}, Super.Interface, Interface); Class.extend = Super.extend; addEventPoolingTo(Class); return Class; @@ -1143,25 +1142,45 @@ ResponderEventPlugin.injection.injectGlobalResponderHandler({ }); var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, - REACT_ELEMENT_TYPE = Symbol.for("react.element"), - REACT_PORTAL_TYPE = Symbol.for("react.portal"), - REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), - REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), - REACT_PROFILER_TYPE = Symbol.for("react.profiler"), - REACT_PROVIDER_TYPE = Symbol.for("react.provider"), - REACT_CONTEXT_TYPE = Symbol.for("react.context"), - REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), - REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), - REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), - REACT_MEMO_TYPE = Symbol.for("react.memo"), - REACT_LAZY_TYPE = Symbol.for("react.lazy"); -Symbol.for("react.scope"); -var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode"), - REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"), - REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"), - REACT_CACHE_TYPE = Symbol.for("react.cache"), - REACT_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker"), - MAYBE_ITERATOR_SYMBOL = Symbol.iterator; + REACT_ELEMENT_TYPE = 60103, + REACT_PORTAL_TYPE = 60106, + REACT_FRAGMENT_TYPE = 60107, + REACT_STRICT_MODE_TYPE = 60108, + REACT_PROFILER_TYPE = 60114, + REACT_PROVIDER_TYPE = 60109, + REACT_CONTEXT_TYPE = 60110, + REACT_FORWARD_REF_TYPE = 60112, + REACT_SUSPENSE_TYPE = 60113, + REACT_SUSPENSE_LIST_TYPE = 60120, + REACT_MEMO_TYPE = 60115, + REACT_LAZY_TYPE = 60116, + REACT_DEBUG_TRACING_MODE_TYPE = 60129, + REACT_OFFSCREEN_TYPE = 60130, + REACT_LEGACY_HIDDEN_TYPE = 60131, + REACT_CACHE_TYPE = 60132, + REACT_TRACING_MARKER_TYPE = 60133; +if ("function" === typeof Symbol && Symbol.for) { + var symbolFor = Symbol.for; + REACT_ELEMENT_TYPE = symbolFor("react.element"); + REACT_PORTAL_TYPE = symbolFor("react.portal"); + REACT_FRAGMENT_TYPE = symbolFor("react.fragment"); + REACT_STRICT_MODE_TYPE = symbolFor("react.strict_mode"); + REACT_PROFILER_TYPE = symbolFor("react.profiler"); + REACT_PROVIDER_TYPE = symbolFor("react.provider"); + REACT_CONTEXT_TYPE = symbolFor("react.context"); + REACT_FORWARD_REF_TYPE = symbolFor("react.forward_ref"); + REACT_SUSPENSE_TYPE = symbolFor("react.suspense"); + REACT_SUSPENSE_LIST_TYPE = symbolFor("react.suspense_list"); + REACT_MEMO_TYPE = symbolFor("react.memo"); + REACT_LAZY_TYPE = symbolFor("react.lazy"); + symbolFor("react.scope"); + REACT_DEBUG_TRACING_MODE_TYPE = symbolFor("react.debug_trace_mode"); + REACT_OFFSCREEN_TYPE = symbolFor("react.offscreen"); + REACT_LEGACY_HIDDEN_TYPE = symbolFor("react.legacy_hidden"); + REACT_CACHE_TYPE = symbolFor("react.cache"); + REACT_TRACING_MARKER_TYPE = symbolFor("react.tracing_marker"); +} +var MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator; function getIteratorFn(maybeIterable) { if (null === maybeIterable || "object" !== typeof maybeIterable) return null; maybeIterable = @@ -2126,7 +2145,7 @@ function processChildContext(fiber, type, parentContext) { contextKey + '" is not defined in childContextTypes.' ); - return assign({}, parentContext, instance); + return Object.assign({}, parentContext, instance); } function pushContextProvider(workInProgress) { workInProgress = @@ -2248,7 +2267,7 @@ function getStackByFiberInDevAndProd(workInProgress) { } function resolveDefaultProps(Component, baseProps) { if (Component && Component.defaultProps) { - baseProps = assign({}, baseProps); + baseProps = Object.assign({}, baseProps); Component = Component.defaultProps; for (var propName in Component) void 0 === baseProps[propName] && @@ -2493,7 +2512,7 @@ function processUpdateQueue( ? workInProgress.call(updateEventTime, newState, updateLane) : workInProgress; if (null === updateLane || void 0 === updateLane) break a; - newState = assign({}, newState, updateLane); + newState = Object.assign({}, newState, updateLane); break a; case 2: hasForceUpdate = !0; @@ -2580,7 +2599,7 @@ function applyDerivedStateFromProps( getDerivedStateFromProps = null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps ? ctor - : assign({}, ctor, getDerivedStateFromProps); + : Object.assign({}, ctor, getDerivedStateFromProps); workInProgress.memoizedState = getDerivedStateFromProps; 0 === workInProgress.lanes && (workInProgress.updateQueue.baseState = getDerivedStateFromProps); @@ -4202,8 +4221,7 @@ var ContextOnlyDispatcher = { var hook = mountWorkInProgressHook(), identifierPrefix = workInProgressRoot.identifierPrefix, globalClientId = globalClientIdCounter++; - identifierPrefix = - ":" + identifierPrefix + "r" + globalClientId.toString(32) + ":"; + identifierPrefix = identifierPrefix + "r:" + globalClientId.toString(32); return (hook.memoizedState = identifierPrefix); }, unstable_isNewReconciler: !1 @@ -4861,10 +4879,6 @@ function completeWork(current, workInProgress, renderLanes) { : bubbleProperties(workInProgress), null ); - case 24: - return null; - case 25: - return null; } throw Error( "Unknown unit of work tag (" + @@ -6506,7 +6520,7 @@ function commitMutationEffects(root, firstChild, committedLanes) { var instance$jscomp$1 = childToDelete.stateNode, props = childToDelete.memoizedProps, viewConfig$jscomp$0 = instance$jscomp$1.viewConfig, - prevProps = assign({}, props, { + prevProps = Object.assign({}, props, { style: [props.style, { display: "none" }] }); var updatePayload$jscomp$0 = diffProperties( @@ -7435,7 +7449,8 @@ function handleError(root, thrownValue) { break a; } value = Error( - "A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition." + (getComponentNameFromFiber(sourceFiber) || "A React component") + + " suspended while rendering, but no fallback UI was specified.\n\nAdd a component higher in the tree to provide a loading indicator or placeholder to display." ); } } @@ -7963,11 +7978,7 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) { if (3 === sourceFiber.tag) captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error); else - for ( - nearestMountedAncestor = sourceFiber.return; - null !== nearestMountedAncestor; - - ) { + for (; null !== nearestMountedAncestor; ) { if (3 === nearestMountedAncestor.tag) { captureCommitPhaseErrorOnRoot( nearestMountedAncestor, @@ -8924,10 +8935,10 @@ batchedUpdatesImpl = function(fn, a) { } }; var roots = new Map(), - devToolsConfig$jscomp$inline_1050 = { + devToolsConfig$jscomp$inline_1048 = { findFiberByHostInstance: getInstanceFromTag, bundleType: 0, - version: "18.0.0-rc.1-17806594c-20220301", + version: "18.0.0-rc.0-4de99b3ca-20220221", rendererPackageName: "react-native-renderer", rendererConfig: { getInspectorDataForViewTag: function() { @@ -8947,7 +8958,7 @@ var roots = new Map(), var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__; if (hook.isDisabled || !hook.supportsFiber) return !0; try { - (internals = assign({}, internals, { + (internals = Object.assign({}, internals, { getLaneLabelMap: getLaneLabelMap, injectProfilingHooks: injectProfilingHooks })), @@ -8956,10 +8967,10 @@ var roots = new Map(), } catch (err) {} return hook.checkDCE ? !0 : !1; })({ - bundleType: devToolsConfig$jscomp$inline_1050.bundleType, - version: devToolsConfig$jscomp$inline_1050.version, - rendererPackageName: devToolsConfig$jscomp$inline_1050.rendererPackageName, - rendererConfig: devToolsConfig$jscomp$inline_1050.rendererConfig, + bundleType: devToolsConfig$jscomp$inline_1048.bundleType, + version: devToolsConfig$jscomp$inline_1048.version, + rendererPackageName: devToolsConfig$jscomp$inline_1048.rendererPackageName, + rendererConfig: devToolsConfig$jscomp$inline_1048.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, @@ -8975,14 +8986,14 @@ var roots = new Map(), return null === fiber ? null : fiber.stateNode; }, findFiberByHostInstance: - devToolsConfig$jscomp$inline_1050.findFiberByHostInstance || + devToolsConfig$jscomp$inline_1048.findFiberByHostInstance || emptyFindFiberByHostInstance, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "18.0.0-rc.1-17806594c-20220301" + reconcilerVersion: "18.0.0-rc.0-4de99b3ca-20220221" }); exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = { computeComponentStackForErrorReporting: function(reactTag) { @@ -9038,11 +9049,7 @@ exports.render = function(element, containerTag, callback) { ); root.current = JSCompiler_inline_result; JSCompiler_inline_result.stateNode = root; - JSCompiler_inline_result.memoizedState = { - element: null, - cache: null, - transitions: null - }; + JSCompiler_inline_result.memoizedState = { element: null }; initializeUpdateQueue(JSCompiler_inline_result); roots.set(containerTag, root); }