@amazon-devices/react-native-screens 3.0.9000000000 → 3.0.9000000003

package/src/gesture-handler/ScreenGestureDetector.tsx

@@ -1,241 +0,0 @@
-import React, { useEffect } from 'react';
-import { Dimensions, Platform, findNodeHandle } from 'react-native';
-import {
-  GestureDetector,
-  Gesture,
-  PanGestureHandlerEventPayload,
-  GestureUpdateEvent,
-} from 'react-native-gesture-handler';
-import {
-  useSharedValue,
-  measure,
-  startScreenTransition,
-  finishScreenTransition,
-  makeMutable,
-  runOnUI,
-} from 'react-native-reanimated';
-import { getShadowNodeWrapperAndTagFromRef, isFabric } from './fabricUtils';
-import { RNScreensTurboModule } from './RNScreensTurboModule';
-import { DefaultEvent, DefaultScreenDimensions } from './defaults';
-import {
-  checkBoundaries,
-  checkIfTransitionCancelled,
-  getAnimationForTransition,
-} from './constraints';
-import { GestureProviderProps } from '../types';
-
-const EmptyGestureHandler = Gesture.Fling();
-
-const ScreenGestureDetector = ({
-  children,
-  gestureDetectorBridge,
-  goBackGesture,
-  screenEdgeGesture,
-  transitionAnimation: customTransitionAnimation,
-  screensRefs,
-  currentScreenId,
-}: GestureProviderProps) => {
-  const sharedEvent = useSharedValue(DefaultEvent);
-  const startingGesturePosition = useSharedValue(DefaultEvent);
-  const canPerformUpdates = makeMutable(false);
-  const transitionAnimation = getAnimationForTransition(
-    goBackGesture,
-    customTransitionAnimation,
-  );
-  const screenTransitionConfig = makeMutable({
-    stackTag: -1,
-    belowTopScreenId: -1,
-    topScreenId: -1,
-    sharedEvent,
-    startingGesturePosition,
-    screenTransition: transitionAnimation,
-    isTransitionCanceled: false,
-    goBackGesture: goBackGesture ?? 'swipeRight',
-    screenDimensions: DefaultScreenDimensions,
-    onFinishAnimation: () => {
-      'worklet';
-    },
-  });
-  const stackTag = makeMutable(-1);
-  const screenTagToNodeWrapperUI = makeMutable<Record<string, any>>({});
-  const IS_FABRIC = isFabric();
-
-  gestureDetectorBridge.current.stackUseEffectCallback = stackRef => {
-    if (!goBackGesture) {
-      return;
-    }
-    stackTag.value = findNodeHandle(stackRef.current as any) as number;
-    if (Platform.OS === 'ios') {
-      runOnUI(() => {
-        RNScreensTurboModule.disableSwipeBackForTopScreen(stackTag.value);
-      })();
-    }
-  };
-
-  useEffect(() => {
-    if (!IS_FABRIC || !goBackGesture || screensRefs === undefined) {
-      return;
-    }
-    const screenTagToNodeWrapper: Record<string, Record<string, unknown>> = {};
-    for (const key in screensRefs.current) {
-      const screenRef = screensRefs.current[key];
-      const screenData = getShadowNodeWrapperAndTagFromRef(screenRef.current);
-      if (screenData.tag && screenData.shadowNodeWrapper) {
-        screenTagToNodeWrapper[screenData.tag] = screenData.shadowNodeWrapper;
-      } else {
-        console.warn('[RNScreens] Failed to find tag for screen.');
-      }
-    }
-    screenTagToNodeWrapperUI.value = screenTagToNodeWrapper;
-  }, [currentScreenId, goBackGesture]);
-
-  function computeProgress(
-    event: GestureUpdateEvent<PanGestureHandlerEventPayload>,
-  ) {
-    'worklet';
-    let progress = 0;
-    const screenDimensions = screenTransitionConfig.value.screenDimensions;
-    const startingPosition = startingGesturePosition.value;
-    if (goBackGesture === 'swipeRight') {
-      progress =
-        event.translationX /
-        (screenDimensions.width - startingPosition.absoluteX);
-    } else if (goBackGesture === 'swipeLeft') {
-      progress = (-1 * event.translationX) / startingPosition.absoluteX;
-    } else if (goBackGesture === 'swipeDown') {
-      progress =
-        (-1 * event.translationY) /
-        (screenDimensions.height - startingPosition.absoluteY);
-    } else if (goBackGesture === 'swipeUp') {
-      progress = event.translationY / startingPosition.absoluteY;
-    } else if (goBackGesture === 'horizontalSwipe') {
-      progress = Math.abs(event.translationX / screenDimensions.width / 2);
-    } else if (goBackGesture === 'verticalSwipe') {
-      progress = Math.abs(event.translationY / screenDimensions.height / 2);
-    } else if (goBackGesture === 'twoDimensionalSwipe') {
-      const progressX = Math.abs(
-        event.translationX / screenDimensions.width / 2,
-      );
-      const progressY = Math.abs(
-        event.translationY / screenDimensions.height / 2,
-      );
-      progress = Math.max(progressX, progressY);
-    }
-    return progress;
-  }
-
-  function onStart(event: GestureUpdateEvent<PanGestureHandlerEventPayload>) {
-    'worklet';
-    sharedEvent.value = event;
-    const transitionConfig = screenTransitionConfig.value;
-    const transitionData = RNScreensTurboModule.startTransition(stackTag.value);
-    if (transitionData.canStartTransition === false) {
-      canPerformUpdates.value = false;
-      return;
-    }
-
-    if (IS_FABRIC) {
-      transitionConfig.topScreenId =
-        screenTagToNodeWrapperUI.value[transitionData.topScreenTag];
-      transitionConfig.belowTopScreenId =
-        screenTagToNodeWrapperUI.value[transitionData.belowTopScreenTag];
-    } else {
-      transitionConfig.topScreenId = transitionData.topScreenTag;
-      transitionConfig.belowTopScreenId = transitionData.belowTopScreenTag;
-    }
-
-    transitionConfig.stackTag = stackTag.value;
-    startingGesturePosition.value = event;
-    const animatedRefMock = () => {
-      return screenTransitionConfig.value.topScreenId;
-    };
-    const screenSize = measure(animatedRefMock as any);
-    if (screenSize == null) {
-      throw new Error('[RNScreens] Failed to measure screen.');
-    }
-    if (screenSize == null) {
-      canPerformUpdates.value = false;
-      RNScreensTurboModule.finishTransition(stackTag.value, true);
-      return;
-    }
-    transitionConfig.screenDimensions = screenSize;
-    startScreenTransition(transitionConfig);
-    canPerformUpdates.value = true;
-  }
-
-  function onUpdate(event: GestureUpdateEvent<PanGestureHandlerEventPayload>) {
-    'worklet';
-    if (!canPerformUpdates.value) {
-      return;
-    }
-    checkBoundaries(goBackGesture, event);
-    const progress = computeProgress(event);
-    sharedEvent.value = event;
-    const stackTag = screenTransitionConfig.value.stackTag;
-    RNScreensTurboModule.updateTransition(stackTag, progress);
-  }
-
-  function onEnd(event: GestureUpdateEvent<PanGestureHandlerEventPayload>) {
-    'worklet';
-    if (!canPerformUpdates.value) {
-      return;
-    }
-
-    const velocityFactor = 0.3;
-    const screenSize = screenTransitionConfig.value.screenDimensions;
-    const distanceX =
-      event.translationX + Math.min(event.velocityX * velocityFactor, 100);
-    const distanceY =
-      event.translationY + Math.min(event.velocityY * velocityFactor, 100);
-    const requiredXDistance = screenSize.width / 2;
-    const requiredYDistance = screenSize.height / 2;
-    const isTransitionCanceled = checkIfTransitionCancelled(
-      goBackGesture,
-      distanceX,
-      requiredXDistance,
-      distanceY,
-      requiredYDistance,
-    );
-    const stackTag = screenTransitionConfig.value.stackTag;
-    screenTransitionConfig.value.onFinishAnimation = () => {
-      RNScreensTurboModule.finishTransition(stackTag, isTransitionCanceled);
-    };
-    screenTransitionConfig.value.isTransitionCanceled = isTransitionCanceled;
-    finishScreenTransition(screenTransitionConfig.value);
-  }
-
-  let panGesture = Gesture.Pan()
-    .onStart(onStart)
-    .onUpdate(onUpdate)
-    .onEnd(onEnd);
-
-  if (screenEdgeGesture) {
-    const HIT_SLOP_SIZE = 50;
-    const ACTIVATION_DISTANCE = 30;
-    if (goBackGesture === 'swipeRight') {
-      panGesture = panGesture
-        .activeOffsetX(ACTIVATION_DISTANCE)
-        .hitSlop({ left: 0, top: 0, width: HIT_SLOP_SIZE });
-    } else if (goBackGesture === 'swipeLeft') {
-      panGesture = panGesture
-        .activeOffsetX(-ACTIVATION_DISTANCE)
-        .hitSlop({ right: 0, top: 0, width: HIT_SLOP_SIZE });
-    } else if (goBackGesture === 'swipeDown') {
-      panGesture = panGesture
-        .activeOffsetY(ACTIVATION_DISTANCE)
-        .hitSlop({ top: 0, height: Dimensions.get('window').height * 0.2 });
-      // workaround, because we don't have access to header height
-    } else if (goBackGesture === 'swipeUp') {
-      panGesture = panGesture
-        .activeOffsetY(-ACTIVATION_DISTANCE)
-        .hitSlop({ bottom: 0, height: HIT_SLOP_SIZE });
-    }
-  }
-  return (
-    <GestureDetector gesture={goBackGesture ? panGesture : EmptyGestureHandler}>
-      {children}
-    </GestureDetector>
-  );
-};
-
-export default ScreenGestureDetector;

