@amazon-devices/react-native-screens 2.0.1758683737

package/native-stack/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../lib/commonjs/native-stack/index",
+  "module": "../lib/module/native-stack/index",
+  "react-native": "../src/native-stack/index",
+  "types": "../lib/typescript/native-stack/index"
+}

package/package.json

@@ -0,0 +1 @@
+{"name": "@amazon-devices/react-native-screens", "version": "2.0.1758683737+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}

package/react-native.config.js

@@ -0,0 +1,42 @@
+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
+}
+
+module.exports = {
+  dependency: {
+    platforms: {
+      android: supportsCodegenConfig ? {
+        componentDescriptors: [
+          "RNSFullWindowOverlayComponentDescriptor",
+          "RNSScreenContainerComponentDescriptor",
+          "RNSScreenNavigationContainerComponentDescriptor",
+          "RNSScreenStackHeaderConfigComponentDescriptor",
+          "RNSScreenStackHeaderSubviewComponentDescriptor",
+          "RNSScreenStackComponentDescriptor",
+          "RNSSearchBarComponentDescriptor",
+          'RNSScreenComponentDescriptor'
+        ],
+        cmakeListsPath: "../android/src/main/jni/CMakeLists.txt"
+      } : {},
+      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
+            turbomodules: [], // The names of registered Turbo Modules (this is the string used when registering in both JS and C++
+            components: ["RNSScreen", "RNSScreenStack", "RNSScreenStackHeaderConfig", "RNSScreenContainer"]
+          }
+        }
+      }
+    },
+  },
+  project: { // These are settings used by your project to configure and build it - these don't affect consumers
+    type: "TurboModule"
+  }  
+}

package/reanimated/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../lib/commonjs/reanimated/index",
+  "module": "../lib/module/reanimated/index",
+  "react-native": "../src/reanimated/index",
+  "types": "../lib/typescript/reanimated/index"
+}

package/src/TransitionProgressContext.tsx

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

package/src/fabric/FullWindowOverlayNativeComponent.ts

@@ -0,0 +1,7 @@
+// @ts-ignore
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type { ViewProps } from 'react-native';
+
+interface NativeProps extends ViewProps {}
+
+export default codegenNativeComponent<NativeProps>('RNSFullWindowOverlay', {});

package/src/fabric/ScreenContainerNativeComponent.ts

@@ -0,0 +1,28 @@
+/*
+ * Portions of this file are copyright (c) 2023 Amazon.com, Inc. or its affiliates.  All rights reserved.
+ *
+ * PORTIONS OF THIS FILE ARE AMAZON PROPRIETARY/CONFIDENTIAL.  USE IS SUBJECT TO LICENSE TERMS.
+ *
+ * Amazon modifications are indicated by [amznmod_* comments].
+ */
+
+/*
+ * Changelog:
+ * Set up react-native-screens package to build for Kepler
+ */
+
+// @ts-ignore
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type { ViewProps, HostComponent } from 'react-native';
+
+// amznmod_react - register component on Kepler
+// @ts-ignore
+import register from '@amazon-devices/react-native-kepler/Libraries/Utilities/registerGeneratedViewConfig';
+
+interface NativeProps extends ViewProps {}
+
+// amznmod_react - register component on Kepler
+const ContainerComponent = 'RNSScreenContainer'
+
+register(ContainerComponent, {uiViewClassName: ContainerComponent});
+export default (ContainerComponent as unknown) as HostComponent<NativeProps>;

package/src/fabric/ScreenNativeComponent.ts

