@react-navigation/native 8.0.0-alpha.5 → 8.0.0-alpha.50

package/src/useMemoArray.tsx

@@ -0,0 +1,41 @@
+import * as React from 'react';
+
+export function useMemoArray<T>(
+  entries: [item: T, deps: readonly unknown[]][]
+): T[] {
+  const previousRef = React.useRef<
+    | {
+        entries: { item: T; deps: readonly unknown[] }[];
+        items: T[];
+      }
+    | undefined
+  >(undefined);
+
+  const previous = previousRef.current;
+  const next = entries.map(([item, deps], index) => {
+    const previousEntry = previous?.entries[index];
+    const depsEqual =
+      previousEntry &&
+      previousEntry.deps.length === deps.length &&
+      previousEntry.deps.every((it, index) => Object.is(it, deps[index]));
+
+    return depsEqual ? previousEntry : { item, deps };
+  });
+
+  if (
+    previous &&
+    previous.entries.length === next.length &&
+    next.every((entry, index) => entry === previous.entries[index])
+  ) {
+    return previous.items;
+  }
+
+  const items = next.map((entry) => entry.item);
+
+  previousRef.current = {
+    entries: next,
+    items,
+  };
+
+  return items;
+}

package/src/useRoutePath.tsx

@@ -9,7 +9,7 @@ import { LinkingContext } from './LinkingContext';
  * @returns Path for the current route.
  */
 export function useRoutePath() {
-  const { options } = React.useContext(LinkingContext);
+  const { options } = React.use(LinkingContext);
   const state = useStateForPath();
 
   if (state === undefined) {

package/src/useScrollToTop.tsx

@@ -6,7 +6,6 @@ import {
   useRoute,
 } from '@react-navigation/core';
 import * as React from 'react';
-import type { ScrollView } from 'react-native';
 
 type ScrollOptions = { x?: number; y?: number; animated?: boolean };
 
@@ -17,11 +16,16 @@ type ScrollableView =
   | { scrollResponderScrollTo(options: ScrollOptions): void };
 
 type ScrollableWrapper =
-  | { getScrollResponder(): React.ReactNode | ScrollView }
-  | { getNode(): ScrollableView }
+  | { getScrollResponder(): React.ReactNode | ScrollableView }
   | ScrollableView
   | null;
 
+type TabPressEventArg = EventArg<
+  'tabPress',
+  true,
+  { origin?: string; behavior?: { scrollToTop?: boolean } } | undefined
+>;
+
 function getScrollableNode(ref: React.RefObject<ScrollableWrapper>) {
   if (ref.current == null) {
     return null;
@@ -39,19 +43,13 @@ function getScrollableNode(ref: React.RefObject<ScrollableWrapper>) {
     // If the view is a wrapper like FlatList, SectionList etc.
     // We need to use `getScrollResponder` to get access to the scroll responder
     return ref.current.getScrollResponder();
-  } else if ('getNode' in ref.current) {
-    // When a `ScrollView` is wrapped in `Animated.createAnimatedComponent`
-    // we need to use `getNode` to get the ref to the actual scrollview.
-    // Note that `getNode` is deprecated in newer versions of react-native
-    // this is why we check if we already have a scrollable node above.
-    return ref.current.getNode();
   } else {
     return ref.current;
   }
 }
 
 export function useScrollToTop(ref: React.RefObject<ScrollableWrapper>) {
-  const navigation = React.useContext(NavigationContext);
+  const navigation = React.use(NavigationContext);
   const route = useRoute();
 
   if (navigation === undefined) {
@@ -62,6 +60,7 @@ export function useScrollToTop(ref: React.RefObject<ScrollableWrapper>) {
 
   React.useEffect(() => {
     const tabNavigations: NavigationProp<ParamListBase>[] = [];
+
     let currentNavigation: NavigationProp<ParamListBase> | undefined =
       navigation;
 
@@ -85,22 +84,31 @@ export function useScrollToTop(ref: React.RefObject<ScrollableWrapper>) {
         // in addition, there are multiple tab implementations
         // @ts-expect-error the `tabPress` event is only available when navigation type is tab
         'tabPress',
-        (e: EventArg<'tabPress', true>) => {
+        (e: TabPressEventArg) => {
           // We should scroll to top only when the screen is focused
           const isFocused = navigation.isFocused();
 
           // In a nested stack navigator, tab press resets the stack to first screen
           // So we should scroll to top only when we are on first screen
+          const firstRoute = navigation.getState().routes[0];
           const isFirst =
             tabNavigations.includes(navigation) ||
-            navigation.getState().routes[0].key === route.key;
+            firstRoute?.key === route.key;
 
           // Run the operation in the next frame so we're sure all listeners have been run
           // This is necessary to know if preventDefault() has been called
           requestAnimationFrame(() => {
             const scrollable = getScrollableNode(ref) as ScrollableWrapper;
 
-            if (isFocused && isFirst && scrollable && !e.defaultPrevented) {
+            if (
+              isFocused &&
+              isFirst &&
+              scrollable &&
+              e.data?.behavior?.scrollToTop !== false &&
+              // Native tabs scroll to top natively, so we don't need to handle it
+              e.data?.origin !== 'native' &&
+              !e.defaultPrevented
+            ) {
               if ('scrollToTop' in scrollable) {
                 scrollable.scrollToTop();
               } else if ('scrollTo' in scrollable) {

package/src/useThenable.tsx

@@ -4,19 +4,21 @@ export type Thenable<T> = {
   then(onfulfilled?: (value: T) => unknown): PromiseLike<unknown>;
 };
 
-export function useThenable<T>(create: () => Thenable<T> | undefined) {
-  const [promise] = React.useState(create);
+export function useThenable<T>(create: () => Thenable<T> | T | undefined) {
+  const [value] = React.useState(create);
 
   let initialState: [boolean, T | undefined] = [false, undefined];
 
-  if (promise == null) {
+  if (value == null) {
     initialState = [true, undefined];
-  } else {
+  } else if (typeof value === 'object' && 'then' in value) {
     // Check if our thenable is synchronous
     // eslint-disable-next-line promise/catch-or-return, promise/always-return
-    promise.then((result) => {
+    value.then((result) => {
       initialState = [true, result];
     });
+  } else {
+    initialState = [true, value];
   }
 
   const [state, setState] = React.useState(initialState);
@@ -29,7 +31,7 @@ export function useThenable<T>(create: () => Thenable<T> | undefined) {
       let result;
 
       try {
-        result = await promise;
+        result = await value;
       } finally {
         if (!cancelled) {
           setState([true, result]);
@@ -44,7 +46,7 @@ export function useThenable<T>(create: () => Thenable<T> | undefined) {
     return () => {
       cancelled = true;
     };
-  }, [promise, resolved]);
+  }, [value, resolved]);
 
   return state;
 }

package/android/build/.transforms/586a73aab4c351d3f13dc604ca6964e8/results.bin

@@ -1 +0,0 @@
-o/classes

package/android/build/.transforms/fb9c4b42fa16b6541a5819cb4bf06272/results.bin

@@ -1 +0,0 @@
-o/bundleLibRuntimeToDirDebug

package/android/build/generated/source/buildConfig/debug/org/reactnavigation/BuildConfig.java

@@ -1,10 +0,0 @@
-/**
- * Automatically generated file. DO NOT MODIFY
- */
-package org.reactnavigation;
-
-public final class BuildConfig {
-  public static final boolean DEBUG = Boolean.parseBoolean("true");
-  public static final String LIBRARY_PACKAGE_NAME = "org.reactnavigation";
-  public static final String BUILD_TYPE = "debug";
-}

package/android/build/generated/source/codegen/java/com/facebook/fbreact/specs/NativeMaterialSymbolModuleSpec.java

@@ -1,39 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateModuleJavaSpec.js
- *
- * @nolint
- */
-
-package com.facebook.fbreact.specs;
-
-import com.facebook.proguard.annotations.DoNotStrip;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
-import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.turbomodule.core.interfaces.TurboModule;
-import javax.annotation.Nonnull;
-import javax.annotation.Nullable;
-
-public abstract class NativeMaterialSymbolModuleSpec extends ReactContextBaseJavaModule implements TurboModule {
-  public static final String NAME = "ReactNavigationMaterialSymbolModule";
-
-  public NativeMaterialSymbolModuleSpec(ReactApplicationContext reactContext) {
-    super(reactContext);
-  }
-
-  @Override
-  public @Nonnull String getName() {
-    return NAME;
-  }
-
-  @ReactMethod(isBlockingSynchronousMethod = true)
-  @DoNotStrip
-  public abstract String getImageSource(String name, @Nullable String variant, @Nullable Double weight, double size, ReadableMap color);
-}

package/android/build/generated/source/codegen/java/com/facebook/react/viewmanagers/ReactNavigationMaterialSymbolViewManagerDelegate.java

@@ -1,45 +0,0 @@
-/**
-* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
-*
-* Do not edit this file as changes may cause incorrect behavior and will be lost
-* once the code is regenerated.
-*
-* @generated by codegen project: GeneratePropsJavaDelegate.js
-*/
-
-package com.facebook.react.viewmanagers;
-
-import android.view.View;
-import androidx.annotation.Nullable;
-import com.facebook.react.bridge.ColorPropConverter;
-import com.facebook.react.uimanager.BaseViewManager;
-import com.facebook.react.uimanager.BaseViewManagerDelegate;
-import com.facebook.react.uimanager.LayoutShadowNode;
-
-public class ReactNavigationMaterialSymbolViewManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & ReactNavigationMaterialSymbolViewManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
-  public ReactNavigationMaterialSymbolViewManagerDelegate(U viewManager) {
-    super(viewManager);
-  }
-  @Override
-  public void setProperty(T view, String propName, @Nullable Object value) {
-    switch (propName) {
-      case "name":
-        mViewManager.setName(view, value == null ? null : (String) value);
-        break;
-      case "variant":
-        mViewManager.setVariant(view, value == null ? null : (String) value);
-        break;
-      case "weight":
-        mViewManager.setWeight(view, value == null ? 0 : ((Double) value).intValue());
-        break;
-      case "size":
-        mViewManager.setSize(view, value == null ? Float.NaN : ((Double) value).floatValue());
-        break;
-      case "color":
-        mViewManager.setColor(view, ColorPropConverter.getColor(value, view.getContext()));
-        break;
-      default:
-        super.setProperty(view, propName, value);
-    }
-  }
-}

package/android/build/generated/source/codegen/java/com/facebook/react/viewmanagers/ReactNavigationMaterialSymbolViewManagerInterface.java

@@ -1,22 +0,0 @@
-/**
-* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
-*
-* Do not edit this file as changes may cause incorrect behavior and will be lost
-* once the code is regenerated.
-*
-* @generated by codegen project: GeneratePropsJavaInterface.js
-*/
-
-package com.facebook.react.viewmanagers;
-
-import android.view.View;
-import androidx.annotation.Nullable;
-import com.facebook.react.uimanager.ViewManagerWithGeneratedInterface;
-
-public interface ReactNavigationMaterialSymbolViewManagerInterface<T extends View> extends ViewManagerWithGeneratedInterface {
-  void setName(T view, @Nullable String value);
-  void setVariant(T view, @Nullable String value);
-  void setWeight(T view, @Nullable Integer value);
-  void setSize(T view, float value);
-  void setColor(T view, @Nullable Integer value);
-}

package/android/build/generated/source/codegen/java/com/facebook/react/viewmanagers/ReactNavigationSFSymbolViewManagerDelegate.java

@@ -1,81 +0,0 @@
-/**
-* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
-*
-* Do not edit this file as changes may cause incorrect behavior and will be lost
-* once the code is regenerated.
-*
-* @generated by codegen project: GeneratePropsJavaDelegate.js
-*/
-
-package com.facebook.react.viewmanagers;
-
-import android.view.View;
-import androidx.annotation.Nullable;
-import com.facebook.react.bridge.ColorPropConverter;
-import com.facebook.react.uimanager.BaseViewManager;
-import com.facebook.react.uimanager.BaseViewManagerDelegate;
-import com.facebook.react.uimanager.LayoutShadowNode;
-
-public class ReactNavigationSFSymbolViewManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & ReactNavigationSFSymbolViewManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
-  public ReactNavigationSFSymbolViewManagerDelegate(U viewManager) {
-    super(viewManager);
-  }
-  @Override
-  public void setProperty(T view, String propName, @Nullable Object value) {
-    switch (propName) {
-      case "name":
-        mViewManager.setName(view, value == null ? null : (String) value);
-        break;
-      case "size":
-        mViewManager.setSize(view, value == null ? Float.NaN : ((Double) value).floatValue());
-        break;
-      case "color":
-        mViewManager.setColor(view, ColorPropConverter.getColor(value, view.getContext()));
-        break;
-      case "weight":
-        mViewManager.setWeight(view, value == null ? 0 : ((Double) value).intValue());
-        break;
-      case "scale":
-        mViewManager.setScale(view, value == null ? null : (String) value);
-        break;
-      case "mode":
-        mViewManager.setMode(view, value == null ? null : (String) value);
-        break;
-      case "colorPrimary":
-        mViewManager.setColorPrimary(view, ColorPropConverter.getColor(value, view.getContext()));
-        break;
-      case "colorSecondary":
-        mViewManager.setColorSecondary(view, ColorPropConverter.getColor(value, view.getContext()));
-        break;
-      case "colorTertiary":
-        mViewManager.setColorTertiary(view, ColorPropConverter.getColor(value, view.getContext()));
-        break;
-      case "animation":
-        mViewManager.setAnimation(view, value == null ? null : (String) value);
-        break;
-      case "animationRepeating":
-        mViewManager.setAnimationRepeating(view, value == null ? false : (boolean) value);
-        break;
-      case "animationRepeatCount":
-        mViewManager.setAnimationRepeatCount(view, value == null ? 0 : ((Double) value).intValue());
-        break;
-      case "animationSpeed":
-        mViewManager.setAnimationSpeed(view, value == null ? Float.NaN : ((Double) value).floatValue());
-        break;
-      case "animationWholeSymbol":
-        mViewManager.setAnimationWholeSymbol(view, value == null ? false : (boolean) value);
-        break;
-      case "animationDirection":
-        mViewManager.setAnimationDirection(view, value == null ? null : (String) value);
-        break;
-      case "animationReversing":
-        mViewManager.setAnimationReversing(view, value == null ? false : (boolean) value);
-        break;
-      case "animationCumulative":
-        mViewManager.setAnimationCumulative(view, value == null ? false : (boolean) value);
-        break;
-      default:
-        super.setProperty(view, propName, value);
-    }
-  }
-}

package/android/build/generated/source/codegen/java/com/facebook/react/viewmanagers/ReactNavigationSFSymbolViewManagerInterface.java

@@ -1,34 +0,0 @@
-/**
-* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
-*
-* Do not edit this file as changes may cause incorrect behavior and will be lost
-* once the code is regenerated.
-*
-* @generated by codegen project: GeneratePropsJavaInterface.js
-*/
-
-package com.facebook.react.viewmanagers;
-
-import android.view.View;
-import androidx.annotation.Nullable;
-import com.facebook.react.uimanager.ViewManagerWithGeneratedInterface;
-
-public interface ReactNavigationSFSymbolViewManagerInterface<T extends View> extends ViewManagerWithGeneratedInterface {
-  void setName(T view, @Nullable String value);
-  void setSize(T view, float value);
-  void setColor(T view, @Nullable Integer value);
-  void setWeight(T view, int value);
-  void setScale(T view, @Nullable String value);
-  void setMode(T view, @Nullable String value);
-  void setColorPrimary(T view, @Nullable Integer value);
-  void setColorSecondary(T view, @Nullable Integer value);
-  void setColorTertiary(T view, @Nullable Integer value);
-  void setAnimation(T view, @Nullable String value);
-  void setAnimationRepeating(T view, boolean value);
-  void setAnimationRepeatCount(T view, int value);
-  void setAnimationSpeed(T view, float value);
-  void setAnimationWholeSymbol(T view, boolean value);
-  void setAnimationDirection(T view, @Nullable String value);
-  void setAnimationReversing(T view, boolean value);
-  void setAnimationCumulative(T view, boolean value);
-}

package/android/build/generated/source/codegen/jni/CMakeLists.txt

@@ -1,28 +0,0 @@
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-cmake_minimum_required(VERSION 3.13)
-set(CMAKE_VERBOSE_MAKEFILE on)
-
-file(GLOB react_codegen_SRCS CONFIGURE_DEPENDS *.cpp react/renderer/components/ReactNavigationSpec/*.cpp)
-
-add_library(
-  react_codegen_ReactNavigationSpec
-  OBJECT
-  ${react_codegen_SRCS}
-)
-
-target_include_directories(react_codegen_ReactNavigationSpec PUBLIC . react/renderer/components/ReactNavigationSpec)
-
-target_link_libraries(
-  react_codegen_ReactNavigationSpec
-  fbjni
-  jsi
-  # We need to link different libraries based on whether we are building rncore or not, that's necessary
-  # because we want to break a circular dependency between react_codegen_rncore and reactnative
-  reactnative
-)
-
-target_compile_reactnative_options(react_codegen_ReactNavigationSpec PRIVATE)

package/android/build/generated/source/codegen/jni/ReactNavigationSpec-generated.cpp

@@ -1,32 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateModuleJniCpp.js
- */
-
-#include "ReactNavigationSpec.h"
-
-namespace facebook::react {
-
-static facebook::jsi::Value __hostFunction_NativeMaterialSymbolModuleSpecJSI_getImageSource(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
-  static jmethodID cachedMethodId = nullptr;
-  return static_cast<JavaTurboModule &>(turboModule).invokeJavaMethod(rt, StringKind, "getImageSource", "(Ljava/lang/String;Ljava/lang/String;Ljava/lang/Double;DLcom/facebook/react/bridge/ReadableMap;)Ljava/lang/String;", args, count, cachedMethodId);
-}
-
-NativeMaterialSymbolModuleSpecJSI::NativeMaterialSymbolModuleSpecJSI(const JavaTurboModule::InitParams &params)
-  : JavaTurboModule(params) {
-  methodMap_["getImageSource"] = MethodMetadata {5, __hostFunction_NativeMaterialSymbolModuleSpecJSI_getImageSource};
-}
-
-std::shared_ptr<TurboModule> ReactNavigationSpec_ModuleProvider(const std::string &moduleName, const JavaTurboModule::InitParams &params) {
-  if (moduleName == "ReactNavigationMaterialSymbolModule") {
-    return std::make_shared<NativeMaterialSymbolModuleSpecJSI>(params);
-  }
-  return nullptr;
-}
-
-} // namespace facebook::react

package/android/build/generated/source/codegen/jni/ReactNavigationSpec.h

@@ -1,31 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateModuleJniH.js
- */
-
-#pragma once
-
-#include <ReactCommon/JavaTurboModule.h>
-#include <ReactCommon/TurboModule.h>
-#include <jsi/jsi.h>
-
-namespace facebook::react {
-
-/**
- * JNI C++ class for module 'NativeMaterialSymbolModule'
- */
-class JSI_EXPORT NativeMaterialSymbolModuleSpecJSI : public JavaTurboModule {
-public:
-  NativeMaterialSymbolModuleSpecJSI(const JavaTurboModule::InitParams &params);
-};
-
-
-JSI_EXPORT
-std::shared_ptr<TurboModule> ReactNavigationSpec_ModuleProvider(const std::string &moduleName, const JavaTurboModule::InitParams &params);
-
-} // namespace facebook::react

package/android/build/generated/source/codegen/jni/react/renderer/components/ReactNavigationSpec/ComponentDescriptors.cpp

@@ -1,23 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateComponentDescriptorCpp.js
- */
-
-#include <react/renderer/components/ReactNavigationSpec/ComponentDescriptors.h>
-#include <react/renderer/core/ConcreteComponentDescriptor.h>
-#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
-
-namespace facebook::react {
-
-void ReactNavigationSpec_registerComponentDescriptorsFromCodegen(
-  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
-registry->add(concreteComponentDescriptorProvider<ReactNavigationMaterialSymbolViewComponentDescriptor>());
-registry->add(concreteComponentDescriptorProvider<ReactNavigationSFSymbolViewComponentDescriptor>());
-}
-
-} // namespace facebook::react

package/android/build/generated/source/codegen/jni/react/renderer/components/ReactNavigationSpec/ComponentDescriptors.h

@@ -1,25 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateComponentDescriptorH.js
- */
-
-#pragma once
-
-#include <react/renderer/components/ReactNavigationSpec/ShadowNodes.h>
-#include <react/renderer/core/ConcreteComponentDescriptor.h>
-#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
-
-namespace facebook::react {
-
-using ReactNavigationMaterialSymbolViewComponentDescriptor = ConcreteComponentDescriptor<ReactNavigationMaterialSymbolViewShadowNode>;
-using ReactNavigationSFSymbolViewComponentDescriptor = ConcreteComponentDescriptor<ReactNavigationSFSymbolViewShadowNode>;
-
-void ReactNavigationSpec_registerComponentDescriptorsFromCodegen(
-  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
-
-} // namespace facebook::react

package/android/build/generated/source/codegen/jni/react/renderer/components/ReactNavigationSpec/EventEmitters.cpp

@@ -1,17 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateEventEmitterCpp.js
- */
-
-#include <react/renderer/components/ReactNavigationSpec/EventEmitters.h>
-
-
-namespace facebook::react {
-
-
-} // namespace facebook::react