package/src/gesture-handler/constraints.ts

@@ -1,87 +0,0 @@
-import { ScreenTransition } from 'react-native-reanimated';
-import {
-  AnimatedScreenTransition,
-  GoBackGesture,
-  PanGestureHandlerEventPayload,
-} from '../native-stack/types';
-import { AnimationForGesture } from './defaults';
-import { GestureUpdateEvent } from 'react-native-gesture-handler';
-
-const SupportedGestures = [
-  'swipeRight',
-  'swipeLeft',
-  'swipeDown',
-  'swipeUp',
-  'horizontalSwipe',
-  'verticalSwipe',
-  'twoDimensionalSwipe',
-];
-
-export function getAnimationForTransition(
-  goBackGesture: GoBackGesture | undefined,
-  customTransitionAnimation: AnimatedScreenTransition | undefined,
-) {
-  let transitionAnimation = ScreenTransition.SwipeRight;
-  if (customTransitionAnimation) {
-    transitionAnimation = customTransitionAnimation;
-    if (!goBackGesture) {
-      throw new Error(
-        '[RNScreens] You have to specify `goBackGesture` when using `transitionAnimation`.',
-      );
-    }
-  } else {
-    if (!!goBackGesture && SupportedGestures.includes(goBackGesture)) {
-      transitionAnimation = AnimationForGesture[goBackGesture];
-    } else if (goBackGesture !== undefined) {
-      throw new Error(
-        `[RNScreens] Unknown goBackGesture parameter has been specified: ${goBackGesture}.`,
-      );
-    }
-  }
-  return transitionAnimation;
-}
-
-export function checkBoundaries(
-  goBackGesture: string | undefined,
-  event: GestureUpdateEvent<PanGestureHandlerEventPayload>,
-) {
-  'worklet';
-  if (goBackGesture === 'swipeRight' && event.translationX < 0) {
-    event.translationX = 0;
-  } else if (goBackGesture === 'swipeLeft' && event.translationX > 0) {
-    event.translationX = 0;
-  } else if (goBackGesture === 'swipeDown' && event.translationY < 0) {
-    event.translationY = 0;
-  } else if (goBackGesture === 'swipeUp' && event.translationY > 0) {
-    event.translationY = 0;
-  }
-}
-
-export function checkIfTransitionCancelled(
-  goBackGesture: string | undefined,
-  distanceX: number,
-  requiredXDistance: number,
-  distanceY: number,
-  requiredYDistance: number,
-) {
-  'worklet';
-  let isTransitionCanceled = false;
-  if (goBackGesture === 'swipeRight') {
-    isTransitionCanceled = distanceX < requiredXDistance;
-  } else if (goBackGesture === 'swipeLeft') {
-    isTransitionCanceled = -distanceX < requiredXDistance;
-  } else if (goBackGesture === 'horizontalSwipe') {
-    isTransitionCanceled = Math.abs(distanceX) < requiredXDistance;
-  } else if (goBackGesture === 'swipeUp') {
-    isTransitionCanceled = -distanceY < requiredYDistance;
-  } else if (goBackGesture === 'swipeDown') {
-    isTransitionCanceled = distanceY < requiredYDistance;
-  } else if (goBackGesture === 'verticalSwipe') {
-    isTransitionCanceled = Math.abs(distanceY) < requiredYDistance;
-  } else if (goBackGesture === 'twoDimensionalSwipe') {
-    const isCanceledHorizontally = Math.abs(distanceX) < requiredXDistance;
-    const isCanceledVertically = Math.abs(distanceY) < requiredYDistance;
-    isTransitionCanceled = isCanceledHorizontally && isCanceledVertically;
-  }
-  return isTransitionCanceled;
-}

