@amazon-devices/react-native-screens 2.0.1758683737
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +7 -0
- package/README.md +223 -0
- package/RNScreens.podspec +53 -0
- package/SystemBundles/8f5a820b958535e533acb38dbc0c72c1837721b9db075f4a1740e42b9fee3910.bundle +33668 -0
- package/SystemBundles/8f5a820b958535e533acb38dbc0c72c1837721b9db075f4a1740e42b9fee3910.map +1 -0
- package/SystemModules/amzn__react-native-screens.modules.txt +101 -0
- package/SystemModules/amzn__react-native-screens.private.modules.txt +244 -0
- package/SystemModules/keplerscript-system-bundle-config.json +7 -0
- package/THIRD_PARTY_NOTICES.txt +707 -0
- package/android/build.gradle +133 -0
- package/android/src/fabric/java/com/swmansion/rnscreens/FabricEnabledViewGroup.kt +49 -0
- package/android/src/main/AndroidManifest.xml +5 -0
- package/android/src/main/java/com/swmansion/rnscreens/CustomSearchView.kt +77 -0
- package/android/src/main/java/com/swmansion/rnscreens/CustomToolbar.kt +7 -0
- package/android/src/main/java/com/swmansion/rnscreens/FragmentBackPressOverrider.kt +29 -0
- package/android/src/main/java/com/swmansion/rnscreens/FragmentHolder.kt +7 -0
- package/android/src/main/java/com/swmansion/rnscreens/RNScreensPackage.kt +21 -0
- package/android/src/main/java/com/swmansion/rnscreens/Screen.kt +289 -0
- package/android/src/main/java/com/swmansion/rnscreens/ScreenContainer.kt +372 -0
- package/android/src/main/java/com/swmansion/rnscreens/ScreenContainerViewManager.kt +40 -0
- package/android/src/main/java/com/swmansion/rnscreens/ScreenEventDispatcher.kt +21 -0
- package/android/src/main/java/com/swmansion/rnscreens/ScreenFragment.kt +331 -0
- package/android/src/main/java/com/swmansion/rnscreens/ScreenFragmentWrapper.kt +22 -0
- package/android/src/main/java/com/swmansion/rnscreens/ScreenStack.kt +336 -0
- package/android/src/main/java/com/swmansion/rnscreens/ScreenStackFragment.kt +282 -0
- package/android/src/main/java/com/swmansion/rnscreens/ScreenStackFragmentWrapper.kt +15 -0
- package/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderConfig.kt +398 -0
- package/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderConfigViewManager.kt +204 -0
- package/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderSubview.kt +38 -0
- package/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderSubviewManager.kt +41 -0
- package/android/src/main/java/com/swmansion/rnscreens/ScreenStackViewManager.kt +75 -0
- package/android/src/main/java/com/swmansion/rnscreens/ScreenViewManager.kt +186 -0
- package/android/src/main/java/com/swmansion/rnscreens/ScreenWindowTraits.kt +296 -0
- package/android/src/main/java/com/swmansion/rnscreens/ScreensShadowNode.kt +19 -0
- package/android/src/main/java/com/swmansion/rnscreens/SearchBarManager.kt +133 -0
- package/android/src/main/java/com/swmansion/rnscreens/SearchBarView.kt +178 -0
- package/android/src/main/java/com/swmansion/rnscreens/SearchViewFormatter.kt +67 -0
- package/android/src/main/java/com/swmansion/rnscreens/events/HeaderAttachedEvent.kt +22 -0
- package/android/src/main/java/com/swmansion/rnscreens/events/HeaderBackButtonClickedEvent.kt +22 -0
- package/android/src/main/java/com/swmansion/rnscreens/events/HeaderDetachedEvent.kt +22 -0
- package/android/src/main/java/com/swmansion/rnscreens/events/HeaderHeightChangeEvent.kt +26 -0
- package/android/src/main/java/com/swmansion/rnscreens/events/ScreenAppearEvent.kt +18 -0
- package/android/src/main/java/com/swmansion/rnscreens/events/ScreenDisappearEvent.kt +18 -0
- package/android/src/main/java/com/swmansion/rnscreens/events/ScreenDismissedEvent.kt +20 -0
- package/android/src/main/java/com/swmansion/rnscreens/events/ScreenTransitionProgressEvent.kt +32 -0
- package/android/src/main/java/com/swmansion/rnscreens/events/ScreenWillAppearEvent.kt +18 -0
- package/android/src/main/java/com/swmansion/rnscreens/events/ScreenWillDisappearEvent.kt +18 -0
- package/android/src/main/java/com/swmansion/rnscreens/events/SearchBarBlurEvent.kt +22 -0
- package/android/src/main/java/com/swmansion/rnscreens/events/SearchBarChangeTextEvent.kt +28 -0
- package/android/src/main/java/com/swmansion/rnscreens/events/SearchBarCloseEvent.kt +22 -0
- package/android/src/main/java/com/swmansion/rnscreens/events/SearchBarFocusEvent.kt +22 -0
- package/android/src/main/java/com/swmansion/rnscreens/events/SearchBarOpenEvent.kt +22 -0
- package/android/src/main/java/com/swmansion/rnscreens/events/SearchBarSearchButtonPressEvent.kt +24 -0
- package/android/src/main/java/com/swmansion/rnscreens/events/StackFinishTransitioningEvent.kt +18 -0
- package/android/src/main/java/com/swmansion/rnscreens/utils/DeviceUtils.kt +12 -0
- package/android/src/main/jni/CMakeLists.txt +72 -0
- package/android/src/main/jni/rnscreens.cpp +16 -0
- package/android/src/main/jni/rnscreens.h +28 -0
- package/android/src/main/res/base/anim/rns_default_enter_in.xml +18 -0
- package/android/src/main/res/base/anim/rns_default_enter_out.xml +19 -0
- package/android/src/main/res/base/anim/rns_default_exit_in.xml +17 -0
- package/android/src/main/res/base/anim/rns_default_exit_out.xml +18 -0
- package/android/src/main/res/base/anim/rns_fade_from_bottom.xml +14 -0
- package/android/src/main/res/base/anim/rns_fade_in.xml +7 -0
- package/android/src/main/res/base/anim/rns_fade_out.xml +7 -0
- package/android/src/main/res/base/anim/rns_fade_to_bottom.xml +15 -0
- package/android/src/main/res/base/anim/rns_no_animation_20.xml +6 -0
- package/android/src/main/res/base/anim/rns_no_animation_250.xml +7 -0
- package/android/src/main/res/base/anim/rns_no_animation_350.xml +6 -0
- package/android/src/main/res/base/anim/rns_no_animation_medium.xml +7 -0
- package/android/src/main/res/base/anim/rns_slide_in_from_bottom.xml +7 -0
- package/android/src/main/res/base/anim/rns_slide_in_from_left.xml +5 -0
- package/android/src/main/res/base/anim/rns_slide_in_from_right.xml +5 -0
- package/android/src/main/res/base/anim/rns_slide_out_to_bottom.xml +7 -0
- package/android/src/main/res/base/anim/rns_slide_out_to_left.xml +5 -0
- package/android/src/main/res/base/anim/rns_slide_out_to_right.xml +5 -0
- package/android/src/main/res/base/anim/rns_standard_accelerate_interpolator.xml +6 -0
- package/android/src/main/res/v33/anim-v33/rns_default_enter_in.xml +38 -0
- package/android/src/main/res/v33/anim-v33/rns_default_enter_out.xml +38 -0
- package/android/src/main/res/v33/anim-v33/rns_default_exit_in.xml +38 -0
- package/android/src/main/res/v33/anim-v33/rns_default_exit_out.xml +38 -0
- package/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenManagerDelegate.java +111 -0
- package/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenManagerInterface.java +44 -0
- package/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderConfigManagerDelegate.java +107 -0
- package/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderConfigManagerInterface.java +42 -0
- package/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderSubviewManagerDelegate.java +31 -0
- package/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderSubviewManagerInterface.java +17 -0
- package/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackManagerDelegate.java +25 -0
- package/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackManagerInterface.java +16 -0
- package/android/src/paper/java/com/swmansion/rnscreens/FabricEnabledViewGroup.kt +10 -0
- package/common/cpp/react/renderer/components/rnscreens/RNSScreenComponentDescriptor.h +41 -0
- package/common/cpp/react/renderer/components/rnscreens/RNSScreenShadowNode.cpp +9 -0
- package/common/cpp/react/renderer/components/rnscreens/RNSScreenShadowNode.h +30 -0
- package/common/cpp/react/renderer/components/rnscreens/RNSScreenState.cpp +14 -0
- package/common/cpp/react/renderer/components/rnscreens/RNSScreenState.h +45 -0
- package/ios/RCTImageComponentView+RNSScreenStackHeaderConfig.h +11 -0
- package/ios/RCTImageComponentView+RNSScreenStackHeaderConfig.mm +14 -0
- package/ios/RNSConvert.h +36 -0
- package/ios/RNSConvert.mm +154 -0
- package/ios/RNSEnums.h +71 -0
- package/ios/RNSFullWindowOverlay.h +34 -0
- package/ios/RNSFullWindowOverlay.mm +241 -0
- package/ios/RNSScreen.h +144 -0
- package/ios/RNSScreen.mm +1599 -0
- package/ios/RNSScreenContainer.h +45 -0
- package/ios/RNSScreenContainer.mm +343 -0
- package/ios/RNSScreenNavigationContainer.h +16 -0
- package/ios/RNSScreenNavigationContainer.mm +66 -0
- package/ios/RNSScreenStack.h +37 -0
- package/ios/RNSScreenStack.mm +1111 -0
- package/ios/RNSScreenStackAnimator.h +8 -0
- package/ios/RNSScreenStackAnimator.mm +320 -0
- package/ios/RNSScreenStackHeaderConfig.h +74 -0
- package/ios/RNSScreenStackHeaderConfig.mm +967 -0
- package/ios/RNSScreenStackHeaderSubview.h +44 -0
- package/ios/RNSScreenStackHeaderSubview.mm +147 -0
- package/ios/RNSScreenWindowTraits.h +26 -0
- package/ios/RNSScreenWindowTraits.mm +266 -0
- package/ios/RNSSearchBar.h +43 -0
- package/ios/RNSSearchBar.mm +465 -0
- package/ios/RNScreens.xcodeproj/project.pbxproj +461 -0
- package/ios/UIViewController+RNScreens.h +9 -0
- package/ios/UIViewController+RNScreens.mm +78 -0
- package/ios/UIWindow+RNScreens.h +9 -0
- package/ios/UIWindow+RNScreens.mm +17 -0
- package/ios/events/RNSHeaderHeightChangeEvent.h +8 -0
- package/ios/events/RNSHeaderHeightChangeEvent.mm +44 -0
- package/ios/events/RNSScreenViewEvent.h +12 -0
- package/ios/events/RNSScreenViewEvent.mm +59 -0
- package/ios/utils/RNSUIBarButtonItem.h +5 -0
- package/ios/utils/RNSUIBarButtonItem.mm +22 -0
- package/kepler-compatibility.json +8 -0
- package/kepler-transformed-package-info.json +3 -0
- package/lib/commonjs/TransitionProgressContext.js +11 -0
- package/lib/commonjs/TransitionProgressContext.js.map +1 -0
- package/lib/commonjs/fabric/FullWindowOverlayNativeComponent.js +11 -0
- package/lib/commonjs/fabric/FullWindowOverlayNativeComponent.js.map +1 -0
- package/lib/commonjs/fabric/ScreenContainerNativeComponent.js +33 -0
- package/lib/commonjs/fabric/ScreenContainerNativeComponent.js.map +1 -0
- package/lib/commonjs/fabric/ScreenNativeComponent.js +70 -0
- package/lib/commonjs/fabric/ScreenNativeComponent.js.map +1 -0
- package/lib/commonjs/fabric/ScreenNavigationContainerNativeComponent.js +11 -0
- package/lib/commonjs/fabric/ScreenNavigationContainerNativeComponent.js.map +1 -0
- package/lib/commonjs/fabric/ScreenStackHeaderConfigNativeComponent.js +31 -0
- package/lib/commonjs/fabric/ScreenStackHeaderConfigNativeComponent.js.map +1 -0
- package/lib/commonjs/fabric/ScreenStackHeaderSubviewNativeComponent.js +12 -0
- package/lib/commonjs/fabric/ScreenStackHeaderSubviewNativeComponent.js.map +1 -0
- package/lib/commonjs/fabric/ScreenStackNativeComponent.js +35 -0
- package/lib/commonjs/fabric/ScreenStackNativeComponent.js.map +1 -0
- package/lib/commonjs/fabric/SearchBarNativeComponent.js +19 -0
- package/lib/commonjs/fabric/SearchBarNativeComponent.js.map +1 -0
- package/lib/commonjs/index.js +147 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/index.native.js +407 -0
- package/lib/commonjs/index.native.js.map +1 -0
- package/lib/commonjs/native-stack/index.js +49 -0
- package/lib/commonjs/native-stack/index.js.map +1 -0
- package/lib/commonjs/native-stack/navigators/createNativeStackNavigator.js +75 -0
- package/lib/commonjs/native-stack/navigators/createNativeStackNavigator.js.map +1 -0
- package/lib/commonjs/native-stack/types.js +6 -0
- package/lib/commonjs/native-stack/types.js.map +1 -0
- package/lib/commonjs/native-stack/utils/AnimatedHeaderHeightContext.js +12 -0
- package/lib/commonjs/native-stack/utils/AnimatedHeaderHeightContext.js.map +1 -0
- package/lib/commonjs/native-stack/utils/HeaderHeightContext.js +12 -0
- package/lib/commonjs/native-stack/utils/HeaderHeightContext.js.map +1 -0
- package/lib/commonjs/native-stack/utils/SafeAreaProviderCompat.js +75 -0
- package/lib/commonjs/native-stack/utils/SafeAreaProviderCompat.js.map +1 -0
- package/lib/commonjs/native-stack/utils/getDefaultHeaderHeight.js +35 -0
- package/lib/commonjs/native-stack/utils/getDefaultHeaderHeight.js.map +1 -0
- package/lib/commonjs/native-stack/utils/useAnimatedHeaderHeight.js +19 -0
- package/lib/commonjs/native-stack/utils/useAnimatedHeaderHeight.js.map +1 -0
- package/lib/commonjs/native-stack/utils/useBackPressSubscription.js +54 -0
- package/lib/commonjs/native-stack/utils/useBackPressSubscription.js.map +1 -0
- package/lib/commonjs/native-stack/utils/useHeaderHeight.js +19 -0
- package/lib/commonjs/native-stack/utils/useHeaderHeight.js.map +1 -0
- package/lib/commonjs/native-stack/views/FontProcessor.js +21 -0
- package/lib/commonjs/native-stack/views/FontProcessor.js.map +1 -0
- package/lib/commonjs/native-stack/views/HeaderConfig.js +141 -0
- package/lib/commonjs/native-stack/views/HeaderConfig.js.map +1 -0
- package/lib/commonjs/native-stack/views/NativeStackView.js +354 -0
- package/lib/commonjs/native-stack/views/NativeStackView.js.map +1 -0
- package/lib/commonjs/reanimated/ReanimatedHeaderHeightContext.js +12 -0
- package/lib/commonjs/reanimated/ReanimatedHeaderHeightContext.js.map +1 -0
- package/lib/commonjs/reanimated/ReanimatedNativeStackScreen.js +101 -0
- package/lib/commonjs/reanimated/ReanimatedNativeStackScreen.js.map +1 -0
- package/lib/commonjs/reanimated/ReanimatedScreen.js +22 -0
- package/lib/commonjs/reanimated/ReanimatedScreen.js.map +1 -0
- package/lib/commonjs/reanimated/ReanimatedScreenProvider.js +47 -0
- package/lib/commonjs/reanimated/ReanimatedScreenProvider.js.map +1 -0
- package/lib/commonjs/reanimated/ReanimatedTransitionProgressContext.js +12 -0
- package/lib/commonjs/reanimated/ReanimatedTransitionProgressContext.js.map +1 -0
- package/lib/commonjs/reanimated/index.js +28 -0
- package/lib/commonjs/reanimated/index.js.map +1 -0
- package/lib/commonjs/reanimated/useReanimatedHeaderHeight.js +19 -0
- package/lib/commonjs/reanimated/useReanimatedHeaderHeight.js.map +1 -0
- package/lib/commonjs/reanimated/useReanimatedTransitionProgress.js +19 -0
- package/lib/commonjs/reanimated/useReanimatedTransitionProgress.js.map +1 -0
- package/lib/commonjs/types.js +6 -0
- package/lib/commonjs/types.js.map +1 -0
- package/lib/commonjs/useTransitionProgress.js +19 -0
- package/lib/commonjs/useTransitionProgress.js.map +1 -0
- package/lib/commonjs/utils.js +21 -0
- package/lib/commonjs/utils.js.map +1 -0
- package/lib/module/TransitionProgressContext.js +3 -0
- package/lib/module/TransitionProgressContext.js.map +1 -0
- package/lib/module/fabric/FullWindowOverlayNativeComponent.js +4 -0
- package/lib/module/fabric/FullWindowOverlayNativeComponent.js.map +1 -0
- package/lib/module/fabric/ScreenContainerNativeComponent.js +25 -0
- package/lib/module/fabric/ScreenContainerNativeComponent.js.map +1 -0
- package/lib/module/fabric/ScreenNativeComponent.js +63 -0
- package/lib/module/fabric/ScreenNativeComponent.js.map +1 -0
- package/lib/module/fabric/ScreenNavigationContainerNativeComponent.js +4 -0
- package/lib/module/fabric/ScreenNavigationContainerNativeComponent.js.map +1 -0
- package/lib/module/fabric/ScreenStackHeaderConfigNativeComponent.js +23 -0
- package/lib/module/fabric/ScreenStackHeaderConfigNativeComponent.js.map +1 -0
- package/lib/module/fabric/ScreenStackHeaderSubviewNativeComponent.js +7 -0
- package/lib/module/fabric/ScreenStackHeaderSubviewNativeComponent.js.map +1 -0
- package/lib/module/fabric/ScreenStackNativeComponent.js +28 -0
- package/lib/module/fabric/ScreenStackNativeComponent.js.map +1 -0
- package/lib/module/fabric/SearchBarNativeComponent.js +10 -0
- package/lib/module/fabric/SearchBarNativeComponent.js.map +1 -0
- package/lib/module/index.js +67 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/index.native.js +410 -0
- package/lib/module/index.native.js.map +1 -0
- package/lib/module/native-stack/index.js +22 -0
- package/lib/module/native-stack/index.js.map +1 -0
- package/lib/module/native-stack/navigators/createNativeStackNavigator.js +72 -0
- package/lib/module/native-stack/navigators/createNativeStackNavigator.js.map +1 -0
- package/lib/module/native-stack/types.js +2 -0
- package/lib/module/native-stack/types.js.map +1 -0
- package/lib/module/native-stack/utils/AnimatedHeaderHeightContext.js +4 -0
- package/lib/module/native-stack/utils/AnimatedHeaderHeightContext.js.map +1 -0
- package/lib/module/native-stack/utils/HeaderHeightContext.js +4 -0
- package/lib/module/native-stack/utils/HeaderHeightContext.js.map +1 -0
- package/lib/module/native-stack/utils/SafeAreaProviderCompat.js +68 -0
- package/lib/module/native-stack/utils/SafeAreaProviderCompat.js.map +1 -0
- package/lib/module/native-stack/utils/getDefaultHeaderHeight.js +29 -0
- package/lib/module/native-stack/utils/getDefaultHeaderHeight.js.map +1 -0
- package/lib/module/native-stack/utils/useAnimatedHeaderHeight.js +10 -0
- package/lib/module/native-stack/utils/useAnimatedHeaderHeight.js.map +1 -0
- package/lib/module/native-stack/utils/useBackPressSubscription.js +47 -0
- package/lib/module/native-stack/utils/useBackPressSubscription.js.map +1 -0
- package/lib/module/native-stack/utils/useHeaderHeight.js +10 -0
- package/lib/module/native-stack/utils/useHeaderHeight.js.map +1 -0
- package/lib/module/native-stack/views/FontProcessor.js +13 -0
- package/lib/module/native-stack/views/FontProcessor.js.map +1 -0
- package/lib/module/native-stack/views/HeaderConfig.js +132 -0
- package/lib/module/native-stack/views/HeaderConfig.js.map +1 -0
- package/lib/module/native-stack/views/NativeStackView.js +355 -0
- package/lib/module/native-stack/views/NativeStackView.js.map +1 -0
- package/lib/module/reanimated/ReanimatedHeaderHeightContext.js +5 -0
- package/lib/module/reanimated/ReanimatedHeaderHeightContext.js.map +1 -0
- package/lib/module/reanimated/ReanimatedNativeStackScreen.js +97 -0
- package/lib/module/reanimated/ReanimatedNativeStackScreen.js.map +1 -0
- package/lib/module/reanimated/ReanimatedScreen.js +17 -0
- package/lib/module/reanimated/ReanimatedScreen.js.map +1 -0
- package/lib/module/reanimated/ReanimatedScreenProvider.js +40 -0
- package/lib/module/reanimated/ReanimatedScreenProvider.js.map +1 -0
- package/lib/module/reanimated/ReanimatedTransitionProgressContext.js +5 -0
- package/lib/module/reanimated/ReanimatedTransitionProgressContext.js.map +1 -0
- package/lib/module/reanimated/index.js +4 -0
- package/lib/module/reanimated/index.js.map +1 -0
- package/lib/module/reanimated/useReanimatedHeaderHeight.js +10 -0
- package/lib/module/reanimated/useReanimatedHeaderHeight.js.map +1 -0
- package/lib/module/reanimated/useReanimatedTransitionProgress.js +10 -0
- package/lib/module/reanimated/useReanimatedTransitionProgress.js.map +1 -0
- package/lib/module/types.js +2 -0
- package/lib/module/types.js.map +1 -0
- package/lib/module/useTransitionProgress.js +10 -0
- package/lib/module/useTransitionProgress.js.map +1 -0
- package/lib/module/utils.js +14 -0
- package/lib/module/utils.js.map +1 -0
- package/lib/typescript/TransitionProgressContext.d.ts +9 -0
- package/lib/typescript/fabric/FullWindowOverlayNativeComponent.d.ts +7 -0
- package/lib/typescript/fabric/ScreenContainerNativeComponent.d.ts +5 -0
- package/lib/typescript/fabric/ScreenNativeComponent.d.ts +66 -0
- package/lib/typescript/fabric/ScreenNavigationContainerNativeComponent.d.ts +7 -0
- package/lib/typescript/fabric/ScreenStackHeaderConfigNativeComponent.d.ts +33 -0
- package/lib/typescript/fabric/ScreenStackHeaderSubviewNativeComponent.d.ts +10 -0
- package/lib/typescript/fabric/ScreenStackNativeComponent.d.ts +8 -0
- package/lib/typescript/fabric/SearchBarNativeComponent.d.ts +49 -0
- package/lib/typescript/index.d.ts +33 -0
- package/lib/typescript/index.native.d.ts +2 -0
- package/lib/typescript/native-stack/index.d.ts +19 -0
- package/lib/typescript/native-stack/navigators/createNativeStackNavigator.d.ts +6 -0
- package/lib/typescript/native-stack/types.d.ts +438 -0
- package/lib/typescript/native-stack/utils/AnimatedHeaderHeightContext.d.ts +4 -0
- package/lib/typescript/native-stack/utils/HeaderHeightContext.d.ts +3 -0
- package/lib/typescript/native-stack/utils/SafeAreaProviderCompat.d.ts +11 -0
- package/lib/typescript/native-stack/utils/getDefaultHeaderHeight.d.ts +7 -0
- package/lib/typescript/native-stack/utils/useAnimatedHeaderHeight.d.ts +1 -0
- package/lib/typescript/native-stack/utils/useBackPressSubscription.d.ts +16 -0
- package/lib/typescript/native-stack/utils/useHeaderHeight.d.ts +1 -0
- package/lib/typescript/native-stack/views/FontProcessor.d.ts +1 -0
- package/lib/typescript/native-stack/views/HeaderConfig.d.ts +8 -0
- package/lib/typescript/native-stack/views/NativeStackView.d.ts +10 -0
- package/lib/typescript/reanimated/ReanimatedHeaderHeightContext.d.ts +4 -0
- package/lib/typescript/reanimated/ReanimatedNativeStackScreen.d.ts +5 -0
- package/lib/typescript/reanimated/ReanimatedScreen.d.ts +5 -0
- package/lib/typescript/reanimated/ReanimatedScreenProvider.d.ts +2 -0
- package/lib/typescript/reanimated/ReanimatedTransitionProgressContext.d.ts +9 -0
- package/lib/typescript/reanimated/index.d.ts +3 -0
- package/lib/typescript/reanimated/useReanimatedHeaderHeight.d.ts +3 -0
- package/lib/typescript/reanimated/useReanimatedTransitionProgress.d.ts +11 -0
- package/lib/typescript/types.d.ts +612 -0
- package/lib/typescript/useTransitionProgress.d.ts +5 -0
- package/lib/typescript/utils.d.ts +3 -0
- package/native-stack/README.md +814 -0
- package/native-stack/package.json +6 -0
- package/package.json +1 -0
- package/react-native.config.js +42 -0
- package/reanimated/package.json +6 -0
- package/src/TransitionProgressContext.tsx +12 -0
- package/src/fabric/FullWindowOverlayNativeComponent.ts +7 -0
- package/src/fabric/ScreenContainerNativeComponent.ts +28 -0
- package/src/fabric/ScreenNativeComponent.ts +158 -0
- package/src/fabric/ScreenNavigationContainerNativeComponent.ts +10 -0
- package/src/fabric/ScreenStackHeaderConfigNativeComponent.ts +61 -0
- package/src/fabric/ScreenStackHeaderSubviewNativeComponent.ts +22 -0
- package/src/fabric/ScreenStackNativeComponent.ts +33 -0
- package/src/fabric/SearchBarNativeComponent.ts +79 -0
- package/src/index.native.tsx +599 -0
- package/src/index.tsx +119 -0
- package/src/native-stack/index.tsx +27 -0
- package/src/native-stack/navigators/createNativeStackNavigator.tsx +107 -0
- package/src/native-stack/types.tsx +486 -0
- package/src/native-stack/utils/AnimatedHeaderHeightContext.tsx +8 -0
- package/src/native-stack/utils/HeaderHeightContext.tsx +5 -0
- package/src/native-stack/utils/SafeAreaProviderCompat.tsx +78 -0
- package/src/native-stack/utils/getDefaultHeaderHeight.tsx +41 -0
- package/src/native-stack/utils/useAnimatedHeaderHeight.tsx +15 -0
- package/src/native-stack/utils/useBackPressSubscription.tsx +66 -0
- package/src/native-stack/utils/useHeaderHeight.tsx +15 -0
- package/src/native-stack/views/FontProcessor.tsx +14 -0
- package/src/native-stack/views/HeaderConfig.tsx +187 -0
- package/src/native-stack/views/NativeStackView.tsx +466 -0
- package/src/reanimated/ReanimatedHeaderHeightContext.tsx +7 -0
- package/src/reanimated/ReanimatedNativeStackScreen.tsx +130 -0
- package/src/reanimated/ReanimatedScreen.tsx +25 -0
- package/src/reanimated/ReanimatedScreenProvider.tsx +42 -0
- package/src/reanimated/ReanimatedTransitionProgressContext.tsx +13 -0
- package/src/reanimated/index.tsx +3 -0
- package/src/reanimated/useReanimatedHeaderHeight.tsx +14 -0
- package/src/reanimated/useReanimatedTransitionProgress.tsx +14 -0
- package/src/types.tsx +699 -0
- package/src/useTransitionProgress.tsx +15 -0
- package/src/utils.ts +18 -0
- package/windows/README.md +25 -0
- package/windows/RNScreens/PropertySheet.props +16 -0
- package/windows/RNScreens/RNScreens.cpp +66 -0
- package/windows/RNScreens/RNScreens.def +3 -0
- package/windows/RNScreens/RNScreens.h +41 -0
- package/windows/RNScreens/RNScreens.idl +8 -0
- package/windows/RNScreens/RNScreens.vcxproj +187 -0
- package/windows/RNScreens/RNScreens.vcxproj.filters +52 -0
- package/windows/RNScreens/ReactPackageProvider.cpp +30 -0
- package/windows/RNScreens/ReactPackageProvider.h +17 -0
- package/windows/RNScreens/ReactPackageProvider.idl +9 -0
- package/windows/RNScreens/Screen.cpp +122 -0
- package/windows/RNScreens/Screen.h +64 -0
- package/windows/RNScreens/ScreenContainer.cpp +49 -0
- package/windows/RNScreens/ScreenContainer.h +23 -0
- package/windows/RNScreens/ScreenContainerViewManager.cpp +133 -0
- package/windows/RNScreens/ScreenContainerViewManager.h +78 -0
- package/windows/RNScreens/ScreenStack.cpp +65 -0
- package/windows/RNScreens/ScreenStack.h +23 -0
- package/windows/RNScreens/ScreenStackHeaderConfig.cpp +19 -0
- package/windows/RNScreens/ScreenStackHeaderConfig.h +14 -0
- package/windows/RNScreens/ScreenStackHeaderConfigViewManager.cpp +89 -0
- package/windows/RNScreens/ScreenStackHeaderConfigViewManager.h +62 -0
- package/windows/RNScreens/ScreenStackViewManager.cpp +132 -0
- package/windows/RNScreens/ScreenStackViewManager.h +78 -0
- package/windows/RNScreens/ScreenViewManager.cpp +154 -0
- package/windows/RNScreens/ScreenViewManager.h +78 -0
- package/windows/RNScreens/packages.config +4 -0
- package/windows/RNScreens/pch.cpp +1 -0
- package/windows/RNScreens/pch.h +9 -0
- package/windows/RNScreens62.sln +254 -0
- package/windows/RNScreens63.sln +225 -0
- package/windows/RNScreens65.sln +144 -0
|
@@ -0,0 +1,355 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
/*
|
|
3
|
+
* Portions of this file are copyright (c) 2023 Amazon.com, Inc. or its affiliates. All rights reserved.
|
|
4
|
+
*
|
|
5
|
+
* PORTIONS OF THIS FILE ARE AMAZON PROPRIETARY/CONFIDENTIAL. USE IS SUBJECT TO LICENSE TERMS.
|
|
6
|
+
*
|
|
7
|
+
* Amazon modifications are indicated by [amznmod_* comments].
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
/*
|
|
11
|
+
* Changelog:
|
|
12
|
+
* Set up react-native-screens package to build for Kepler
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
import * as React from 'react';
|
|
16
|
+
import { Animated, Platform, StyleSheet, View } from 'react-native';
|
|
17
|
+
// @ts-ignore Getting private component
|
|
18
|
+
// eslint-disable-next-line import/no-named-as-default, import/default, import/no-named-as-default-member, import/namespace
|
|
19
|
+
import AppContainer from 'react-native/Libraries/ReactNative/AppContainer';
|
|
20
|
+
import warnOnce from 'warn-once';
|
|
21
|
+
import { ScreenStack, ScreenContext } from '@amazon-devices/react-native-screens';
|
|
22
|
+
import { StackActions, useTheme
|
|
23
|
+
|
|
24
|
+
// amznmod_react - change imports to kepler packages
|
|
25
|
+
} from '@amazon-devices/react-navigation__native';
|
|
26
|
+
import { useSafeAreaFrame, useSafeAreaInsets
|
|
27
|
+
// amznmod_react - change imports to kepler packages
|
|
28
|
+
} from '@amazon-devices/react-native-safe-area-context';
|
|
29
|
+
import HeaderConfig from './HeaderConfig';
|
|
30
|
+
import SafeAreaProviderCompat from '../utils/SafeAreaProviderCompat';
|
|
31
|
+
import getDefaultHeaderHeight from '../utils/getDefaultHeaderHeight';
|
|
32
|
+
import HeaderHeightContext from '../utils/HeaderHeightContext';
|
|
33
|
+
import AnimatedHeaderHeightContext from '../utils/AnimatedHeaderHeightContext';
|
|
34
|
+
const isAndroid = Platform.OS === 'android';
|
|
35
|
+
let Container = View;
|
|
36
|
+
if (__DEV__) {
|
|
37
|
+
const DebugContainer = props => {
|
|
38
|
+
const {
|
|
39
|
+
stackPresentation,
|
|
40
|
+
...rest
|
|
41
|
+
} = props;
|
|
42
|
+
if (Platform.OS === 'ios' && stackPresentation !== 'push') {
|
|
43
|
+
return /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(View, rest));
|
|
44
|
+
}
|
|
45
|
+
return /*#__PURE__*/React.createElement(View, rest);
|
|
46
|
+
};
|
|
47
|
+
// @ts-ignore Wrong props
|
|
48
|
+
Container = DebugContainer;
|
|
49
|
+
}
|
|
50
|
+
const MaybeNestedStack = ({
|
|
51
|
+
options,
|
|
52
|
+
route,
|
|
53
|
+
stackPresentation,
|
|
54
|
+
children
|
|
55
|
+
}) => {
|
|
56
|
+
var _options$statusBarTra, _options$headerLargeT;
|
|
57
|
+
const {
|
|
58
|
+
colors
|
|
59
|
+
} = useTheme();
|
|
60
|
+
const {
|
|
61
|
+
headerShown = true,
|
|
62
|
+
contentStyle
|
|
63
|
+
} = options;
|
|
64
|
+
const Screen = React.useContext(ScreenContext);
|
|
65
|
+
const isHeaderInModal = isAndroid ? false : stackPresentation !== 'push' && headerShown === true;
|
|
66
|
+
const headerShownPreviousRef = React.useRef(headerShown);
|
|
67
|
+
React.useEffect(() => {
|
|
68
|
+
warnOnce(!isAndroid && stackPresentation !== 'push' && headerShownPreviousRef.current !== headerShown, `Dynamically changing 'headerShown' in modals will result in remounting the screen and losing all local state. See options for the screen '${route.name}'.`);
|
|
69
|
+
headerShownPreviousRef.current = headerShown;
|
|
70
|
+
}, [headerShown, stackPresentation, route.name]);
|
|
71
|
+
const content = /*#__PURE__*/React.createElement(Container, {
|
|
72
|
+
style: [styles.container, stackPresentation !== 'transparentModal' && stackPresentation !== 'containedTransparentModal' && {
|
|
73
|
+
backgroundColor: colors.background
|
|
74
|
+
}, contentStyle]
|
|
75
|
+
// @ts-ignore Wrong props passed to View
|
|
76
|
+
,
|
|
77
|
+
stackPresentation: stackPresentation
|
|
78
|
+
// This view must *not* be flattened.
|
|
79
|
+
// See https://github.com/software-mansion/react-native-screens/pull/1825
|
|
80
|
+
// for detailed explanation.
|
|
81
|
+
,
|
|
82
|
+
collapsable: false
|
|
83
|
+
}, children);
|
|
84
|
+
const dimensions = useSafeAreaFrame();
|
|
85
|
+
const topInset = useSafeAreaInsets().top;
|
|
86
|
+
const isStatusBarTranslucent = (_options$statusBarTra = options.statusBarTranslucent) !== null && _options$statusBarTra !== void 0 ? _options$statusBarTra : false;
|
|
87
|
+
const statusBarHeight = getStatusBarHeight(topInset, dimensions, isStatusBarTranslucent);
|
|
88
|
+
const isLargeHeader = (_options$headerLargeT = options.headerLargeTitle) !== null && _options$headerLargeT !== void 0 ? _options$headerLargeT : false;
|
|
89
|
+
const headerHeight = getDefaultHeaderHeight(dimensions, statusBarHeight, stackPresentation, isLargeHeader);
|
|
90
|
+
if (isHeaderInModal) {
|
|
91
|
+
return /*#__PURE__*/React.createElement(ScreenStack, {
|
|
92
|
+
style: styles.container
|
|
93
|
+
}, /*#__PURE__*/React.createElement(Screen, {
|
|
94
|
+
enabled: true,
|
|
95
|
+
isNativeStack: true,
|
|
96
|
+
style: StyleSheet.absoluteFill
|
|
97
|
+
}, /*#__PURE__*/React.createElement(HeaderHeightContext.Provider, {
|
|
98
|
+
value: headerHeight
|
|
99
|
+
}, /*#__PURE__*/React.createElement(HeaderConfig, _extends({}, options, {
|
|
100
|
+
route: route
|
|
101
|
+
})), content)));
|
|
102
|
+
}
|
|
103
|
+
return content;
|
|
104
|
+
};
|
|
105
|
+
const RouteView = ({
|
|
106
|
+
descriptors,
|
|
107
|
+
route,
|
|
108
|
+
index,
|
|
109
|
+
navigation,
|
|
110
|
+
stateKey
|
|
111
|
+
}) => {
|
|
112
|
+
var _options$statusBarTra2, _options$headerLargeT2;
|
|
113
|
+
const {
|
|
114
|
+
options,
|
|
115
|
+
render: renderScene
|
|
116
|
+
} = descriptors[route.key];
|
|
117
|
+
const {
|
|
118
|
+
gestureEnabled,
|
|
119
|
+
headerShown,
|
|
120
|
+
hideKeyboardOnSwipe,
|
|
121
|
+
homeIndicatorHidden,
|
|
122
|
+
sheetAllowedDetents = 'large',
|
|
123
|
+
sheetLargestUndimmedDetent = 'all',
|
|
124
|
+
sheetGrabberVisible = false,
|
|
125
|
+
sheetCornerRadius = -1.0,
|
|
126
|
+
sheetExpandsWhenScrolledToEdge = true,
|
|
127
|
+
nativeBackButtonDismissalEnabled = false,
|
|
128
|
+
navigationBarColor,
|
|
129
|
+
navigationBarHidden,
|
|
130
|
+
replaceAnimation = 'pop',
|
|
131
|
+
screenOrientation,
|
|
132
|
+
statusBarAnimation,
|
|
133
|
+
statusBarColor,
|
|
134
|
+
statusBarHidden,
|
|
135
|
+
statusBarStyle,
|
|
136
|
+
statusBarTranslucent,
|
|
137
|
+
swipeDirection = 'horizontal',
|
|
138
|
+
transitionDuration,
|
|
139
|
+
freezeOnBlur
|
|
140
|
+
} = options;
|
|
141
|
+
let {
|
|
142
|
+
customAnimationOnSwipe,
|
|
143
|
+
fullScreenSwipeEnabled,
|
|
144
|
+
gestureResponseDistance,
|
|
145
|
+
stackAnimation,
|
|
146
|
+
stackPresentation = 'push'
|
|
147
|
+
} = options;
|
|
148
|
+
if (swipeDirection === 'vertical') {
|
|
149
|
+
// for `vertical` direction to work, we need to set `fullScreenSwipeEnabled` to `true`
|
|
150
|
+
// so the screen can be dismissed from any point on screen.
|
|
151
|
+
// `customAnimationOnSwipe` needs to be set to `true` so the `stackAnimation` set by user can be used,
|
|
152
|
+
// otherwise `simple_push` will be used.
|
|
153
|
+
// Also, the default animation for this direction seems to be `slide_from_bottom`.
|
|
154
|
+
if (fullScreenSwipeEnabled === undefined) {
|
|
155
|
+
fullScreenSwipeEnabled = true;
|
|
156
|
+
}
|
|
157
|
+
if (customAnimationOnSwipe === undefined) {
|
|
158
|
+
customAnimationOnSwipe = true;
|
|
159
|
+
}
|
|
160
|
+
if (stackAnimation === undefined) {
|
|
161
|
+
stackAnimation = 'slide_from_bottom';
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
if (index === 0) {
|
|
165
|
+
// first screen should always be treated as `push`, it resolves problems with no header animation
|
|
166
|
+
// for navigator with first screen as `modal` and the next as `push`
|
|
167
|
+
stackPresentation = 'push';
|
|
168
|
+
}
|
|
169
|
+
const dimensions = useSafeAreaFrame();
|
|
170
|
+
const topInset = useSafeAreaInsets().top;
|
|
171
|
+
const isStatusBarTranslucent = (_options$statusBarTra2 = options.statusBarTranslucent) !== null && _options$statusBarTra2 !== void 0 ? _options$statusBarTra2 : false;
|
|
172
|
+
const statusBarHeight = getStatusBarHeight(topInset, dimensions, isStatusBarTranslucent);
|
|
173
|
+
const isLargeHeader = (_options$headerLargeT2 = options.headerLargeTitle) !== null && _options$headerLargeT2 !== void 0 ? _options$headerLargeT2 : false;
|
|
174
|
+
const defaultHeaderHeight = getDefaultHeaderHeight(dimensions, statusBarHeight, stackPresentation, isLargeHeader);
|
|
175
|
+
const parentHeaderHeight = React.useContext(HeaderHeightContext);
|
|
176
|
+
const isHeaderInPush = isAndroid ? headerShown : stackPresentation === 'push' && headerShown !== false;
|
|
177
|
+
const staticHeaderHeight = isHeaderInPush !== false ? defaultHeaderHeight : parentHeaderHeight !== null && parentHeaderHeight !== void 0 ? parentHeaderHeight : 0;
|
|
178
|
+
|
|
179
|
+
// We need to ensure the first retrieved header height will be cached and set in animatedHeaderHeight.
|
|
180
|
+
// We're caching the header height here, as on iOS native side events are not always coming to the JS on first notify.
|
|
181
|
+
// TODO: Check why first event is not being received once it is cached on the native side.
|
|
182
|
+
const cachedAnimatedHeaderHeight = React.useRef(statusBarHeight);
|
|
183
|
+
const animatedHeaderHeight = React.useRef(
|
|
184
|
+
// amznmod_react - change imports to kepler packages
|
|
185
|
+
// @ts-ignore
|
|
186
|
+
new Animated.Value(staticHeaderHeight, {
|
|
187
|
+
useNativeDriver: true
|
|
188
|
+
})).current;
|
|
189
|
+
const Screen = React.useContext(ScreenContext);
|
|
190
|
+
const {
|
|
191
|
+
dark
|
|
192
|
+
} = useTheme();
|
|
193
|
+
return /*#__PURE__*/React.createElement(Screen, {
|
|
194
|
+
key: route.key,
|
|
195
|
+
enabled: true,
|
|
196
|
+
isNativeStack: true,
|
|
197
|
+
style: StyleSheet.absoluteFill,
|
|
198
|
+
sheetAllowedDetents: sheetAllowedDetents,
|
|
199
|
+
sheetLargestUndimmedDetent: sheetLargestUndimmedDetent,
|
|
200
|
+
sheetGrabberVisible: sheetGrabberVisible,
|
|
201
|
+
sheetCornerRadius: sheetCornerRadius,
|
|
202
|
+
sheetExpandsWhenScrolledToEdge: sheetExpandsWhenScrolledToEdge,
|
|
203
|
+
customAnimationOnSwipe: customAnimationOnSwipe,
|
|
204
|
+
freezeOnBlur: freezeOnBlur,
|
|
205
|
+
fullScreenSwipeEnabled: fullScreenSwipeEnabled,
|
|
206
|
+
hideKeyboardOnSwipe: hideKeyboardOnSwipe,
|
|
207
|
+
homeIndicatorHidden: homeIndicatorHidden,
|
|
208
|
+
gestureEnabled: isAndroid ? false : gestureEnabled,
|
|
209
|
+
gestureResponseDistance: gestureResponseDistance,
|
|
210
|
+
nativeBackButtonDismissalEnabled: nativeBackButtonDismissalEnabled,
|
|
211
|
+
navigationBarColor: navigationBarColor,
|
|
212
|
+
navigationBarHidden: navigationBarHidden,
|
|
213
|
+
replaceAnimation: replaceAnimation,
|
|
214
|
+
screenOrientation: screenOrientation,
|
|
215
|
+
stackAnimation: stackAnimation,
|
|
216
|
+
stackPresentation: stackPresentation,
|
|
217
|
+
statusBarAnimation: statusBarAnimation,
|
|
218
|
+
statusBarColor: statusBarColor,
|
|
219
|
+
statusBarHidden: statusBarHidden,
|
|
220
|
+
statusBarStyle: statusBarStyle !== null && statusBarStyle !== void 0 ? statusBarStyle : dark ? 'light' : 'dark',
|
|
221
|
+
statusBarTranslucent: statusBarTranslucent,
|
|
222
|
+
swipeDirection: swipeDirection,
|
|
223
|
+
transitionDuration: transitionDuration,
|
|
224
|
+
onHeaderBackButtonClicked: () => {
|
|
225
|
+
navigation.dispatch({
|
|
226
|
+
...StackActions.pop(),
|
|
227
|
+
source: route.key,
|
|
228
|
+
target: stateKey
|
|
229
|
+
});
|
|
230
|
+
},
|
|
231
|
+
onWillAppear: () => {
|
|
232
|
+
navigation.emit({
|
|
233
|
+
type: 'transitionStart',
|
|
234
|
+
data: {
|
|
235
|
+
closing: false
|
|
236
|
+
},
|
|
237
|
+
target: route.key
|
|
238
|
+
});
|
|
239
|
+
},
|
|
240
|
+
onWillDisappear: () => {
|
|
241
|
+
navigation.emit({
|
|
242
|
+
type: 'transitionStart',
|
|
243
|
+
data: {
|
|
244
|
+
closing: true
|
|
245
|
+
},
|
|
246
|
+
target: route.key
|
|
247
|
+
});
|
|
248
|
+
},
|
|
249
|
+
onAppear: () => {
|
|
250
|
+
navigation.emit({
|
|
251
|
+
type: 'appear',
|
|
252
|
+
target: route.key
|
|
253
|
+
});
|
|
254
|
+
navigation.emit({
|
|
255
|
+
type: 'transitionEnd',
|
|
256
|
+
data: {
|
|
257
|
+
closing: false
|
|
258
|
+
},
|
|
259
|
+
target: route.key
|
|
260
|
+
});
|
|
261
|
+
},
|
|
262
|
+
onDisappear: () => {
|
|
263
|
+
navigation.emit({
|
|
264
|
+
type: 'transitionEnd',
|
|
265
|
+
data: {
|
|
266
|
+
closing: true
|
|
267
|
+
},
|
|
268
|
+
target: route.key
|
|
269
|
+
});
|
|
270
|
+
},
|
|
271
|
+
onHeaderHeightChange: e => {
|
|
272
|
+
const headerHeight = e.nativeEvent.headerHeight;
|
|
273
|
+
if (cachedAnimatedHeaderHeight.current !== headerHeight) {
|
|
274
|
+
// Currently, we're setting value by Animated#setValue, because we want to cache animated value.
|
|
275
|
+
// Also, in React Native 0.72 there was a bug on Fabric causing a large delay between the screen transition,
|
|
276
|
+
// which should not occur.
|
|
277
|
+
// TODO: Check if it's possible to replace animated#setValue to Animated#event.
|
|
278
|
+
animatedHeaderHeight.setValue(headerHeight);
|
|
279
|
+
cachedAnimatedHeaderHeight.current = headerHeight;
|
|
280
|
+
}
|
|
281
|
+
},
|
|
282
|
+
onDismissed: e => {
|
|
283
|
+
navigation.emit({
|
|
284
|
+
type: 'dismiss',
|
|
285
|
+
target: route.key
|
|
286
|
+
});
|
|
287
|
+
const dismissCount = e.nativeEvent.dismissCount > 0 ? e.nativeEvent.dismissCount : 1;
|
|
288
|
+
navigation.dispatch({
|
|
289
|
+
...StackActions.pop(dismissCount),
|
|
290
|
+
source: route.key,
|
|
291
|
+
target: stateKey
|
|
292
|
+
});
|
|
293
|
+
},
|
|
294
|
+
onGestureCancel: () => {
|
|
295
|
+
navigation.emit({
|
|
296
|
+
type: 'gestureCancel',
|
|
297
|
+
target: route.key
|
|
298
|
+
});
|
|
299
|
+
}
|
|
300
|
+
}, /*#__PURE__*/React.createElement(AnimatedHeaderHeightContext.Provider, {
|
|
301
|
+
value: animatedHeaderHeight
|
|
302
|
+
}, /*#__PURE__*/React.createElement(HeaderHeightContext.Provider, {
|
|
303
|
+
value: staticHeaderHeight
|
|
304
|
+
}, /*#__PURE__*/React.createElement(MaybeNestedStack, {
|
|
305
|
+
options: options,
|
|
306
|
+
route: route,
|
|
307
|
+
stackPresentation: stackPresentation
|
|
308
|
+
}, renderScene()), /*#__PURE__*/React.createElement(HeaderConfig, _extends({}, options, {
|
|
309
|
+
route: route,
|
|
310
|
+
headerShown: isHeaderInPush
|
|
311
|
+
})))));
|
|
312
|
+
};
|
|
313
|
+
function NativeStackViewInner({
|
|
314
|
+
state,
|
|
315
|
+
navigation,
|
|
316
|
+
descriptors
|
|
317
|
+
}) {
|
|
318
|
+
const {
|
|
319
|
+
key,
|
|
320
|
+
routes
|
|
321
|
+
} = state;
|
|
322
|
+
return /*#__PURE__*/React.createElement(ScreenStack, {
|
|
323
|
+
style: styles.container
|
|
324
|
+
}, routes.map((route, index) => /*#__PURE__*/React.createElement(RouteView, {
|
|
325
|
+
key: route.key,
|
|
326
|
+
descriptors: descriptors,
|
|
327
|
+
route: route,
|
|
328
|
+
index: index,
|
|
329
|
+
navigation: navigation,
|
|
330
|
+
stateKey: key
|
|
331
|
+
})));
|
|
332
|
+
}
|
|
333
|
+
export default function NativeStackView(props) {
|
|
334
|
+
return /*#__PURE__*/React.createElement(SafeAreaProviderCompat, null, /*#__PURE__*/React.createElement(NativeStackViewInner, props));
|
|
335
|
+
}
|
|
336
|
+
function getStatusBarHeight(topInset, dimensions, isStatusBarTranslucent) {
|
|
337
|
+
if (Platform.OS === 'ios') {
|
|
338
|
+
// It looks like some iOS devices don't have strictly set status bar height to 44.
|
|
339
|
+
// Thus, if the top inset is higher than 50, then the device should have a dynamic island.
|
|
340
|
+
// On models with Dynamic Island the status bar height is smaller than the safe area top inset by 5 pixels.
|
|
341
|
+
// See https://developer.apple.com/forums/thread/662466 for more details about status bar height.
|
|
342
|
+
const hasDynamicIsland = topInset > 50;
|
|
343
|
+
return hasDynamicIsland ? topInset - 5 : topInset;
|
|
344
|
+
} else if (Platform.OS === 'android') {
|
|
345
|
+
// On Android we should also rely on frame's y-axis position, as topInset is 0 on visible status bar.
|
|
346
|
+
return isStatusBarTranslucent ? topInset : dimensions.y;
|
|
347
|
+
}
|
|
348
|
+
return topInset;
|
|
349
|
+
}
|
|
350
|
+
const styles = StyleSheet.create({
|
|
351
|
+
container: {
|
|
352
|
+
flex: 1
|
|
353
|
+
}
|
|
354
|
+
});
|
|
355
|
+
//# sourceMappingURL=NativeStackView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Animated","Platform","StyleSheet","View","AppContainer","warnOnce","ScreenStack","ScreenContext","StackActions","useTheme","useSafeAreaFrame","useSafeAreaInsets","HeaderConfig","SafeAreaProviderCompat","getDefaultHeaderHeight","HeaderHeightContext","AnimatedHeaderHeightContext","isAndroid","OS","Container","__DEV__","DebugContainer","props","stackPresentation","rest","createElement","MaybeNestedStack","options","route","children","_options$statusBarTra","_options$headerLargeT","colors","headerShown","contentStyle","Screen","useContext","isHeaderInModal","headerShownPreviousRef","useRef","useEffect","current","name","content","style","styles","container","backgroundColor","background","collapsable","dimensions","topInset","top","isStatusBarTranslucent","statusBarTranslucent","statusBarHeight","getStatusBarHeight","isLargeHeader","headerLargeTitle","headerHeight","enabled","isNativeStack","absoluteFill","Provider","value","_extends","RouteView","descriptors","index","navigation","stateKey","_options$statusBarTra2","_options$headerLargeT2","render","renderScene","key","gestureEnabled","hideKeyboardOnSwipe","homeIndicatorHidden","sheetAllowedDetents","sheetLargestUndimmedDetent","sheetGrabberVisible","sheetCornerRadius","sheetExpandsWhenScrolledToEdge","nativeBackButtonDismissalEnabled","navigationBarColor","navigationBarHidden","replaceAnimation","screenOrientation","statusBarAnimation","statusBarColor","statusBarHidden","statusBarStyle","swipeDirection","transitionDuration","freezeOnBlur","customAnimationOnSwipe","fullScreenSwipeEnabled","gestureResponseDistance","stackAnimation","undefined","defaultHeaderHeight","parentHeaderHeight","isHeaderInPush","staticHeaderHeight","cachedAnimatedHeaderHeight","animatedHeaderHeight","Value","useNativeDriver","dark","onHeaderBackButtonClicked","dispatch","pop","source","target","onWillAppear","emit","type","data","closing","onWillDisappear","onAppear","onDisappear","onHeaderHeightChange","e","nativeEvent","setValue","onDismissed","dismissCount","onGestureCancel","NativeStackViewInner","state","routes","map","NativeStackView","hasDynamicIsland","y","create","flex"],"sources":["NativeStackView.tsx"],"sourcesContent":["/*\n * Portions of this file are copyright (c) 2023 Amazon.com, Inc. or its affiliates. All rights reserved.\n *\n * PORTIONS OF THIS FILE ARE AMAZON PROPRIETARY/CONFIDENTIAL. USE IS SUBJECT TO LICENSE TERMS.\n *\n * Amazon modifications are indicated by [amznmod_* comments].\n */\n\n/*\n * Changelog:\n * Set up react-native-screens package to build for Kepler\n */\n\nimport * as React from 'react';\nimport { Animated, Platform, StyleSheet, View, ViewProps } from 'react-native';\n// @ts-ignore Getting private component\n// eslint-disable-next-line import/no-named-as-default, import/default, import/no-named-as-default-member, import/namespace\nimport AppContainer from 'react-native/Libraries/ReactNative/AppContainer';\nimport warnOnce from 'warn-once';\nimport {\n ScreenStack,\n StackPresentationTypes,\n ScreenContext,\n} from '@amazon-devices/react-native-screens';\nimport {\n ParamListBase,\n StackActions,\n StackNavigationState,\n useTheme,\n Route,\n NavigationState,\n PartialState,\n// amznmod_react - change imports to kepler packages\n} from '@amazon-devices/react-navigation__native';\nimport {\n Rect,\n useSafeAreaFrame,\n useSafeAreaInsets,\n// amznmod_react - change imports to kepler packages\n} from '@amazon-devices/react-native-safe-area-context';\nimport {\n NativeStackDescriptorMap,\n NativeStackNavigationHelpers,\n NativeStackNavigationOptions,\n} from '../types';\nimport HeaderConfig from './HeaderConfig';\nimport SafeAreaProviderCompat from '../utils/SafeAreaProviderCompat';\nimport getDefaultHeaderHeight from '../utils/getDefaultHeaderHeight';\nimport HeaderHeightContext from '../utils/HeaderHeightContext';\nimport AnimatedHeaderHeightContext from '../utils/AnimatedHeaderHeightContext';\n\nconst isAndroid = Platform.OS === 'android';\n\nlet Container = View;\n\nif (__DEV__) {\n const DebugContainer = (\n props: ViewProps & { stackPresentation: StackPresentationTypes }\n ) => {\n const { stackPresentation, ...rest } = props;\n if (Platform.OS === 'ios' && stackPresentation !== 'push') {\n return (\n <AppContainer>\n <View {...rest} />\n </AppContainer>\n );\n }\n return <View {...rest} />;\n };\n // @ts-ignore Wrong props\n Container = DebugContainer;\n}\n\nconst MaybeNestedStack = ({\n options,\n route,\n stackPresentation,\n children,\n}: {\n options: NativeStackNavigationOptions;\n route: Route<string>;\n stackPresentation: StackPresentationTypes;\n children: React.ReactNode;\n}) => {\n const { colors } = useTheme();\n const { headerShown = true, contentStyle } = options;\n\n const Screen = React.useContext(ScreenContext);\n\n const isHeaderInModal = isAndroid\n ? false\n : stackPresentation !== 'push' && headerShown === true;\n\n const headerShownPreviousRef = React.useRef(headerShown);\n\n React.useEffect(() => {\n warnOnce(\n !isAndroid &&\n stackPresentation !== 'push' &&\n headerShownPreviousRef.current !== headerShown,\n `Dynamically changing 'headerShown' in modals will result in remounting the screen and losing all local state. See options for the screen '${route.name}'.`\n );\n\n headerShownPreviousRef.current = headerShown;\n }, [headerShown, stackPresentation, route.name]);\n\n const content = (\n <Container\n style={[\n styles.container,\n stackPresentation !== 'transparentModal' &&\n stackPresentation !== 'containedTransparentModal' && {\n backgroundColor: colors.background,\n },\n contentStyle,\n ]}\n // @ts-ignore Wrong props passed to View\n stackPresentation={stackPresentation}\n // This view must *not* be flattened.\n // See https://github.com/software-mansion/react-native-screens/pull/1825\n // for detailed explanation.\n collapsable={false}>\n {children}\n </Container>\n );\n\n const dimensions = useSafeAreaFrame();\n const topInset = useSafeAreaInsets().top;\n const isStatusBarTranslucent = options.statusBarTranslucent ?? false;\n const statusBarHeight = getStatusBarHeight(\n topInset,\n dimensions,\n isStatusBarTranslucent\n );\n\n const isLargeHeader = options.headerLargeTitle ?? false;\n\n const headerHeight = getDefaultHeaderHeight(\n dimensions,\n statusBarHeight,\n stackPresentation,\n isLargeHeader\n );\n\n if (isHeaderInModal) {\n return (\n <ScreenStack style={styles.container}>\n <Screen enabled isNativeStack style={StyleSheet.absoluteFill}>\n <HeaderHeightContext.Provider value={headerHeight}>\n <HeaderConfig {...options} route={route} />\n {content}\n </HeaderHeightContext.Provider>\n </Screen>\n </ScreenStack>\n );\n }\n return content;\n};\n\ntype NavigationRoute<\n ParamList extends ParamListBase,\n RouteName extends keyof ParamList\n> = Route<Extract<RouteName, string>, ParamList[RouteName]> & {\n state?: NavigationState | PartialState<NavigationState>;\n};\n\nconst RouteView = ({\n descriptors,\n route,\n index,\n navigation,\n stateKey,\n}: {\n descriptors: NativeStackDescriptorMap;\n route: NavigationRoute<ParamListBase, string>;\n index: number;\n navigation: NativeStackNavigationHelpers;\n stateKey: string;\n}) => {\n const { options, render: renderScene } = descriptors[route.key];\n const {\n gestureEnabled,\n headerShown,\n hideKeyboardOnSwipe,\n homeIndicatorHidden,\n sheetAllowedDetents = 'large',\n sheetLargestUndimmedDetent = 'all',\n sheetGrabberVisible = false,\n sheetCornerRadius = -1.0,\n sheetExpandsWhenScrolledToEdge = true,\n nativeBackButtonDismissalEnabled = false,\n navigationBarColor,\n navigationBarHidden,\n replaceAnimation = 'pop',\n screenOrientation,\n statusBarAnimation,\n statusBarColor,\n statusBarHidden,\n statusBarStyle,\n statusBarTranslucent,\n swipeDirection = 'horizontal',\n transitionDuration,\n freezeOnBlur,\n } = options;\n\n let {\n customAnimationOnSwipe,\n fullScreenSwipeEnabled,\n gestureResponseDistance,\n stackAnimation,\n stackPresentation = 'push',\n } = options;\n\n if (swipeDirection === 'vertical') {\n // for `vertical` direction to work, we need to set `fullScreenSwipeEnabled` to `true`\n // so the screen can be dismissed from any point on screen.\n // `customAnimationOnSwipe` needs to be set to `true` so the `stackAnimation` set by user can be used,\n // otherwise `simple_push` will be used.\n // Also, the default animation for this direction seems to be `slide_from_bottom`.\n if (fullScreenSwipeEnabled === undefined) {\n fullScreenSwipeEnabled = true;\n }\n if (customAnimationOnSwipe === undefined) {\n customAnimationOnSwipe = true;\n }\n if (stackAnimation === undefined) {\n stackAnimation = 'slide_from_bottom';\n }\n }\n\n if (index === 0) {\n // first screen should always be treated as `push`, it resolves problems with no header animation\n // for navigator with first screen as `modal` and the next as `push`\n stackPresentation = 'push';\n }\n\n const dimensions = useSafeAreaFrame();\n const topInset = useSafeAreaInsets().top;\n const isStatusBarTranslucent = options.statusBarTranslucent ?? false;\n const statusBarHeight = getStatusBarHeight(\n topInset,\n dimensions,\n isStatusBarTranslucent\n );\n\n const isLargeHeader = options.headerLargeTitle ?? false;\n\n const defaultHeaderHeight = getDefaultHeaderHeight(\n dimensions,\n statusBarHeight,\n stackPresentation,\n isLargeHeader\n );\n\n const parentHeaderHeight = React.useContext(HeaderHeightContext);\n const isHeaderInPush = isAndroid\n ? headerShown\n : stackPresentation === 'push' && headerShown !== false;\n\n const staticHeaderHeight =\n isHeaderInPush !== false ? defaultHeaderHeight : parentHeaderHeight ?? 0;\n\n // We need to ensure the first retrieved header height will be cached and set in animatedHeaderHeight.\n // We're caching the header height here, as on iOS native side events are not always coming to the JS on first notify.\n // TODO: Check why first event is not being received once it is cached on the native side.\n const cachedAnimatedHeaderHeight = React.useRef(statusBarHeight);\n const animatedHeaderHeight = React.useRef(\n // amznmod_react - change imports to kepler packages\n // @ts-ignore\n new Animated.Value(staticHeaderHeight, {\n useNativeDriver: true,\n })\n ).current;\n\n const Screen = React.useContext(ScreenContext);\n\n const { dark } = useTheme();\n\n return (\n <Screen\n key={route.key}\n enabled\n isNativeStack\n style={StyleSheet.absoluteFill}\n sheetAllowedDetents={sheetAllowedDetents}\n sheetLargestUndimmedDetent={sheetLargestUndimmedDetent}\n sheetGrabberVisible={sheetGrabberVisible}\n sheetCornerRadius={sheetCornerRadius}\n sheetExpandsWhenScrolledToEdge={sheetExpandsWhenScrolledToEdge}\n customAnimationOnSwipe={customAnimationOnSwipe}\n freezeOnBlur={freezeOnBlur}\n fullScreenSwipeEnabled={fullScreenSwipeEnabled}\n hideKeyboardOnSwipe={hideKeyboardOnSwipe}\n homeIndicatorHidden={homeIndicatorHidden}\n gestureEnabled={isAndroid ? false : gestureEnabled}\n gestureResponseDistance={gestureResponseDistance}\n nativeBackButtonDismissalEnabled={nativeBackButtonDismissalEnabled}\n navigationBarColor={navigationBarColor}\n navigationBarHidden={navigationBarHidden}\n replaceAnimation={replaceAnimation}\n screenOrientation={screenOrientation}\n stackAnimation={stackAnimation}\n stackPresentation={stackPresentation}\n statusBarAnimation={statusBarAnimation}\n statusBarColor={statusBarColor}\n statusBarHidden={statusBarHidden}\n statusBarStyle={statusBarStyle ?? (dark ? 'light' : 'dark')}\n statusBarTranslucent={statusBarTranslucent}\n swipeDirection={swipeDirection}\n transitionDuration={transitionDuration}\n onHeaderBackButtonClicked={() => {\n navigation.dispatch({\n ...StackActions.pop(),\n source: route.key,\n target: stateKey,\n });\n }}\n onWillAppear={() => {\n navigation.emit({\n type: 'transitionStart',\n data: { closing: false },\n target: route.key,\n });\n }}\n onWillDisappear={() => {\n navigation.emit({\n type: 'transitionStart',\n data: { closing: true },\n target: route.key,\n });\n }}\n onAppear={() => {\n navigation.emit({\n type: 'appear',\n target: route.key,\n });\n navigation.emit({\n type: 'transitionEnd',\n data: { closing: false },\n target: route.key,\n });\n }}\n onDisappear={() => {\n navigation.emit({\n type: 'transitionEnd',\n data: { closing: true },\n target: route.key,\n });\n }}\n onHeaderHeightChange={e => {\n const headerHeight = e.nativeEvent.headerHeight;\n\n if (cachedAnimatedHeaderHeight.current !== headerHeight) {\n // Currently, we're setting value by Animated#setValue, because we want to cache animated value.\n // Also, in React Native 0.72 there was a bug on Fabric causing a large delay between the screen transition,\n // which should not occur.\n // TODO: Check if it's possible to replace animated#setValue to Animated#event.\n animatedHeaderHeight.setValue(headerHeight);\n cachedAnimatedHeaderHeight.current = headerHeight;\n }\n }}\n onDismissed={e => {\n navigation.emit({\n type: 'dismiss',\n target: route.key,\n });\n\n const dismissCount =\n e.nativeEvent.dismissCount > 0 ? e.nativeEvent.dismissCount : 1;\n\n navigation.dispatch({\n ...StackActions.pop(dismissCount),\n source: route.key,\n target: stateKey,\n });\n }}\n onGestureCancel={() => {\n navigation.emit({\n type: 'gestureCancel',\n target: route.key,\n });\n }}>\n <AnimatedHeaderHeightContext.Provider value={animatedHeaderHeight}>\n <HeaderHeightContext.Provider value={staticHeaderHeight}>\n <MaybeNestedStack\n options={options}\n route={route}\n stackPresentation={stackPresentation}>\n {renderScene()}\n </MaybeNestedStack>\n {/* HeaderConfig must not be first child of a Screen.\n See https://github.com/software-mansion/react-native-screens/pull/1825\n for detailed explanation */}\n <HeaderConfig\n {...options}\n route={route}\n headerShown={isHeaderInPush}\n />\n </HeaderHeightContext.Provider>\n </AnimatedHeaderHeightContext.Provider>\n </Screen>\n );\n};\n\ntype Props = {\n state: StackNavigationState<ParamListBase>;\n navigation: NativeStackNavigationHelpers;\n descriptors: NativeStackDescriptorMap;\n};\n\nfunction NativeStackViewInner({\n state,\n navigation,\n descriptors,\n}: Props): JSX.Element {\n const { key, routes } = state;\n\n return (\n <ScreenStack style={styles.container}>\n {routes.map((route, index) => (\n <RouteView\n key={route.key}\n descriptors={descriptors}\n route={route}\n index={index}\n navigation={navigation}\n stateKey={key}\n />\n ))}\n </ScreenStack>\n );\n}\n\nexport default function NativeStackView(props: Props) {\n return (\n <SafeAreaProviderCompat>\n <NativeStackViewInner {...props} />\n </SafeAreaProviderCompat>\n );\n}\n\nfunction getStatusBarHeight(\n topInset: number,\n dimensions: Rect,\n isStatusBarTranslucent: boolean\n) {\n if (Platform.OS === 'ios') {\n // It looks like some iOS devices don't have strictly set status bar height to 44.\n // Thus, if the top inset is higher than 50, then the device should have a dynamic island.\n // On models with Dynamic Island the status bar height is smaller than the safe area top inset by 5 pixels.\n // See https://developer.apple.com/forums/thread/662466 for more details about status bar height.\n const hasDynamicIsland = topInset > 50;\n return hasDynamicIsland ? topInset - 5 : topInset;\n } else if (Platform.OS === 'android') {\n // On Android we should also rely on frame's y-axis position, as topInset is 0 on visible status bar.\n return isStatusBarTranslucent ? topInset : dimensions.y;\n }\n\n return topInset;\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n },\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","createContext","undefined"],"sources":["ReanimatedHeaderHeightContext.tsx"],"sourcesContent":["import * as React from 'react';\n// @ts-ignore file to be used only if `react-native-reanimated` available in the project\nimport Animated from 'react-native-reanimated';\n\nexport default React.createContext<Animated.SharedValue<number> | undefined>(\n undefined\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B;;AAGA,4BAAeA,KAAK,CAACC,aAAa,CAChCC,SACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
var _global;
|
|
2
|
+
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); }
|
|
3
|
+
/*
|
|
4
|
+
* Portions of this file are copyright (c) 2023 Amazon.com, Inc. or its affiliates. All rights reserved.
|
|
5
|
+
*
|
|
6
|
+
* PORTIONS OF THIS FILE ARE AMAZON PROPRIETARY/CONFIDENTIAL. USE IS SUBJECT TO LICENSE TERMS.
|
|
7
|
+
*
|
|
8
|
+
* Amazon modifications are indicated by [amznmod_* comments].
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
/*
|
|
12
|
+
* Changelog:
|
|
13
|
+
* Set up react-native-screens package to build for Kepler
|
|
14
|
+
*/
|
|
15
|
+
|
|
16
|
+
import React from 'react';
|
|
17
|
+
import { Platform } from 'react-native';
|
|
18
|
+
import { InnerScreen } from '@amazon-devices/react-native-screens';
|
|
19
|
+
|
|
20
|
+
// @ts-ignore file to be used only if `react-native-reanimated` available in the project
|
|
21
|
+
import Animated, { useEvent, useSharedValue } from 'react-native-reanimated';
|
|
22
|
+
import ReanimatedTransitionProgressContext from './ReanimatedTransitionProgressContext';
|
|
23
|
+
import { useSafeAreaFrame, useSafeAreaInsets
|
|
24
|
+
// amznmod_react - change imports to kepler packages
|
|
25
|
+
} from '@amazon-devices/react-native-safe-area-context';
|
|
26
|
+
import getDefaultHeaderHeight from '../native-stack/utils/getDefaultHeaderHeight';
|
|
27
|
+
import ReanimatedHeaderHeightContext from './ReanimatedHeaderHeightContext';
|
|
28
|
+
const AnimatedScreen = Animated.createAnimatedComponent(InnerScreen);
|
|
29
|
+
|
|
30
|
+
// We use prop added to global by reanimated since it seems safer than the one from RN. See:
|
|
31
|
+
// https://github.com/software-mansion/react-native-reanimated/blob/3fe8b35b05e82b2f2aefda1fb97799cf81e4b7bb/src/reanimated2/UpdateProps.ts#L46
|
|
32
|
+
// @ts-expect-error nativeFabricUIManager is not yet included in the RN types
|
|
33
|
+
const ENABLE_FABRIC = !!((_global = global) !== null && _global !== void 0 && _global._IS_FABRIC);
|
|
34
|
+
const ReanimatedNativeStackScreen = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
35
|
+
const {
|
|
36
|
+
children,
|
|
37
|
+
...rest
|
|
38
|
+
} = props;
|
|
39
|
+
const {
|
|
40
|
+
stackPresentation = 'push'
|
|
41
|
+
} = rest;
|
|
42
|
+
const dimensions = useSafeAreaFrame();
|
|
43
|
+
const topInset = useSafeAreaInsets().top;
|
|
44
|
+
let statusBarHeight = topInset;
|
|
45
|
+
const hasDynamicIsland = Platform.OS === 'ios' && topInset === 59;
|
|
46
|
+
if (hasDynamicIsland) {
|
|
47
|
+
// On models with Dynamic Island the status bar height is smaller than the safe area top inset.
|
|
48
|
+
statusBarHeight = 54;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
// Default header height, normally used in `useHeaderHeight` hook.
|
|
52
|
+
// Here, it is used for returning a default value for shared value.
|
|
53
|
+
const defaultHeaderHeight = getDefaultHeaderHeight(dimensions, statusBarHeight, stackPresentation);
|
|
54
|
+
const cachedHeaderHeight = React.useRef(defaultHeaderHeight);
|
|
55
|
+
const headerHeight = useSharedValue(defaultHeaderHeight);
|
|
56
|
+
const progress = useSharedValue(0);
|
|
57
|
+
const closing = useSharedValue(0);
|
|
58
|
+
const goingForward = useSharedValue(0);
|
|
59
|
+
return /*#__PURE__*/React.createElement(AnimatedScreen
|
|
60
|
+
// @ts-ignore some problems with ref and onTransitionProgressReanimated being "fake" prop for parsing of `useEvent` return value
|
|
61
|
+
, _extends({
|
|
62
|
+
ref: ref,
|
|
63
|
+
onTransitionProgressReanimated: useEvent(event => {
|
|
64
|
+
'worklet';
|
|
65
|
+
|
|
66
|
+
progress.value = event.progress;
|
|
67
|
+
closing.value = event.closing;
|
|
68
|
+
goingForward.value = event.goingForward;
|
|
69
|
+
}, [
|
|
70
|
+
// This should not be necessary, but is not properly managed by `react-native-reanimated`
|
|
71
|
+
// @ts-ignore wrong type
|
|
72
|
+
Platform.OS === 'android' ? 'onTransitionProgress' :
|
|
73
|
+
// for some reason there is a difference in required event name between architectures
|
|
74
|
+
ENABLE_FABRIC ? 'onTransitionProgress' : 'topTransitionProgress']),
|
|
75
|
+
onHeaderHeightChangeReanimated: useEvent(event => {
|
|
76
|
+
'worklet';
|
|
77
|
+
|
|
78
|
+
if (event.headerHeight !== cachedHeaderHeight.current) {
|
|
79
|
+
headerHeight.value = event.headerHeight;
|
|
80
|
+
cachedHeaderHeight.current = event.headerHeight;
|
|
81
|
+
}
|
|
82
|
+
}, [
|
|
83
|
+
// @ts-ignore wrong type
|
|
84
|
+
Platform.OS === 'android' ? 'onHeaderHeightChange' : ENABLE_FABRIC ? 'onHeaderHeightChange' : 'topHeaderHeightChange'])
|
|
85
|
+
}, rest), /*#__PURE__*/React.createElement(ReanimatedHeaderHeightContext.Provider, {
|
|
86
|
+
value: headerHeight
|
|
87
|
+
}, /*#__PURE__*/React.createElement(ReanimatedTransitionProgressContext.Provider, {
|
|
88
|
+
value: {
|
|
89
|
+
progress,
|
|
90
|
+
closing,
|
|
91
|
+
goingForward
|
|
92
|
+
}
|
|
93
|
+
}, children)));
|
|
94
|
+
});
|
|
95
|
+
ReanimatedNativeStackScreen.displayName = 'ReanimatedNativeStackScreen';
|
|
96
|
+
export default ReanimatedNativeStackScreen;
|
|
97
|
+
//# sourceMappingURL=ReanimatedNativeStackScreen.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Platform","InnerScreen","Animated","useEvent","useSharedValue","ReanimatedTransitionProgressContext","useSafeAreaFrame","useSafeAreaInsets","getDefaultHeaderHeight","ReanimatedHeaderHeightContext","AnimatedScreen","createAnimatedComponent","ENABLE_FABRIC","_global","global","_IS_FABRIC","ReanimatedNativeStackScreen","forwardRef","props","ref","children","rest","stackPresentation","dimensions","topInset","top","statusBarHeight","hasDynamicIsland","OS","defaultHeaderHeight","cachedHeaderHeight","useRef","headerHeight","progress","closing","goingForward","createElement","_extends","onTransitionProgressReanimated","event","value","onHeaderHeightChangeReanimated","current","Provider","displayName"],"sources":["ReanimatedNativeStackScreen.tsx"],"sourcesContent":["/*\n * Portions of this file are copyright (c) 2023 Amazon.com, Inc. or its affiliates. All rights reserved.\n *\n * PORTIONS OF THIS FILE ARE AMAZON PROPRIETARY/CONFIDENTIAL. USE IS SUBJECT TO LICENSE TERMS.\n *\n * Amazon modifications are indicated by [amznmod_* comments].\n */\n\n/*\n * Changelog:\n * Set up react-native-screens package to build for Kepler\n */\n\nimport React from 'react';\nimport { Platform } from 'react-native';\nimport {\n HeaderHeightChangeEventType,\n InnerScreen,\n ScreenProps,\n TransitionProgressEventType,\n} from '@amazon-devices/react-native-screens';\n\n// @ts-ignore file to be used only if `react-native-reanimated` available in the project\nimport Animated, { useEvent, useSharedValue } from 'react-native-reanimated';\nimport ReanimatedTransitionProgressContext from './ReanimatedTransitionProgressContext';\nimport {\n useSafeAreaFrame,\n useSafeAreaInsets,\n// amznmod_react - change imports to kepler packages\n} from '@amazon-devices/react-native-safe-area-context';\nimport getDefaultHeaderHeight from '../native-stack/utils/getDefaultHeaderHeight';\nimport ReanimatedHeaderHeightContext from './ReanimatedHeaderHeightContext';\n\nconst AnimatedScreen = Animated.createAnimatedComponent(\n InnerScreen as unknown as React.ComponentClass\n);\n\n// We use prop added to global by reanimated since it seems safer than the one from RN. See:\n// https://github.com/software-mansion/react-native-reanimated/blob/3fe8b35b05e82b2f2aefda1fb97799cf81e4b7bb/src/reanimated2/UpdateProps.ts#L46\n// @ts-expect-error nativeFabricUIManager is not yet included in the RN types\nconst ENABLE_FABRIC = !!global?._IS_FABRIC;\n\nconst ReanimatedNativeStackScreen = React.forwardRef<\n typeof AnimatedScreen,\n ScreenProps\n>((props, ref) => {\n const { children, ...rest } = props;\n const { stackPresentation = 'push' } = rest;\n\n const dimensions = useSafeAreaFrame();\n const topInset = useSafeAreaInsets().top;\n let statusBarHeight = topInset;\n const hasDynamicIsland = Platform.OS === 'ios' && topInset === 59;\n if (hasDynamicIsland) {\n // On models with Dynamic Island the status bar height is smaller than the safe area top inset.\n statusBarHeight = 54;\n }\n\n // Default header height, normally used in `useHeaderHeight` hook.\n // Here, it is used for returning a default value for shared value.\n const defaultHeaderHeight = getDefaultHeaderHeight(\n dimensions,\n statusBarHeight,\n stackPresentation\n );\n\n const cachedHeaderHeight = React.useRef(defaultHeaderHeight);\n const headerHeight = useSharedValue(defaultHeaderHeight);\n\n const progress = useSharedValue(0);\n const closing = useSharedValue(0);\n const goingForward = useSharedValue(0);\n\n return (\n <AnimatedScreen\n // @ts-ignore some problems with ref and onTransitionProgressReanimated being \"fake\" prop for parsing of `useEvent` return value\n ref={ref}\n onTransitionProgressReanimated={useEvent(\n (event: TransitionProgressEventType) => {\n 'worklet';\n progress.value = event.progress;\n closing.value = event.closing;\n goingForward.value = event.goingForward;\n },\n [\n // This should not be necessary, but is not properly managed by `react-native-reanimated`\n // @ts-ignore wrong type\n Platform.OS === 'android'\n ? 'onTransitionProgress'\n : // for some reason there is a difference in required event name between architectures\n ENABLE_FABRIC\n ? 'onTransitionProgress'\n : 'topTransitionProgress',\n ]\n )}\n onHeaderHeightChangeReanimated={useEvent(\n (event: HeaderHeightChangeEventType) => {\n 'worklet';\n if (event.headerHeight !== cachedHeaderHeight.current) {\n headerHeight.value = event.headerHeight;\n cachedHeaderHeight.current = event.headerHeight;\n }\n },\n [\n // @ts-ignore wrong type\n Platform.OS === 'android'\n ? 'onHeaderHeightChange'\n : ENABLE_FABRIC\n ? 'onHeaderHeightChange'\n : 'topHeaderHeightChange',\n ]\n )}\n {...rest}>\n <ReanimatedHeaderHeightContext.Provider value={headerHeight}>\n <ReanimatedTransitionProgressContext.Provider\n value={{\n progress,\n closing,\n goingForward,\n }}>\n {children}\n </ReanimatedTransitionProgressContext.Provider>\n </ReanimatedHeaderHeightContext.Provider>\n </AnimatedScreen>\n );\n});\n\nReanimatedNativeStackScreen.displayName = 'ReanimatedNativeStackScreen';\n\nexport default ReanimatedNativeStackScreen;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { InnerScreen } from '@amazon-devices/react-native-screens';
|
|
4
|
+
|
|
5
|
+
// @ts-ignore file to be used only if `react-native-reanimated` available in the project
|
|
6
|
+
import Animated from 'react-native-reanimated';
|
|
7
|
+
const AnimatedScreen = Animated.createAnimatedComponent(InnerScreen);
|
|
8
|
+
const ReanimatedScreen = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
9
|
+
return /*#__PURE__*/React.createElement(AnimatedScreen
|
|
10
|
+
// @ts-ignore some problems with ref and onTransitionProgressReanimated being "fake" prop for parsing of `useEvent` return value
|
|
11
|
+
, _extends({
|
|
12
|
+
ref: ref
|
|
13
|
+
}, props));
|
|
14
|
+
});
|
|
15
|
+
ReanimatedScreen.displayName = 'ReanimatedScreen';
|
|
16
|
+
export default ReanimatedScreen;
|
|
17
|
+
//# sourceMappingURL=ReanimatedScreen.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","InnerScreen","Animated","AnimatedScreen","createAnimatedComponent","ReanimatedScreen","forwardRef","props","ref","createElement","_extends","displayName"],"sources":["ReanimatedScreen.tsx"],"sourcesContent":["import React from 'react';\nimport { InnerScreen, ScreenProps } from '@amazon-devices/react-native-screens';\n\n// @ts-ignore file to be used only if `react-native-reanimated` available in the project\nimport Animated from 'react-native-reanimated';\n\nconst AnimatedScreen = Animated.createAnimatedComponent(\n InnerScreen as unknown as React.ComponentClass\n);\n\nconst ReanimatedScreen = React.forwardRef<typeof AnimatedScreen, ScreenProps>(\n (props, ref) => {\n return (\n <AnimatedScreen\n // @ts-ignore some problems with ref and onTransitionProgressReanimated being \"fake\" prop for parsing of `useEvent` return value\n ref={ref}\n {...props}\n />\n );\n }\n);\n\nReanimatedScreen.displayName = 'ReanimatedScreen';\n\nexport default ReanimatedScreen;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAqB,4BAA4B;;AAErE;AACA,OAAOC,QAAQ,MAAM,yBAAyB;AAE9C,MAAMC,cAAc,GAAGD,QAAQ,CAACE,uBAAuB,CACrDH,WACF,CAAC;AAED,MAAMI,gBAAgB,gBAAGL,KAAK,CAACM,UAAU,CACvC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,oBACER,KAAA,CAAAS,aAAA,CAACN;EACC;EAAA,EAAAO,QAAA;IACAF,GAAG,EAAEA;EAAI,GACLD,KAAK,CACV,CAAC;AAEN,CACF,CAAC;AAEDF,gBAAgB,CAACM,WAAW,GAAG,kBAAkB;AAEjD,eAAeN,gBAAgB","ignoreList":[]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
3
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
4
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { ScreenContext } from '@amazon-devices/react-native-screens';
|
|
7
|
+
import ReanimatedNativeStackScreen from './ReanimatedNativeStackScreen';
|
|
8
|
+
import AnimatedScreen from './ReanimatedScreen';
|
|
9
|
+
class ReanimatedScreenWrapper extends React.Component {
|
|
10
|
+
constructor(...args) {
|
|
11
|
+
super(...args);
|
|
12
|
+
_defineProperty(this, "ref", null);
|
|
13
|
+
_defineProperty(this, "setRef", ref => {
|
|
14
|
+
var _this$props$onCompone, _this$props;
|
|
15
|
+
this.ref = ref;
|
|
16
|
+
(_this$props$onCompone = (_this$props = this.props).onComponentRef) === null || _this$props$onCompone === void 0 || _this$props$onCompone.call(_this$props, ref);
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
setNativeProps(props) {
|
|
20
|
+
var _this$ref;
|
|
21
|
+
(_this$ref = this.ref) === null || _this$ref === void 0 || _this$ref.setNativeProps(props);
|
|
22
|
+
}
|
|
23
|
+
render() {
|
|
24
|
+
const ReanimatedScreen = this.props.isNativeStack ? ReanimatedNativeStackScreen : AnimatedScreen;
|
|
25
|
+
return /*#__PURE__*/React.createElement(ReanimatedScreen, _extends({}, this.props, {
|
|
26
|
+
// @ts-ignore some problems with ref
|
|
27
|
+
ref: this.setRef
|
|
28
|
+
}));
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
export default function ReanimatedScreenProvider(props) {
|
|
32
|
+
return (
|
|
33
|
+
/*#__PURE__*/
|
|
34
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
35
|
+
React.createElement(ScreenContext.Provider, {
|
|
36
|
+
value: ReanimatedScreenWrapper
|
|
37
|
+
}, props.children)
|
|
38
|
+
);
|
|
39
|
+
}
|
|
40
|
+
//# sourceMappingURL=ReanimatedScreenProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","ScreenContext","ReanimatedNativeStackScreen","AnimatedScreen","ReanimatedScreenWrapper","Component","constructor","args","_defineProperty","ref","_this$props$onCompone","_this$props","props","onComponentRef","call","setNativeProps","_this$ref","render","ReanimatedScreen","isNativeStack","createElement","_extends","setRef","ReanimatedScreenProvider","Provider","value","children"],"sources":["ReanimatedScreenProvider.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react';\nimport { View } from 'react-native';\nimport { ScreenProps, ScreenContext } from '@amazon-devices/react-native-screens';\nimport ReanimatedNativeStackScreen from './ReanimatedNativeStackScreen';\nimport AnimatedScreen from './ReanimatedScreen';\n\nclass ReanimatedScreenWrapper extends React.Component<ScreenProps> {\n private ref: React.ElementRef<typeof View> | null = null;\n\n setNativeProps(props: ScreenProps): void {\n this.ref?.setNativeProps(props);\n }\n\n setRef = (ref: React.ElementRef<typeof View> | null): void => {\n this.ref = ref;\n this.props.onComponentRef?.(ref);\n };\n\n render() {\n const ReanimatedScreen = this.props.isNativeStack\n ? ReanimatedNativeStackScreen\n : AnimatedScreen;\n return (\n <ReanimatedScreen\n {...this.props}\n // @ts-ignore some problems with ref\n ref={this.setRef}\n />\n );\n }\n}\n\nexport default function ReanimatedScreenProvider(\n props: PropsWithChildren<unknown>\n) {\n return (\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n <ScreenContext.Provider value={ReanimatedScreenWrapper as any}>\n {props.children}\n </ScreenContext.Provider>\n );\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAA6B,OAAO;AAEhD,SAAsBC,aAAa,QAAQ,4BAA4B;AACvE,OAAOC,2BAA2B,MAAM,+BAA+B;AACvE,OAAOC,cAAc,MAAM,oBAAoB;AAE/C,MAAMC,uBAAuB,SAASJ,KAAK,CAACK,SAAS,CAAc;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,cACb,IAAI;IAAAA,eAAA,iBAM9CC,GAAyC,IAAW;MAAA,IAAAC,qBAAA,EAAAC,WAAA;MAC5D,IAAI,CAACF,GAAG,GAAGA,GAAG;MACd,CAAAC,qBAAA,IAAAC,WAAA,OAAI,CAACC,KAAK,EAACC,cAAc,cAAAH,qBAAA,eAAzBA,qBAAA,CAAAI,IAAA,CAAAH,WAAA,EAA4BF,GAAG,CAAC;IAClC,CAAC;EAAA;EAPDM,cAAcA,CAACH,KAAkB,EAAQ;IAAA,IAAAI,SAAA;IACvC,CAAAA,SAAA,OAAI,CAACP,GAAG,cAAAO,SAAA,eAARA,SAAA,CAAUD,cAAc,CAACH,KAAK,CAAC;EACjC;EAOAK,MAAMA,CAAA,EAAG;IACP,MAAMC,gBAAgB,GAAG,IAAI,CAACN,KAAK,CAACO,aAAa,GAC7CjB,2BAA2B,GAC3BC,cAAc;IAClB,oBACEH,KAAA,CAAAoB,aAAA,CAACF,gBAAgB,EAAAG,QAAA,KACX,IAAI,CAACT,KAAK;MACd;MACAH,GAAG,EAAE,IAAI,CAACa;IAAO,EAClB,CAAC;EAEN;AACF;AAEA,eAAe,SAASC,wBAAwBA,CAC9CX,KAAiC,EACjC;EACA;IAAA;IACE;IACAZ,KAAA,CAAAoB,aAAA,CAACnB,aAAa,CAACuB,QAAQ;MAACC,KAAK,EAAErB;IAA+B,GAC3DQ,KAAK,CAACc,QACe;EAAC;AAE7B","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","createContext","undefined"],"sources":["ReanimatedTransitionProgressContext.tsx"],"sourcesContent":["import * as React from 'react';\n// @ts-ignore file to be used only if `react-native-reanimated` available in the project\nimport Animated from 'react-native-reanimated';\n\ntype ReanimatedTransitionProgressContextBody = {\n progress: Animated.SharedValue<number>;\n closing: Animated.SharedValue<number>;\n goingForward: Animated.SharedValue<number>;\n};\n\nexport default React.createContext<\n ReanimatedTransitionProgressContextBody | undefined\n>(undefined);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B;;AASA,4BAAeA,KAAK,CAACC,aAAa,CAEhCC,SAAS,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { default as ReanimatedScreenProvider } from './ReanimatedScreenProvider';
|
|
2
|
+
export { default as useReanimatedTransitionProgress } from './useReanimatedTransitionProgress';
|
|
3
|
+
export { default as useReanimatedHeaderHeight } from './useReanimatedHeaderHeight';
|
|
4
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["default","ReanimatedScreenProvider","useReanimatedTransitionProgress","useReanimatedHeaderHeight"],"sources":["index.tsx"],"sourcesContent":["export { default as ReanimatedScreenProvider } from './ReanimatedScreenProvider';\nexport { default as useReanimatedTransitionProgress } from './useReanimatedTransitionProgress';\nexport { default as useReanimatedHeaderHeight } from './useReanimatedHeaderHeight';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,wBAAwB,QAAQ,4BAA4B;AAChF,SAASD,OAAO,IAAIE,+BAA+B,QAAQ,mCAAmC;AAC9F,SAASF,OAAO,IAAIG,yBAAyB,QAAQ,6BAA6B","ignoreList":[]}
|