@amazon-devices/react-native-screens 2.0.9000000000 → 3.0.9000000000-rn-83

package/package.json

@@ -1 +1,196 @@
-{"name": "@amazon-devices/react-native-screens", "version": "2.0.9000000000+3.25.0", "description": "Native navigation primitives for your React Native app.", "scripts": {"check-types": "tsc --noEmit", "start": "react-native start", "test:unit": "jest --passWithNoTests", "format-js": "prettier --write --list-different './{src,Example}/**/*.{js,ts,tsx}'", "format-android": "node ./scripts/format-android.js", "format-ios": "find ios/ -iname *.h -o -iname *.m -o -iname *.cpp -o -iname *.mm | xargs clang-format -i", "format": "yarn format-js && yarn format-android && yarn format-ios", "lint-js": "eslint --ext '.js,.ts,.tsx' --fix src", "lint-android": "./android/gradlew -p android spotlessCheck -q", "lint": "yarn lint-js && yarn lint-android", "release": "npm login && release-it", "build:release": "npm run prepare"}, "main": "lib/commonjs/index", "module": "lib/module/index", "react-native": "src/index", "source": "src/index", "types": "lib/typescript/index", "files": ["src/", "common/", "lib/", "native-stack/", "reanimated/", "android/src/main/AndroidManifest.xml", "android/src/main/java/", "android/src/main/jni/", "android/src/main/res", "android/src/fabric/", "android/src/paper/", "android/build.gradle", "ios/", "windows/", "RNScreens.podspec", "react-native.config.js", "README.md", "!**/__tests__", "kepler-compatibility.json", "SystemModules", "SystemBundles", "!android/src/main/java/com/swmansion/rnscreens/LifecycleHelper.kt", "THIRD_PARTY_NOTICES.txt", "kepler-transformed-package-info.json"], "kepler": {"temporary-alias-for-package": {"name": "react-native-screens", "version": "3.25.0"}}, "repository": {"type": "git", "url": "git+https://github.com/software-mansion/react-native-screens.git"}, "author": {"email": "krzys.magiera@gmail.com", "name": "Krzysztof Magiera"}, "license": "See license in LICENSE", "readmeFilename": "README.md", "bugs": {"url": "https://github.com/software-mansion/react-native-screens/issues"}, "homepage": "https://github.com/software-mansion/react-native-screens#readme", "dependencies": {"react-freeze": "^1.0.0", "warn-once": "^0.1.0"}, "peerDependencies": {"react": "*", "react-native": "*"}, "devDependencies": {"@babel/core": "^7.20.0", "@babel/eslint-parser": "7.22.15", "@react-native-community/bob": "^0.17.1", "@types/jest": "^29.3.1", "@types/react": "^18.2.21", "@types/react-native": "0.72.5", "@types/react-test-renderer": "^18.0.0", "@typescript-eslint/eslint-plugin": "^6.5.0", "@typescript-eslint/parser": "^6.5.0", "@react-native-community/cli": "^11.3.6", "@react-native-community/cli-platform-android": "^11.3.6", "@react-native-community/cli-platform-ios": "^11.3.6", "babel-jest": "^29.6.4", "clang-format": "^1.8.0", "eslint": "^8.19.0", "eslint-config-prettier": "^8.10.0", "eslint-config-standard": "^17.1.0", "eslint-plugin-import": "^2.28.1", "eslint-plugin-jest": "^27.2.3", "eslint-plugin-n": "^16.0.2", "eslint-plugin-promise": "^6.1.1", "eslint-plugin-react": "^7.33.2", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-native": "^4.0.0", "husky": "^8.0.3", "jest": "^29.3.1", "lint-staged": "^14.0.1", "metro-react-native-babel-preset": "^0.76.8", "prettier": "^2.8.8", "react": "^18.2.0", "react-dom": "18.0.0", "react-native": "0.72.0", "react-native-reanimated": "^2.2.0", "react-test-renderer": "18.0.0", "release-it": "^15.6.0", "typescript": "4.8.4", "@amazon-devices/react-native-kepler": "^2.0.0+rn0.72.0", "@amazon-devices/react-native-safe-area-context": "file:static/amzn-react-native-safe-area-context-2.0.0.tgz", "@amazon-devices/react-navigation__routers": "file:static/amzn-react-navigation__routers-2.0.0.tgz", "@amazon-devices/react-navigation__core": "file:static/amzn-react-navigation__core-2.0.0.tgz", "@amazon-devices/react-navigation__native": "file:static/amzn-react-navigation__native-2.0.0.tgz"}, "resolutions": {"@react-native-community/cli-platform-android": "^11.3.6", "@react-native-community/cli": "^11.3.6", "@react-native-community/cli-platform-ios": "^11.3.6", "@types/react": "^18.2.21"}, "lint-staged": {"{src,Example}/**/*.{js,ts,tsx}": "yarn format-js", "src/**/*.{js,ts,tsx}": "yarn lint-js", "android/**/*.kt": "yarn format-android", "ios/**/*.{h,m,mm,cpp}": "yarn format-ios"}, "@react-native-community/bob": {"source": "src", "output": "lib", "targets": ["commonjs", "module", ["typescript", {"project": "tsconfig.build.json"}]]}, "eslintIgnore": ["node_modules/", "lib/"], "codegenConfig": {"name": "rnscreens", "type": "components", "jsSrcsDir": "./src/fabric", "android": {"javaPackageName": "com.swmansion.rnscreens"}}, "keplerImport": true}
+{
+  "name": "@amazon-devices/react-native-screens",
+  "version": "3.0.9000000000-rn-83",
+  "description": "Native navigation primitives for your React Native app.",
+  "scripts": {
+    "submodules": "git submodule update --init --recursive && (cd react-navigation && yarn && yarn build && cd ../)",
+    "check-types": "tsc --noEmit",
+    "start": "react-native start",
+    "test:unit": "jest --passWithNoTests",
+    "format-js": "prettier --write --list-different './{src,Example}/**/*.{js,ts,tsx}'",
+    "format-android": "node ./scripts/format-android.js",
+    "format-ios": "find ios/ -iname \"*.h\" -o -iname \"*.m\" -o -iname \"*.cpp\" -o -iname \"*.mm\" | xargs clang-format -i",
+    "format-common": "find common/ -iname \"*.h\" -o -iname \"*.cpp\" | xargs clang-format -i",
+    "format-cpp": "find cpp/ -iname \"*.h\" -o -iname \"*.cpp\" | xargs clang-format -i",
+    "format-android-cpp": "find android/src/main/cpp -iname \"*.h\" -o -iname \"*.cpp\" | xargs clang-format -i",
+    "format": "yarn format-js && yarn format-android && yarn format-ios && yarn format-common && yarn format-cpp && yarn format-android-cpp",
+    "lint-js": "eslint --ext '.js,.ts,.tsx' --fix src",
+    "lint-android": "./android/gradlew -p android spotlessCheck -q",
+    "lint": "yarn lint-js && yarn lint-android",
+    "release": "yarn prepare && npm login && release-it",
+    "architectures-consistency-check": "node ./scripts/codegen-check-consistency.js",
+    "sync-architectures": "node ./scripts/codegen-sync-archs.js",
+    "build:release": "npm run prepare"
+  },
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "react-native": "src/index",
+  "source": "src/index",
+  "types": "lib/typescript/index.d.ts",
+  "files": [
+    "src/",
+    "common/",
+    "lib/",
+    "native-stack/",
+    "gesture-handler/",
+    "reanimated/",
+    "android/src/main/AndroidManifest.xml",
+    "android/src/main/java/",
+    "android/src/main/cpp/",
+    "android/src/main/jni/",
+    "android/src/main/res",
+    "android/src/fabric/",
+    "android/src/paper/",
+    "android/build.gradle",
+    "android/CMakeLists.txt",
+    "ios/",
+    "cpp/",
+    "windows/",
+    "RNScreens.podspec",
+    "react-native.config.js",
+    "README.md",
+    "!**/__tests__",
+    "kepler-compatibility.json",
+    "SystemModules",
+    "SystemBundles",
+    "!android/src/main/java/com/swmansion/rnscreens/LifecycleHelper.kt",
+    "oss-attribution",
+    "THIRD_PARTY_NOTICES.txt",
+    "kepler-transformed-package-info.json"
+  ],
+  "kepler": {
+    "temporary-alias-for-package": {
+      "name": "react-native-screens",
+      "version": "3.25.0"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/software-mansion/react-native-screens.git"
+  },
+  "author": {
+    "email": "krzys.magiera@gmail.com",
+    "name": "Krzysztof Magiera"
+  },
+  "license": "See license in LICENSE",
+  "readmeFilename": "README.md",
+  "bugs": {
+    "url": "https://github.com/software-mansion/react-native-screens/issues"
+  },
+  "homepage": "https://github.com/software-mansion/react-native-screens#readme",
+  "dependencies": {
+    "react-freeze": "^1.0.0",
+    "warn-once": "^0.1.0"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "@amazon-devices/react-native-kepler": "*"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/eslint-parser": "7.22.15",
+    "@react-native-community/cli": "^11.3.6",
+    "@react-native-community/cli-platform-android": "^11.3.6",
+    "@react-native-community/cli-platform-ios": "^11.3.6",
+    "@react-native/babel-preset": "~0.83.0",
+    "@react-native/eslint-config": "~0.83.0",
+    "@react-native/metro-config": "~0.83.0",
+    "@react-native/typescript-config": "~0.83.0",
+    "@react-navigation/native": "^5.8.0",
+    "@react-navigation/stack": "^5.10.0",
+    "@types/jest": "^29.3.1",
+    "@types/react": "^19.2.0",
+    "@types/react-test-renderer": "^19.1.0",
+    "@typescript-eslint/eslint-plugin": "^6.5.0",
+    "@typescript-eslint/parser": "^6.5.0",
+    "babel-jest": "^29.6.4",
+    "clang-format": "^1.8.0",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^8.10.0",
+    "eslint-config-standard": "^17.1.0",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-jest": "^27.9.0",
+    "eslint-plugin-n": "^16.0.2",
+    "eslint-plugin-promise": "^6.1.1",
+    "husky": "^8.0.3",
+    "jest": "^29.6.3",
+    "lint-staged": "^14.0.1",
+    "prettier": "^2.8.8",
+    "react": "^19.2.0",
+    "react-dom": "~19.2.0",
+    "react-native": "0.83.2",
+    "react-native-builder-bob": "^0.23.2",
+    "react-native-gesture-handler": "^2.13.3",
+    "react-native-reanimated": "3.9.0-nightly-20240402-12717cdb5",
+    "react-native-safe-area-context": "^4.8.1",
+    "react-test-renderer": "^19.2.0",
+    "release-it": "^15.6.0",
+    "typescript": "5.4.3",
+    "@amazon-devices/react-native-kepler": "^4.0.0",
+    "@amazon-devices/react-native-safe-area-context": "file:static/amzn-react-native-safe-area-context-2.0.0.tgz",
+    "@amazon-devices/react-navigation__routers": "file:static/amzn-react-navigation__routers-2.0.0.tgz",
+    "@amazon-devices/react-navigation__core": "file:static/amzn-react-navigation__core-2.0.0.tgz",
+    "@amazon-devices/react-navigation__native": "file:static/amzn-react-navigation__native-2.0.0.tgz"
+  },
+  "resolutions": {
+    "@types/react": "^19.2.0"
+  },
+  "overrides": {
+    "react": "^19.2.0",
+    "@types/react": "^19.2.0"
+  },
+  "lint-staged": {
+    "{src,Example}/**/*.{js,ts,tsx}": "yarn format-js",
+    "src/**/*.{js,ts,tsx}": "yarn lint-js",
+    "common/**/*.{h,cpp}": "yarn format-common",
+    "cpp/**/*.{h,cpp}": "yarn format-cpp",
+    "android/src/main/cpp/.{cpp, h}": "yarn format-android-cpp",
+    "android/**/*.kt": "yarn format-android",
+    "ios/**/*.{h,m,mm,cpp}": "yarn format-ios",
+    "src/fabric/*.ts": "yarn sync-architectures"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "codegenConfig": {
+    "name": "rnscreens",
+    "type": "all",
+    "jsSrcsDir": "./src/fabric",
+    "android": {
+      "javaPackageName": "com.swmansion.rnscreens"
+    },
+    "ios": {
+      "componentProvider": {
+        "RNSFullWindowOverlay": "RNSFullWindowOverlay",
+        "RNSModalScreen": "RNSModalScreen",
+        "RNSScreenContainer": "RNSScreenContainerView",
+        "RNSScreenContentWrapper": "RNSScreenContentWrapper",
+        "RNSScreenFooter": "RNSScreenFooter",
+        "RNSScreen": "RNSScreenView",
+        "RNSScreenNavigationContainer": "RNSScreenNavigationContainerView",
+        "RNSScreenStackHeaderConfig": "RNSScreenStackHeaderConfig",
+        "RNSScreenStackHeaderSubview": "RNSScreenStackHeaderSubview",
+        "RNSScreenStack": "RNSScreenStackView",
+        "RNSSearchBar": "RNSSearchBar"
+      }
+    }
+  },
+  "packageManager": "yarn@4.1.1",
+  "keplerImport": true
+}

package/react-native.config.js

@@ -1,17 +1,15 @@
-let supportsCodegenConfig = false;
-try {
-  const rnCliAndroidVersion =
-    require('@react-native-community/cli-platform-android/package.json').version;
-  const [major] = rnCliAndroidVersion.split('.');
-  supportsCodegenConfig = major >= 9;
-} catch (e) {
-  // ignore
-}
+/*
+ * Portions of this file are copyright (c) 2025 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].
+ */
 
 module.exports = {
   dependency: {
     platforms: {
-      android: supportsCodegenConfig ? {
+      android: {
         componentDescriptors: [
           "RNSFullWindowOverlayComponentDescriptor",
           "RNSScreenContainerComponentDescriptor",
@@ -20,17 +18,22 @@ module.exports = {
           "RNSScreenStackHeaderSubviewComponentDescriptor",
           "RNSScreenStackComponentDescriptor",
           "RNSSearchBarComponentDescriptor",
-          'RNSScreenComponentDescriptor'
+          'RNSScreenComponentDescriptor',
+          "RNSScreenFooterComponentDescriptor",
+          "RNSScreenContentWrapperComponentDescriptor",
+          'RNSModalScreenComponentDescriptor'
         ],
         cmakeListsPath: "../android/src/main/jni/CMakeLists.txt"
-      } : {},
+      },
+      // amznmod_react - configuration for the Kepler platform
       kepler: {
         autolink: {
           'RNScreensLib': { // The key is the public name of your library
-            provider: 'system', // 'application' if provided in the NPM package (and packaged with the app),
-                                     // otherwise 'system' if provided by the OS
+            provider: '',
+            uiComponentName: '/com.amazon.kepler.uitoolkit.react.screens_4',
+            linkDynamic: true,
             turbomodules: [], // The names of registered Turbo Modules (this is the string used when registering in both JS and C++
-            components: ["RNSScreen", "RNSScreenStack", "RNSScreenStackHeaderConfig", "RNSScreenContainer"]
+            components: ["RNSScreen", "RNSScreenStack", "RNSScreenStackHeaderConfig", "RNSScreenContainer", "RNSScreenContentWrapper"]
           }
         }
       }
@@ -38,5 +41,5 @@ module.exports = {
   },
   project: { // These are settings used by your project to configure and build it - these don't affect consumers
     type: "TurboModule"
-  }  
+  }
 }

package/reanimated/package.json

@@ -2,5 +2,5 @@
   "main": "../lib/commonjs/reanimated/index",
   "module": "../lib/module/reanimated/index",
   "react-native": "../src/reanimated/index",
-  "types": "../lib/typescript/reanimated/index"
+  "types": "../lib/typescript/reanimated/index.d.ts"
 }

package/src/TransitionProgressContext.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { Animated } from 'react-native';
 
@@ -8,5 +10,5 @@ type TransitionProgressContextBody = {
 };
 
 export default React.createContext<TransitionProgressContextBody | undefined>(
-  undefined
+  undefined,
 );

package/src/components/DebugContainer.tsx

@@ -0,0 +1,46 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,33 @@
+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

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