package/src/gesture-handler/defaults.ts

@@ -1,46 +0,0 @@
-import {
-  GestureUpdateEvent,
-  PanGestureHandlerEventPayload,
-  PointerType,
-} from 'react-native-gesture-handler';
-import { ScreenTransition } from 'react-native-reanimated';
-
-export const DefaultEvent: GestureUpdateEvent<PanGestureHandlerEventPayload> = {
-  absoluteX: 0,
-  absoluteY: 0,
-  handlerTag: 0,
-  numberOfPointers: 0,
-  state: 0,
-  translationX: 0,
-  translationY: 0,
-  velocityX: 0,
-  velocityY: 0,
-  x: 0,
-  y: 0,
-
-  // These two were added in recent versions of gesture handler
-  // and they are required to specify. This should be backward
-  // compatible unless they strictly parse the objects, which seems
-  // not likely. PointerType is present since 2.16.0, StylusData since 2.20.0
-  pointerType: PointerType.TOUCH,
-  stylusData: undefined,
-};
-
-export const DefaultScreenDimensions = {
-  width: 0,
-  height: 0,
-  x: 0,
-  y: 0,
-  pageX: 0,
-  pageY: 0,
-};
-
-export const AnimationForGesture = {
-  swipeRight: ScreenTransition.SwipeRight,
-  swipeLeft: ScreenTransition.SwipeLeft,
-  swipeDown: ScreenTransition.SwipeDown,
-  swipeUp: ScreenTransition.SwipeUp,
-  horizontalSwipe: ScreenTransition.Horizontal,
-  verticalSwipe: ScreenTransition.Vertical,
-  twoDimensionalSwipe: ScreenTransition.TwoDimensional,
-};

