Upgraded the react-native package peer dependency version to >=0.70.0…

… and react version to >=18.1.0. This is to avoid dependency on unmaintained <v70 versions. This will also address the security issues in outdated packages. Updated some of the dev dependencies to possible versions without hitting the dependency resolution conflicts (#128)

* Upgraded the react-native package peer dependency version to >=0.70.0 and react version to >=18.1.0. This is to avoid dependency on unmaintained <v70 versions. This will also address the security issues in outdated packages. 
* Updated some of the dev dependencies to possible versions without hitting the dependency resolution conflicts.
* Source code changes are purely related ESLint format.

.husky/pre-commit

@@ -0,0 +1 @@
+npm run format && git add .

.prettierrc.js

@@ -1,6 +1,7 @@
 module.exports = {
+  arrowParens: 'avoid',
+  bracketSameLine: true,
   bracketSpacing: true,
-  jsxBracketSameLine: true,
   singleQuote: true,
   trailingComma: 'all'
 };

package.json

@@ -6,7 +6,8 @@
   "scripts": {
     "test": "echo \\\"Error: no test specified\\\" && exit 1",
     "lint": "eslint .",
-    "format": "prettier --write 'src/**/*.js'"
+    "format": "prettier --write 'src/**/*.js'",
+    "prepare": "husky"
   },
   "repository": {
     "type": "git",
@@ -39,25 +40,19 @@
   "homepage": "https://github.com/UdaySravanK/RNSwipeButton#readme",
   "devDependencies": {
     "@react-native-community/eslint-config": "^3.2.0",
-    "eslint": "^8.0.0",
+    "@tsconfig/react-native": "^2.0.2",
+    "eslint": "^8.19.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-prettier": "^3.1.3",
-    "husky": "^4.2.5",
-    "metro-react-native-babel-preset": "^0.56.0",
+    "husky": "^9.0.1",
+    "metro-react-native-babel-preset": "^0.77.0",
     "pretty-quick": "^2.0.1",
     "stylelint-config-prettier": "^8.0.1",
-    "stylelint-prettier": "^1.1.2",
-    "tslint-config-prettier": "^1.18.0",
-    "tslint-plugin-prettier": "^2.3.0"
+    "stylelint-prettier": "^1.1.2"
   },
   "peerDependencies": {
-    "react": ">=16.8.6",
-    "react-native": ">=0.60.5"
+    "react": ">=18.1.0",
+    "react-native": ">=0.70.0"
   },
-  "types": "./types.d.ts",
-  "husky": {
-    "hooks": {
-      "pre-commit": "yarn format && git add ."
-    }
-  }
+  "types": "./types.d.ts"
 }

src/components/SwipeButton/index.js

@@ -23,7 +23,7 @@ import {
   TITLE_COLOR,
 } from '../../constants';
 
-const SwipeButton = (props) => {
+const SwipeButton = props => {
   const [layoutWidth, setLayoutWidth] = useState(0);
   const [screenReaderEnabled, setScreenReaderEnabled] = useState(false);
   const [isUnmounting, setIsUnmounting] = useState(false);
@@ -33,15 +33,15 @@ const SwipeButton = (props) => {
    * Correct layout width will be received only after first render but we need it before render.
    * So render SwipeThumb only if layoutWidth > 0
    */
-  const onLayoutContainer = async (e) => {
+  const onLayoutContainer = async e => {
     if (isUnmounting || layoutWidth) {
       return;
     }
     setLayoutWidth(e.nativeEvent.layout.width);
   };
 
   useEffect(() => {
-    const handleScreenReaderToggled = (isEnabled) => {
+    const handleScreenReaderToggled = isEnabled => {
       if (isUnmounting || screenReaderEnabled === isEnabled) {
         return;
       }
@@ -53,7 +53,7 @@ const SwipeButton = (props) => {
       handleScreenReaderToggled,
     );
 
-    AccessibilityInfo.isScreenReaderEnabled().then((isEnabled) => {
+    AccessibilityInfo.isScreenReaderEnabled().then(isEnabled => {
       if (isUnmounting) {
         return;
       }
@@ -114,8 +114,7 @@ const SwipeButton = (props) => {
           ...(width ? { width } : {}),
         },
       ]}
-      onLayout={onLayoutContainer}
-    >
+      onLayout={onLayoutContainer}>
       <Text
         maxFontSizeMultiplier={titleMaxFontScale}
         ellipsizeMode={'tail'}
@@ -130,8 +129,7 @@ const SwipeButton = (props) => {
             fontSize: titleFontSize,
             ...titleStyles,
           },
-        ]}
-      >
+        ]}>
         {title}
       </Text>
       {layoutWidth > 0 && (

src/components/SwipeThumb/index.js

@@ -17,7 +17,7 @@ import { TRANSPARENT_COLOR } from '../../constants';
 const DEFAULT_ANIMATION_DURATION = 400;
 const RESET_AFTER_SUCCESS_DEFAULT_DELAY = 1000;
 
-const SwipeThumb = (props) => {
+const SwipeThumb = props => {
   const paddingAndMarginsOffset = borderWidth + 2 * margin;
   var defaultContainerWidth = 0;
   if (props.thumbIconWidth == undefined) {
@@ -241,8 +241,7 @@ const SwipeThumb = (props) => {
           }`}
           disabled={disabled}
           onPress={onSwipeSuccess}
-          accessible
-        >
+          accessible>
           <View style={[panStyle, { width: defaultContainerWidth }]}>
             {renderThumbIcon()}
           </View>
@@ -251,8 +250,7 @@ const SwipeThumb = (props) => {
         <Animated.View
           style={[panStyle]}
           {...panResponder.panHandlers}
-          pointerEvents={shouldDisableTouch ? 'none' : 'auto'}
-        >
+          pointerEvents={shouldDisableTouch ? 'none' : 'auto'}>
           {renderThumbIcon()}
         </Animated.View>
       )}