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

package/lib/module/reanimated/ReanimatedNativeStackScreen.js

@@ -1,93 +0,0 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-/*
- * 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 React from 'react';
-import { Platform } from 'react-native';
-import { InnerScreen } from '../components/Screen';
-// @ts-ignore file to be used only if `react-native-reanimated` available in the project
-import Animated, { useEvent, useSharedValue } from 'react-native-reanimated';
-import ReanimatedTransitionProgressContext from './ReanimatedTransitionProgressContext';
-import { useSafeAreaFrame, useSafeAreaInsets
-// amznmod_react - change imports to kepler packages
-} from '@amazon-devices/react-native-safe-area-context';
-import getDefaultHeaderHeight from '../native-stack/utils/getDefaultHeaderHeight';
-import getStatusBarHeight from '../native-stack/utils/getStatusBarHeight';
-import ReanimatedHeaderHeightContext from './ReanimatedHeaderHeightContext';
-const AnimatedScreen = Animated.createAnimatedComponent(InnerScreen);
-
-// We use prop added to global by reanimated since it seems safer than the one from RN. See:
-// https://github.com/software-mansion/react-native-reanimated/blob/3fe8b35b05e82b2f2aefda1fb97799cf81e4b7bb/src/reanimated2/UpdateProps.ts#L46
-// @ts-expect-error nativeFabricUIManager is not yet included in the RN types
-const ENABLE_FABRIC = !!global?._IS_FABRIC;
-const ReanimatedNativeStackScreen = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-    children,
-    ...rest
-  } = props;
-  const {
-    stackPresentation = 'push',
-    hasLargeHeader
-  } = rest;
-  const dimensions = useSafeAreaFrame();
-  const topInset = useSafeAreaInsets().top;
-  const isStatusBarTranslucent = rest.statusBarTranslucent ?? false;
-  const statusBarHeight = getStatusBarHeight(topInset, dimensions, isStatusBarTranslucent);
-
-  // Default header height, normally used in `useHeaderHeight` hook.
-  // Here, it is used for returning a default value for shared value.
-  const defaultHeaderHeight = getDefaultHeaderHeight(dimensions, statusBarHeight, stackPresentation, hasLargeHeader);
-  const cachedHeaderHeight = React.useRef(defaultHeaderHeight);
-  const headerHeight = useSharedValue(defaultHeaderHeight);
-  const progress = useSharedValue(0);
-  const closing = useSharedValue(0);
-  const goingForward = useSharedValue(0);
-  return /*#__PURE__*/React.createElement(AnimatedScreen
-  // @ts-ignore some problems with ref and onTransitionProgressReanimated being "fake" prop for parsing of `useEvent` return value
-  , _extends({
-    ref: ref,
-    onTransitionProgressReanimated: useEvent(event => {
-      'worklet';
-
-      progress.value = event.progress;
-      closing.value = event.closing;
-      goingForward.value = event.goingForward;
-    }, [
-    // This should not be necessary, but is not properly managed by `react-native-reanimated`
-    // @ts-ignore wrong type
-    Platform.OS === 'android' ? 'onTransitionProgress' :
-    // for some reason there is a difference in required event name between architectures
-    ENABLE_FABRIC ? 'onTransitionProgress' : 'topTransitionProgress']),
-    onHeaderHeightChangeReanimated: useEvent(event => {
-      'worklet';
-
-      if (event.headerHeight !== cachedHeaderHeight.current) {
-        headerHeight.value = event.headerHeight;
-        cachedHeaderHeight.current = event.headerHeight;
-      }
-    }, [
-    // @ts-ignore wrong type
-    Platform.OS === 'android' ? 'onHeaderHeightChange' : ENABLE_FABRIC ? 'onHeaderHeightChange' : 'topHeaderHeightChange'])
-  }, rest), /*#__PURE__*/React.createElement(ReanimatedHeaderHeightContext.Provider, {
-    value: headerHeight
-  }, /*#__PURE__*/React.createElement(ReanimatedTransitionProgressContext.Provider, {
-    value: {
-      progress,
-      closing,
-      goingForward
-    }
-  }, children)));
-});
-ReanimatedNativeStackScreen.displayName = 'ReanimatedNativeStackScreen';
-export default ReanimatedNativeStackScreen;
-//# sourceMappingURL=ReanimatedNativeStackScreen.js.map

package/lib/module/reanimated/ReanimatedScreen.js