package/src/gesture-handler/fabricUtils.ts

@@ -1,86 +0,0 @@
-'use strict';
-
-import { View } from 'react-native';
-
-/* eslint-disable */
-
-type LocalGlobal = typeof global & Record<string, unknown>;
-
-export function isFabric() {
-  return !!(global as LocalGlobal)._IS_FABRIC;
-}
-
-export type ShadowNodeWrapper = {
-  __hostObjectShadowNodeWrapper: never;
-};
-
-let findHostInstance_DEPRECATED: (ref: unknown) => void;
-
-let getInternalInstanceHandleFromPublicInstance: (ref: unknown) => {
-  stateNode: { node: unknown };
-};
-
-// Taken and modifies from reanimated
-export function getShadowNodeWrapperAndTagFromRef(ref: View | null): {
-  shadowNodeWrapper: ShadowNodeWrapper;
-  tag: number;
-} {
-  // load findHostInstance_DEPRECATED lazily because it may not be available before render
-  if (findHostInstance_DEPRECATED === undefined) {
-    try {
-      findHostInstance_DEPRECATED =
-        require('react-native/Libraries/Renderer/shims/ReactFabric').findHostInstance_DEPRECATED;
-    } catch (e) {
-      findHostInstance_DEPRECATED = (_ref: unknown) => null;
-    }
-  }
-
-  if (getInternalInstanceHandleFromPublicInstance === undefined) {
-    try {
-      getInternalInstanceHandleFromPublicInstance =
-        require('react-native/Libraries/ReactNative/ReactFabricPublicInstance/ReactFabricPublicInstance')
-          .getInternalInstanceHandleFromPublicInstance ??
-        ((_ref: any) => _ref._internalInstanceHandle);
-    } catch (e) {
-      getInternalInstanceHandleFromPublicInstance = (_ref: any) =>
-        _ref._internalInstanceHandle;
-    }
-  }
-
-  // taken from https://github.com/facebook/react-native/commit/803bb16531697233686efd475f004c1643e03617#diff-d8172256c6d63b5d32db10e54d7b10f37a26b337d5280d89f5bfd7bcea778292R196
-  // @ts-ignore some weird stuff on RN 0.74 - see examples with scrollView
-  const scrollViewRef = ref?.getScrollResponder?.()?.getNativeScrollRef?.();
-  // @ts-ignore some weird stuff on RN 0.74  - see examples with scrollView
-  const otherScrollViewRef = ref?.getNativeScrollRef?.();
-  // @ts-ignore some weird stuff on RN 0.74 - see setNativeProps example
-  const textInputRef = ref?.__internalInstanceHandle?.stateNode?.node;
-
-  let resolvedRef;
-  if (scrollViewRef) {
-    resolvedRef = {
-      shadowNodeWrapper: scrollViewRef.__internalInstanceHandle.stateNode.node,
-      tag: scrollViewRef._nativeTag,
-    };
-  } else if (otherScrollViewRef) {
-    resolvedRef = {
-      shadowNodeWrapper:
-        otherScrollViewRef.__internalInstanceHandle.stateNode.node,
-      tag: otherScrollViewRef.__nativeTag,
-    };
-  } else if (textInputRef) {
-    resolvedRef = {
-      shadowNodeWrapper: textInputRef,
-      tag: (ref as any)?.__nativeTag,
-    };
-  } else {
-    const hostInstance = findHostInstance_DEPRECATED(ref);
-    resolvedRef = {
-      shadowNodeWrapper:
-        getInternalInstanceHandleFromPublicInstance(hostInstance).stateNode
-          .node,
-      tag: (hostInstance as any)?._nativeTag,
-    };
-  }
-
-  return resolvedRef;
-}

