Merge pull request #54 from SimformSolutionsPvtLtd/develop

Release v1.0.0
SimformSolutionsPvtLtd · Jun 12, 2024 · 40ee9d5 · 40ee9d5
2 parents fe6c050 + 8286d9f
commit 40ee9d5
Show file tree

Hide file tree

Showing 8 changed files with 61 additions and 58 deletions.
diff --git a/babel.config.js b/babel.config.js
@@ -1,3 +1,6 @@
 module.exports = {
   presets: ['module:metro-react-native-babel-preset'],
+  plugins: [
+    'react-native-reanimated/plugin',
+  ],
 };
diff --git a/example/ios/Podfile b/example/ios/Podfile
@@ -31,5 +31,10 @@ target 'reactions_example' do
   post_install do |installer|
     react_native_post_install(installer)
     __apply_Xcode_12_5_M1_post_install_workaround(installer)
+    installer.pods_project.targets.each do |target|
+      target.build_configurations.each do |config|
+        config.build_settings['IPHONEOS_DEPLOYMENT_TARGET'] = '12.4'
+      end
+    end
   end
 end
diff --git a/example/package.json b/example/package.json
@@ -13,8 +13,8 @@
     "lodash": "^4.17.21",
     "react": "18.0.0",
     "react-native": "0.69.5",
-    "react-native-gesture-handler": "^2.6.0",
-    "react-native-reanimated": "^2.10.0"
+    "react-native-gesture-handler": "2.16.2",
+    "react-native-reanimated": "3.8.1"
   },
   "devDependencies": {
     "@babel/core": "^7.12.9",
@@ -36,7 +36,8 @@
     "typescript": "^4.6.4"
   },
   "resolutions": {
-    "@types/react": "*"
+    "@types/react": "*",
+    "react-native-reanimated": "3.8.1"
   },
   "jest": {
     "preset": "react-native",

diff --git a/example/src/component/Card/Card.tsx b/example/src/component/Card/Card.tsx
@@ -19,9 +19,9 @@ const Footer = ({
       itemIndex={index}
       onTap={setSelectedEmoji}
       onShowDismissCard={onShowDismissCard}>
-      <Text>{selectedEmoji ? selectedEmoji?.emoji : Strings?.like}</Text>
+      <Text style={styles.text}>{selectedEmoji ? selectedEmoji?.emoji : Strings?.like}</Text>
     </Reaction>
-    <Text>{Strings?.share}</Text>
+    <Text style={styles.text}>{Strings?.share}</Text>
   </View>
 );
 

diff --git a/example/src/component/Card/styles.ts b/example/src/component/Card/styles.ts
@@ -31,5 +31,8 @@ export const styles = StyleSheet.create({
         width: scale(18),
         height: verticalScale(18),
         resizeMode: "contain"
+    },
+    text: {
+        color: Colors.black
     }
 })
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-reactions",
-  "version": "0.0.4",
+  "version": "1.0.0",
   "description": "A React Native component to provide animated reaction picker",
   "main": "lib/index",
   "types": "lib/index.d.ts",
@@ -54,8 +54,8 @@
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
-    "react-native-gesture-handler": "^2.6.0",
-    "react-native-reanimated": "^2.10.0"
+    "react-native-gesture-handler": "2.16.2",
+    "react-native-reanimated": "3.8.1"
   },
   "devDependencies": {
     "@commitlint/cli": "^16.1.0",
@@ -65,8 +65,8 @@
     "@types/jest": "^27.4.0",
     "babel-jest": "^27.4.6",
     "eslint-plugin-simple-import-sort": "^7.0.0",
-    "react-native-gesture-handler": "^2.6.0",
-    "react-native-reanimated": "^2.10.0",
+    "react-native-gesture-handler": "2.16.2",
+    "react-native-reanimated": "3.8.1",
     "husky": "^7.0.4",
     "jest": "^27.4.7",
     "lint-staged": "^11.1.2",
@@ -86,7 +86,8 @@
     "react-test-renderer": "18.0.0"
   },
   "resolutions": {
-    "@types/react": "*"
+    "@types/react": "*",
+    "react-native-reanimated": "3.8.1"
   },
   "jest": {
     "preset": "react-native",
@@ -123,4 +124,4 @@
       "@commitlint/config-conventional"
     ]
   }
-}
+}
diff --git a/src/components/EmojiItem/hooks/useEmojiItem.ts b/src/components/EmojiItem/hooks/useEmojiItem.ts
@@ -47,7 +47,7 @@ const useEmojiItem = (props: EmojiItemProps) => {
     setTitlePosition(e.nativeEvent.layout.x - 4);
   };
 
-  const reverseEnim = (scaleEmoji as any).value === 2 ? [2, 1, 0] : [0, 1, 2];
+  const reverseEnim = (scaleEmoji as any).value === 2 ? [2, 1, 1] : [1, 1, 2];
 
   useEffect(() => {
     scaleEmoji.value = withTiming(scaled ? 2 : 1, {

diff --git a/src/components/ReactionView/__tests__/__snapshots__/ReactionView.test.tsx.snap b/src/components/ReactionView/__tests__/__snapshots__/ReactionView.test.tsx.snap
@@ -13,61 +13,51 @@ exports[`ReactionView component Match Snapshot 1`] = `
   }
 >
   <View
-    accessibilityState={
-      Object {
-        "disabled": false,
-      }
-    }
-    accessible={true}
-    collapsable={false}
-    focusable={true}
-    onClick={[Function]}
     onLayout={[Function]}
+    onMoveShouldSetResponder={[Function]}
+    onMoveShouldSetResponderCapture={[Function]}
+    onResponderEnd={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
+    onResponderReject={[Function]}
     onResponderRelease={[Function]}
+    onResponderStart={[Function]}
     onResponderTerminate={[Function]}
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
-    style={
-      Object {
-        "opacity": 1,
-      }
-    }
+    onStartShouldSetResponderCapture={[Function]}
+    onTouchEnd={[Function]}
+    onTouchStart={[Function]}
   >
     <View
-      onTouchEnd={[Function]}
-      onTouchStart={[Function]}
-    >
-      <Text
-        disabled={false}
-        onLongPress={[Function]}
-        onMoveShouldSetResponder={[Function]}
-        onMoveShouldSetResponderCapture={[Function]}
-        onPress={[Function]}
-        onResponderEnd={[Function]}
-        onResponderGrant={[Function]}
-        onResponderMove={[Function]}
-        onResponderReject={[Function]}
-        onResponderRelease={[Function]}
-        onResponderStart={[Function]}
-        onResponderTerminate={[Function]}
-        onResponderTerminationRequest={[Function]}
-        onStartShouldSetResponder={[Function]}
-        onStartShouldSetResponderCapture={[Function]}
-        style={
-          Object {
-            "alignItems": "center",
-            "justifyContent": "center",
-          }
+      accessibilityState={
+        Object {
+          "disabled": false,
         }
-      >
-        <Text
-          onLongPress={[Function]}
-          onPress={[Function]}
-        >
-          Emoji Text
-        </Text>
+      }
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      hitSlop={
+        Object {
+          "bottom": 20,
+          "left": 20,
+          "right": 20,
+          "top": 20,
+        }
+      }
+      onBlur={[Function]}
+      onClick={[Function]}
+      onFocus={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+    >
+      <Text>
+        Emoji Text
       </Text>
     </View>
   </View>