@@ -1,16 +0,0 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import { InnerScreen } from '../components/Screen';
-// @ts-ignore file to be used only if `react-native-reanimated` available in the project
-import Animated from 'react-native-reanimated';
-const AnimatedScreen = Animated.createAnimatedComponent(InnerScreen);
-const ReanimatedScreen = /*#__PURE__*/React.forwardRef((props, ref) => {
-  return /*#__PURE__*/React.createElement(AnimatedScreen
-  // @ts-ignore some problems with ref and onTransitionProgressReanimated being "fake" prop for parsing of `useEvent` return value
-  , _extends({
-    ref: ref
-  }, props));
-});
-ReanimatedScreen.displayName = 'ReanimatedScreen';
-export default ReanimatedScreen;
-//# sourceMappingURL=ReanimatedScreen.js.map

package/lib/module/reanimated/ReanimatedScreenProvider.js

@@ -1,32 +0,0 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import { ScreenContext } from '../components/Screen';
-import ReanimatedNativeStackScreen from './ReanimatedNativeStackScreen';
-import AnimatedScreen from './ReanimatedScreen';
-class ReanimatedScreenWrapper extends React.Component {
-  ref = null;
-  setNativeProps(props) {
-    this.ref?.setNativeProps(props);
-  }
-  setRef = ref => {
-    this.ref = ref;
-    this.props.onComponentRef?.(ref);
-  };
-  render() {
-    const ReanimatedScreen = this.props.isNativeStack ? ReanimatedNativeStackScreen : AnimatedScreen;
-    return /*#__PURE__*/React.createElement(ReanimatedScreen, _extends({}, this.props, {
-      // @ts-ignore some problems with ref
-      ref: this.setRef
-    }));
-  }
-}
-export default function ReanimatedScreenProvider(props) {
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    React.createElement(ScreenContext.Provider, {
-      value: ReanimatedScreenWrapper
-    }, props.children)
-  );
-}
-//# sourceMappingURL=ReanimatedScreenProvider.js.map

package/lib/module/reanimated/ReanimatedTransitionProgressContext.js

@@ -1,5 +0,0 @@
-import * as React from 'react';
-// @ts-ignore file to be used only if `react-native-reanimated` available in the project
-
-export default /*#__PURE__*/React.createContext(undefined);
-//# sourceMappingURL=ReanimatedTransitionProgressContext.js.map

package/lib/module/reanimated/index.js

@@ -1,4 +0,0 @@
-export { default as ReanimatedScreenProvider } from './ReanimatedScreenProvider';
-export { default as useReanimatedTransitionProgress } from './useReanimatedTransitionProgress';
-export { default as useReanimatedHeaderHeight } from './useReanimatedHeaderHeight';
-//# sourceMappingURL=index.js.map

package/lib/module/reanimated/useReanimatedHeaderHeight.js

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import ReanimatedHeaderHeightContext from './ReanimatedHeaderHeightContext';
-export default function useReanimatedHeaderHeight() {
-  const height = React.useContext(ReanimatedHeaderHeightContext);
-  if (height === undefined) {
-    throw new Error("Couldn't find the header height using Reanimated. Are you inside a screen in a navigator with a header and your NavigationContainer is wrapped in ReanimatedScreenProvider?");
-  }
-  return height;
-}
-//# sourceMappingURL=useReanimatedHeaderHeight.js.map

package/lib/module/reanimated/useReanimatedTransitionProgress.js

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import ReanimatedTransitionProgressContext from './ReanimatedTransitionProgressContext';
-export default function useReanimatedTransitionProgress() {
-  const progress = React.useContext(ReanimatedTransitionProgressContext);
-  if (progress === undefined) {
-    throw new Error("Couldn't find values for reanimated transition progress. Are you inside a screen in Native Stack?");
-  }
-  return progress;
-}
-//# sourceMappingURL=useReanimatedTransitionProgress.js.map

package/lib/module/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/lib/module/useTransitionProgress.js

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import TransitionProgressContext from './TransitionProgressContext';
-export default function useTransitionProgress() {
-  const progress = React.useContext(TransitionProgressContext);
-  if (progress === undefined) {
-    throw new Error("Couldn't find values for transition progress. Are you inside a screen in Native Stack?");
-  }
-  return progress;
-}
-//# sourceMappingURL=useTransitionProgress.js.map

package/lib/module/utils.js