package/src/gesture-handler/fabricUtils.web.ts

@@ -1,10 +0,0 @@
-export function isFabric() {
-  return false;
-}
-
-export function getShadowNodeWrapperAndTagFromRef() {
-  return {
-    shadowNodeWrapper: undefined,
-    tag: undefined,
-  };
-}

package/src/gesture-handler/index.tsx

@@ -1,4 +0,0 @@
-/*
- * Providers
- */
-export { default as GestureDetectorProvider } from './GestureDetectorProvider';

package/src/native-stack/contexts/GHContext.tsx

@@ -1,9 +0,0 @@
-'use client';
-
-import React, { PropsWithChildren } from 'react';
-import { GestureProviderProps } from '../types';
-
-// context to be used when the user wants full screen swipe (see `gesture-handler` folder in repo)
-export const GHContext = React.createContext(
-  (props: PropsWithChildren<GestureProviderProps>) => <>{props.children}</>,
-);

package/src/native-stack/index.tsx

@@ -1,27 +0,0 @@
-/**
- * Navigators
- */
-export { default as createNativeStackNavigator } from './navigators/createNativeStackNavigator';
-
-/**
- * Views
- */
-export { default as NativeStackView } from './views/NativeStackView';
-
-/**
- * Utilities
- */
-export { default as useHeaderHeight } from './utils/useHeaderHeight';
-export { default as HeaderHeightContext } from './utils/HeaderHeightContext';
-
-export { default as useAnimatedHeaderHeight } from './utils/useAnimatedHeaderHeight';
-export { default as AnimatedHeaderHeightContext } from './utils/AnimatedHeaderHeightContext';
-
-/**
- * Types
- */
-export type {
-  NativeStackNavigationOptions,
-  NativeStackNavigationProp,
-  NativeStackScreenProps,
-} from './types';

