Pre-Commit hook, ESlint improvements

.eslintrc.js

@@ -17,7 +17,7 @@ module.exports = {
     'folders',
     'filename-rules',
   ],
-  ignorePatterns: ["*", "!src/"],
+  ignorePatterns: [".eslintrc.js"],
   parser: '@typescript-eslint/parser',
   parserOptions: {
     ecmaFeatures: {

.husky/pre-commit

@@ -0,0 +1 @@
+npm run lint

README.md

@@ -1,3 +1,5 @@
+![NPM Version](https://img.shields.io/npm/v/react-native-multiple-modals)
+
 # react-native-multiple-modals
 
 Native Modal implementation which allows to display multiple Modals simultaneously.
@@ -86,3 +88,9 @@ Use to change the modals's rendering area. May be useful for foldable devices.
 Default: Dimensions.get('screen')
 
 ---
+
+## Integrations
+
+### react-native-gesture-handler
+
+Wrap your content with `<GestureHandlerRootView> ... </GestureHandlerRootView>` to make gestures work inside a modal

android/src/main/java/com/multiplemodals/events/PressBackEvent.kt

@@ -6,7 +6,7 @@ import com.facebook.react.uimanager.events.Event
 
 class PressBackEvent(surfaceId: Int, viewTag: Int) : Event<PressBackEvent>(surfaceId, viewTag) {
     companion object {
-        const val NAME = "pressBack"
+        const val NAME = "topPressBackAndroid"
         const val REGISTRATION_NAME = "onPressBackAndroid"
     }
 

android/src/newarch/RNTModalViewManagerSpec.kt

@@ -2,7 +2,6 @@ package com.multiplemodals
 
 import android.view.ViewGroup
 
-import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.uimanager.ViewGroupManager
 import com.facebook.react.uimanager.ViewManagerDelegate
 import com.facebook.react.viewmanagers.RNTModalViewManagerDelegate

package.json

@@ -38,7 +38,8 @@
   "scripts": {
     "lint": "npx eslint ./src",
     "build": "tsup",
-    "release": "npm run build && npm publish"
+    "release": "npm run build && npm publish",
+    "prepare": "husky"
   },
   "files": [
     "src",
@@ -82,14 +83,15 @@
     "eslint-plugin-react-native": "^4.1.0",
     "eslint-plugin-testing-library": "^6.3.0",
     "eslint-plugin-unicorn": "^55.0.0",
+    "husky": "^9.1.6",
     "prettier": "^3.3.3",
     "tsup": "^8.3.0"
   },
   "peerDependencies": {
-    "react": "^18",
-    "react-native": ">=0.70.0",
     "@types/react": "*",
-    "@types/react-native": "*"
+    "@types/react-native": "*",
+    "react": "^18",
+    "react-native": ">=0.70.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {

src/ModalView.tsx

@@ -5,13 +5,12 @@ import {
   PressableProps,
   StyleProp,
   StyleSheet,
-  useWindowDimensions,
   View,
   ViewStyle,
 } from 'react-native';
 
 import { ScrollContextResetter } from './ScrollContextResetter';
-import RNTModalView from './RNTModalView';
+import RNTModalView from './newarch/RNTModalViewNativeComponent';
 import { useScreenDimensions } from './useScreenDimensions';
 
 export type BackdropProps = Omit<PressableProps, 'onPress' | 'style'> & {
@@ -32,7 +31,7 @@ export type ModalViewProps = {
   containerSize?: {
     width: number;
     height: number;
-  }
+  };
 };
 
 const backdropAccessibilityLabel = 'Backdrop';
@@ -75,7 +74,11 @@ export const ModalView: FC<ModalViewProps> = ({
           <ScrollContextResetter>
             <View
               pointerEvents='box-none'
-              style={[preferredContainerSize, styles.content, contentContainerStyle]}
+              style={[
+                preferredContainerSize,
+                styles.content,
+                contentContainerStyle,
+              ]}
             >
               {children}
             </View>

src/index.ts

@@ -1,2 +1,6 @@
-export { DismissalSource, ModalView, type BackdropProps, type ModalViewProps } from './ModalView';
-
+export {
+  DismissalSource,
+  ModalView,
+  type BackdropProps,
+  type ModalViewProps,
+} from './ModalView';

src/newarch/RNTModalViewNativeComponent.ts

@@ -1,7 +1,13 @@
+/* eslint-disable filename-rules/match */
+/* eslint-disable @typescript-eslint/no-empty-object-type */
 import type { ViewProps } from 'react-native';
+import { DirectEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 
-interface NativeProps extends ViewProps {}
+type PressBackAndroidEvent = Readonly<{}>;
+interface NativeProps extends ViewProps {
+  onPressBackAndroid?: DirectEventHandler<PressBackAndroidEvent>;
+}
 
-// Doesn't accept variables, so component name is hardcoded
+// Codegen doesn't accept variables, so component name is hardcoded
 export default codegenNativeComponent<NativeProps>('RNTModalView');

src/useScreenDimensions.ts

@@ -1,4 +1,5 @@
 import { useEffect, useState } from 'react';
+
 import { Dimensions, ScaledSize } from 'react-native';
 
 export const useScreenDimensions = (): ScaledSize => {