@@ -0,0 +1,158 @@
+/*
+ * Portions of this file are copyright (c) 2023 Amazon.com, Inc. or its affiliates.  All rights reserved.
+ *
+ * PORTIONS OF THIS FILE ARE AMAZON PROPRIETARY/CONFIDENTIAL.  USE IS SUBJECT TO LICENSE TERMS.
+ *
+ * Amazon modifications are indicated by [amznmod_* comments].
+ */
+
+/*
+ * Changelog:
+ * Set up react-native-screens package to build for Kepler
+ */
+
+import type { ViewProps, ColorValue, HostComponent } from 'react-native';
+import type {
+  BubblingEventHandler,
+  WithDefault,
+  Int32,
+  Float,
+  Double,
+// @ts-ignore
+} from 'react-native/Libraries/Types/CodegenTypes';
+// amznmod_react - register component on Kepler
+// @ts-ignore
+import register from '@amazon-devices/react-native-kepler/Libraries/Utilities/registerGeneratedViewConfig';
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+type ScreenEvent = Readonly<{}>;
+
+type ScreenDismissedEvent = Readonly<{
+  dismissCount: Int32;
+}>;
+
+type TransitionProgressEvent = Readonly<{
+  progress: Double;
+  closing: Int32;
+  goingForward: Int32;
+}>;
+
+type HeaderHeightChangeEvent = Readonly<{
+  headerHeight: Double;
+}>;
+
+type GestureResponseDistanceType = Readonly<{
+  start: Float;
+  end: Float;
+  top: Float;
+  bottom: Float;
+}>;
+
+type StackPresentation =
+  | 'push'
+  | 'modal'
+  | 'transparentModal'
+  | 'fullScreenModal'
+  | 'formSheet'
+  | 'containedModal'
+  | 'containedTransparentModal';
+
+type StackAnimation =
+  | 'default'
+  | 'flip'
+  | 'simple_push'
+  | 'none'
+  | 'fade'
+  | 'slide_from_right'
+  | 'slide_from_left'
+  | 'slide_from_bottom'
+  | 'fade_from_bottom';
+
+type SwipeDirection = 'vertical' | 'horizontal';
+
+type ReplaceAnimation = 'pop' | 'push';
+
+type SheetDetentTypes = 'large' | 'medium' | 'all';
+
+export interface NativeProps extends ViewProps {
+  onAppear?: BubblingEventHandler<ScreenEvent>;
+  onDisappear?: BubblingEventHandler<ScreenEvent>;
+  onDismissed?: BubblingEventHandler<ScreenDismissedEvent>;
+  onNativeDismissCancelled?: BubblingEventHandler<ScreenDismissedEvent>;
+  onWillAppear?: BubblingEventHandler<ScreenEvent>;
+  onWillDisappear?: BubblingEventHandler<ScreenEvent>;
+  onHeaderHeightChange?: BubblingEventHandler<HeaderHeightChangeEvent>;
+  onTransitionProgress?: BubblingEventHandler<TransitionProgressEvent>;
+  onGestureCancel?: BubblingEventHandler<ScreenEvent>;
+  sheetAllowedDetents?: WithDefault<SheetDetentTypes, 'large'>;
+  sheetLargestUndimmedDetent?: WithDefault<SheetDetentTypes, 'all'>;
+  sheetGrabberVisible?: WithDefault<boolean, false>;
+  sheetCornerRadius?: WithDefault<Float, -1.0>;
+  sheetExpandsWhenScrolledToEdge?: WithDefault<boolean, false>;
+  customAnimationOnSwipe?: boolean;
+  fullScreenSwipeEnabled?: boolean;
+  homeIndicatorHidden?: boolean;
+  preventNativeDismiss?: boolean;
+  gestureEnabled?: WithDefault<boolean, true>;
+  statusBarColor?: ColorValue;
+  statusBarHidden?: boolean;
+  screenOrientation?: string;
+  statusBarAnimation?: string;
+  statusBarStyle?: string;
+  statusBarTranslucent?: boolean;
+  gestureResponseDistance?: GestureResponseDistanceType;
+  stackPresentation?: WithDefault<StackPresentation, 'push'>;
+  stackAnimation?: WithDefault<StackAnimation, 'default'>;
+  transitionDuration?: WithDefault<Int32, 350>;
+  replaceAnimation?: WithDefault<ReplaceAnimation, 'pop'>;
+  swipeDirection?: WithDefault<SwipeDirection, 'horizontal'>;
+  hideKeyboardOnSwipe?: boolean;
+  activityState?: 0 | 1 | 2;
+  navigationBarColor?: ColorValue;
+  navigationBarHidden?: boolean;
+  nativeBackButtonDismissalEnabled?: boolean;
+  onHeaderBackButtonClicked?: BubblingEventHandler<ScreenEvent>;
+}
+
+// amznmod_react - register component on Kepler
+const ScreenComponent = 'RNSScreen'
+
+const viewConfig = {
+  activityState: true,
+};
+
+const bubblingEventTypes = {
+  topOnAppear: {
+    phasedRegistrationNames: {
+      bubbled: 'onAppear',
+      captured: 'onAppearCapture'
+    }
+  },
+  topOnDisappear: {
+    phasedRegistrationNames: {
+      bubbled: 'onDisappear',
+      captured: 'onDisappearCapture'
+    }
+  },
+  topOnWillAppear: {
+    phasedRegistrationNames: {
+      bubbled: 'onWillAppear',
+      captured: 'onWillAppearCapture'
+    }
+  },
+  topOnWillDisappear: {
+    phasedRegistrationNames: {
+      bubbled: 'onWillDisappear',
+      captured: 'onWillDisappearCapture'
+    }
+  },
+  topOnTransitionProgress: {
+    phasedRegistrationNames: {
+      bubbled: 'onTransitionProgress',
+      captured: 'onTransitionProgressCapture'
+    }
+  },
+};
+
+register(ScreenComponent, {uiViewClassName: ScreenComponent, validAttributes: viewConfig, bubblingEventTypes: bubblingEventTypes});
+export default (ScreenComponent as unknown) as HostComponent<NativeProps>;