@@ -1,35 +0,0 @@
-import { BackHandler, Platform } from 'react-native';
-export const isSearchBarAvailableForCurrentPlatform = ['ios', 'android'].includes(Platform.OS);
-export function executeNativeBackPress() {
-  // This function invokes the native back press event
-  BackHandler.exitApp();
-  return true;
-}
-
-/**
- * Exposes information useful for downstream navigation library implementers,
- * so they can keep reasonable backward compatibility, if desired.
- *
- * We don't mean for this object to only grow in number of fields, however at the same time
- * we won't be very hasty to reduce it. Expect gradual changes.
- */
-export const compatibilityFlags = {
-  /**
-   * Because of a bug introduced in https://github.com/software-mansion/react-native-screens/pull/1646
-   * react-native-screens v3.21 changed how header's backTitle handles whitespace strings in https://github.com/software-mansion/react-native-screens/pull/1726
-   * To allow for backwards compatibility in @react-navigation/native-stack we need a way to check if this version or newer is used.
-   * See https://github.com/react-navigation/react-navigation/pull/11423 for more context.
-   */
-  isNewBackTitleImplementation: true,
-  /**
-   * With version 4.0.0 the header implementation has been changed. To allow for backward compat
-   * with native-stack@v6 we want to expose a way to check whether the new implementation
-   * is in use or not.
-   *
-   * See:
-   * * https://github.com/software-mansion/react-native-screens/pull/2325
-   * * https://github.com/react-navigation/react-navigation/pull/12125
-   */
-  usesHeaderFlexboxImplementation: true
-};
-//# sourceMappingURL=utils.js.map

package/src/TransitionProgressContext.tsx

@@ -1,14 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { Animated } from 'react-native';
-
-type TransitionProgressContextBody = {
-  progress: Animated.Value;
-  closing: Animated.Value;
-  goingForward: Animated.Value;
-};
-
-export default React.createContext<TransitionProgressContextBody | undefined>(
-  undefined,
-);

package/src/components/DebugContainer.tsx

@@ -1,46 +0,0 @@
-import * as React from 'react';
-import { Platform, type ViewProps } from 'react-native';
-// @ts-expect-error importing private component
-
-import AppContainer from 'react-native/Libraries/ReactNative/AppContainer';
-import ScreenContentWrapper from './ScreenContentWrapper';
-import { StackPresentationTypes } from '../types';
-
-type ContainerProps = ViewProps & {
-  stackPresentation: StackPresentationTypes;
-  children: React.ReactNode;
-};
-
-/**
- * This view must *not* be flattened.
- * See https://github.com/software-mansion/react-native-screens/pull/1825
- * for detailed explanation.
- */
-let DebugContainer: React.ComponentType<ContainerProps> = props => {
-  return <ScreenContentWrapper {...props} />;
-};
-
-if (process.env.NODE_ENV !== 'production') {
-  DebugContainer = (props: ContainerProps) => {
-    const { stackPresentation, ...rest } = props;
-
-    if (
-      Platform.OS === 'ios' &&
-      stackPresentation !== 'push' &&
-      stackPresentation !== 'formSheet'
-    ) {
-      // This is necessary for LogBox
-      return (
-        <AppContainer>
-          <ScreenContentWrapper {...rest} />
-        </AppContainer>
-      );
-    }
-
-    return <ScreenContentWrapper {...rest} />;
-  };
-
-  DebugContainer.displayName = 'DebugContainer';
-}
-
-export default DebugContainer;

package/src/components/DebugContainer.web.tsx

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { type ViewProps } from 'react-native';
-import ScreenContentWrapper from './ScreenContentWrapper';
-
-export default function DebugContainer(props: ViewProps) {
-  return <ScreenContentWrapper {...props} />;
-}

package/src/components/FullWindowOverlay.tsx

@@ -1,33 +0,0 @@
-import React, { PropsWithChildren, ReactNode } from 'react';
-import {
-  Platform,
-  StyleProp,
-  StyleSheet,
-  View,
-  ViewStyle,
-  useWindowDimensions,
-} from 'react-native';
-
-// Native components
-import FullWindowOverlayNativeComponent from '../fabric/FullWindowOverlayNativeComponent';
-const NativeFullWindowOverlay: React.ComponentType<
-  PropsWithChildren<{
-    style: StyleProp<ViewStyle>;
-  }>
-> = FullWindowOverlayNativeComponent as any;
-
-function FullWindowOverlay(props: { children: ReactNode }) {
-  const { width, height } = useWindowDimensions();
-  if (Platform.OS !== 'ios') {
-    console.warn('Using FullWindowOverlay is only valid on iOS devices.');
-    return <View {...props} />;
-  }
-  return (
-    <NativeFullWindowOverlay
-      style={[StyleSheet.absoluteFill, { width, height }]}>
-      {props.children}
-    </NativeFullWindowOverlay>
-  );
-}
-
-export default FullWindowOverlay;

package/src/components/FullWindowOverlay.web.tsx

@@ -1,6 +0,0 @@
-import { View } from 'react-native';
-import React, { ReactNode } from 'react';
-
-export default View as React.ComponentType<{
-  children: ReactNode;
-}>;