package/src/native-stack/navigators/createNativeStackNavigator.tsx

@@ -1,110 +0,0 @@
-/*
- * Portions of this file are copyright (c) 2023 Amazon.com, Inc. or its affiliates.  All rights reserved.
- *
- * PORTIONS OF THIS FILE ARE AMAZON PROPRIETARY/CONFIDENTIAL.  USE IS SUBJECT TO LICENSE TERMS.
- *
- * Amazon modifications are indicated by [amznmod_* comments].
- */
-
-/*
- * Changelog:
- * Set up react-native-screens package to build for Kepler
- */
-
-import {
-  createNavigatorFactory,
-  EventArg,
-  StackActions,
-  StackActionHelpers,
-  StackNavigationState,
-  StackRouter,
-  StackRouterOptions,
-  ParamListBase,
-  useNavigationBuilder,
-// amznmod_react - change imports to kepler packages
-} from '@amazon-devices/react-navigation__native';
-import * as React from 'react';
-import {
-  NativeStackNavigationEventMap,
-  NativeStackNavigationOptions,
-  NativeStackNavigatorProps,
-} from '../types';
-import NativeStackView from '../views/NativeStackView';
-
-function NativeStackNavigator({
-  initialRouteName,
-  children,
-  screenOptions,
-  ...rest
-}: NativeStackNavigatorProps) {
-  const { state, descriptors, navigation } = useNavigationBuilder<
-    StackNavigationState<ParamListBase>,
-    StackRouterOptions,
-    StackActionHelpers<ParamListBase>,
-    NativeStackNavigationOptions,
-    NativeStackNavigationEventMap
-  >(StackRouter, {
-    initialRouteName,
-    children,
-    screenOptions,
-  });
-
-  // Starting from React Navigation v6, `native-stack` should be imported from
-  // `@react-navigation/native-stack` rather than `react-native-screens/native-stack`
-  React.useEffect(() => {
-    // @ts-ignore navigation.dangerouslyGetParent was removed in v6
-    if (navigation?.dangerouslyGetParent === undefined) {
-      console.warn(
-        'Looks like you are importing `native-stack` from `react-native-screens/native-stack`. Since version 6 of `react-navigation`, it should be imported from `@react-navigation/native-stack`.',
-      );
-    }
-  }, [navigation]);
-
-  React.useEffect(
-    () =>
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (navigation as typeof navigation & { addListener: any })?.addListener?.(
-        'tabPress',
-        (e: any) => {
-          const isFocused = navigation.isFocused();
-
-          // 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(() => {
-            if (
-              state.index > 0 &&
-              isFocused &&
-              !(e as EventArg<'tabPress', true>).defaultPrevented
-            ) {
-              // When user taps on already focused tab and we're inside the tab,
-              // reset the stack to replicate native behaviour
-              navigation.dispatch({
-                ...StackActions.popToTop(),
-                target: state.key,
-              });
-            }
-          });
-        },
-      ),
-    [navigation, state.index, state.key],
-  );
-
-  return (
-    <NativeStackView
-      {...rest}
-      state={state}
-      navigation={navigation}
-      descriptors={descriptors}
-    />
-  );
-}
-
-/**
- * @deprecated NativeStack has been moved from react-native-screens/native-stack to @react-navigation/native since version v6. With react-native-screens v4 native stack v5 (react-native-screens/native-stack) is deprecated and marked for removal in the upcoming minor release, react-native-screens v4 will support only @react-navigation/native-stack v7.
- */
-export default createNavigatorFactory<
-  StackNavigationState<ParamListBase>,
-  NativeStackNavigationOptions,
-  NativeStackNavigationEventMap,
-  typeof NativeStackNavigator
->(NativeStackNavigator);