package/src/fabric/ScreenNavigationContainerNativeComponent.ts

@@ -0,0 +1,10 @@
+// @ts-ignore
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type { ViewProps } from 'react-native';
+
+interface NativeProps extends ViewProps {}
+
+export default codegenNativeComponent<NativeProps>(
+  'RNSScreenNavigationContainer',
+  {}
+);

package/src/fabric/ScreenStackHeaderConfigNativeComponent.ts

@@ -0,0 +1,61 @@
+/*
+ * Portions of this file are copyright (c) 2023 Amazon.com, Inc. or its affiliates.  All rights reserved.
+ *
+ * PORTIONS OF THIS FILE ARE AMAZON PROPRIETARY/CONFIDENTIAL.  USE IS SUBJECT TO LICENSE TERMS.
+ *
+ * Amazon modifications are indicated by [amznmod_* comments].
+ */
+
+/*
+ * Changelog:
+ * Set up react-native-screens package to build for Kepler
+ */
+
+import type { ViewProps, ColorValue, HostComponent } from 'react-native';
+import type {
+  Int32,
+  WithDefault,
+// @ts-ignore
+} from 'react-native/Libraries/Types/CodegenTypes';
+
+// amznmod_react - register component on Kepler
+// @ts-ignore
+import register from '@amazon-devices/react-native-kepler/Libraries/Utilities/registerGeneratedViewConfig';
+
+type DirectionType = 'rtl' | 'ltr';
+
+export interface NativeProps extends ViewProps {
+  backgroundColor?: ColorValue;
+  backTitle?: string;
+  backTitleFontFamily?: string;
+  backTitleFontSize?: Int32;
+  backTitleVisible?: WithDefault<boolean, 'true'>;
+  color?: ColorValue;
+  direction?: WithDefault<DirectionType, 'ltr'>;
+  hidden?: boolean;
+  hideShadow?: boolean;
+  largeTitle?: boolean;
+  largeTitleFontFamily?: string;
+  largeTitleFontSize?: Int32;
+  largeTitleFontWeight?: string;
+  largeTitleBackgroundColor?: ColorValue;
+  largeTitleHideShadow?: boolean;
+  largeTitleColor?: ColorValue;
+  translucent?: boolean;
+  title?: string;
+  titleFontFamily?: string;
+  titleFontSize?: Int32;
+  titleFontWeight?: string;
+  titleColor?: ColorValue;
+  disableBackButtonMenu?: boolean;
+  hideBackButton?: boolean;
+  backButtonInCustomView?: boolean;
+  // TODO: implement this props on iOS
+  topInsetEnabled?: boolean;
+}
+
+// amznmod_react - register component on Kepler
+const ScreenStackHeaderConfigComponent = 'RNSScreenStackHeaderConfig'
+
+register(ScreenStackHeaderConfigComponent, {uiViewClassName: ScreenStackHeaderConfigComponent});
+export default (ScreenStackHeaderConfigComponent as unknown) as HostComponent<NativeProps>;

package/src/fabric/ScreenStackHeaderSubviewNativeComponent.ts

@@ -0,0 +1,22 @@
+// @ts-ignore
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type { ViewProps } from 'react-native';
+// @ts-ignore
+import type { WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+
+export type HeaderSubviewTypes =
+  | 'back'
+  | 'right'
+  | 'left'
+  | 'title'
+  | 'center'
+  | 'searchBar';
+
+export interface NativeProps extends ViewProps {
+  type?: WithDefault<HeaderSubviewTypes, 'left'>;
+}
+
+export default codegenNativeComponent<NativeProps>(
+  'RNSScreenStackHeaderSubview',
+  {}
+);

package/src/fabric/ScreenStackNativeComponent.ts

@@ -0,0 +1,33 @@
+/*
+ * Portions of this file are copyright (c) 2023 Amazon.com, Inc. or its affiliates.  All rights reserved.
+ *
+ * PORTIONS OF THIS FILE ARE AMAZON PROPRIETARY/CONFIDENTIAL.  USE IS SUBJECT TO LICENSE TERMS.
+ *
+ * Amazon modifications are indicated by [amznmod_* comments].
+ */
+
+/*
+ * Changelog:
+ * Set up react-native-screens package to build for Kepler
+ */
+
+import type { ViewProps, HostComponent } from 'react-native';
+// @ts-ignore
+import type { DirectEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
+
+// amznmod_react - register component on Kepler
+// @ts-ignore
+import register from '@amazon-devices/react-native-kepler/Libraries/Utilities/registerGeneratedViewConfig';
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+type FinishTransitioningEvent = Readonly<{}>;
+
+interface NativeProps extends ViewProps {
+  onFinishTransitioning?: DirectEventHandler<FinishTransitioningEvent>;
+}
+
+// amznmod_react - register component on Kepler
+const ScreenStackComponent = 'RNSScreenStack'
+
+register(ScreenStackComponent, {uiViewClassName: ScreenStackComponent});
+export default (ScreenStackComponent as unknown) as HostComponent<NativeProps>;

package/src/fabric/SearchBarNativeComponent.ts

@@ -0,0 +1,79 @@
+/* eslint-disable */
+// @ts-ignore
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type { ViewProps, ColorValue, HostComponent } from 'react-native';
+import type {
+  WithDefault,
+  BubblingEventHandler,
+// @ts-ignore
+} from 'react-native/Libraries/Types/CodegenTypes';
+// @ts-ignore
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+
+type SearchBarEvent = Readonly<{}>;
+
+type SearchButtonPressedEvent = Readonly<{
+  text?: string;
+}>;
+
+type ChangeTextEvent = Readonly<{
+  text?: string;
+}>;
+
+type SearchBarPlacement = 'automatic' | 'inline' | 'stacked';
+
+type AutoCapitalizeType = 'none' | 'words' | 'sentences' | 'characters';
+
+interface NativeProps extends ViewProps {
+  onFocus?: BubblingEventHandler<SearchBarEvent> | null;
+  onBlur?: BubblingEventHandler<SearchBarEvent> | null;
+  onSearchButtonPress?: BubblingEventHandler<SearchButtonPressedEvent> | null;
+  onCancelButtonPress?: BubblingEventHandler<SearchBarEvent> | null;
+  onChangeText?: BubblingEventHandler<ChangeTextEvent> | null;
+  hideWhenScrolling?: boolean;
+  autoCapitalize?: WithDefault<AutoCapitalizeType, 'none'>;
+  placeholder?: string;
+  placement?: WithDefault<SearchBarPlacement, 'stacked'>;
+  obscureBackground?: boolean;
+  hideNavigationBar?: boolean;
+  cancelButtonText?: string;
+  // TODO: implement these on iOS
+  barTintColor?: ColorValue;
+  tintColor?: ColorValue;
+  textColor?: ColorValue;
+
+  // Android only
+  disableBackButtonOverride?: boolean;
+  // TODO: consider creating enum here
+  inputType?: string;
+  onClose?: BubblingEventHandler<SearchBarEvent> | null;
+  onOpen?: BubblingEventHandler<SearchBarEvent> | null;
+  hintTextColor?: ColorValue;
+  headerIconColor?: ColorValue;
+  shouldShowHintSearchIcon?: WithDefault<boolean, true>;
+}
+
+type ComponentType = HostComponent<NativeProps>;
+
+interface NativeCommands {
+  blur: (viewRef: React.ElementRef<ComponentType>) => void;
+  focus: (viewRef: React.ElementRef<ComponentType>) => void;
+  clearText: (viewRef: React.ElementRef<ComponentType>) => void;
+  toggleCancelButton: (
+    viewRef: React.ElementRef<ComponentType>,
+    flag: boolean
+  ) => void;
+  setText: (viewRef: React.ElementRef<ComponentType>, text: string) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: [
+    'blur',
+    'focus',
+    'clearText',
+    'toggleCancelButton',
+    'setText',
+  ],
+});
+
+export default codegenNativeComponent<NativeProps>('RNSSearchBar', {});