change to expo-haptics

Author: nhannah

package.json

@@ -45,7 +45,7 @@
     "react-native": "*",
     "react-native-svg": ">=7.0.0<10",
     "react-native-gesture-handler": ">1.1.0<2",
-    "react-native-haptic-feedback": "^1.8.0"
+    "expo-haptics": "^8.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.7.7",

src/lib/SlideBarChart.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react'
 import { View, StyleSheet, Animated, TextInput, TouchableWithoutFeedback } from 'react-native'
-import { isAndroid, vw, reactNativeHapticFeedbackIOS } from './utils/platform'
+import { isAndroid, vw, reactNativeHapticSelectionIOS } from './utils/platform'
 import ToolTip from './components/toolTip/ToolTip'
 import { scaleTime, scaleLinear, ScaleTime, ScaleLinear } from 'd3-scale'
 import Cursor from './components/Cursor/Cursor'
@@ -312,7 +312,7 @@ class SlideBarChart extends Component<SlideBarChartComponentProps, State> {
       return
     }
     if (isTouch && hapticFeedback) {
-      reactNativeHapticFeedbackIOS('selection')
+      reactNativeHapticSelectionIOS()
     }
     this.setState({ selectedBarNumber: this.selectedBarNumber })
     const barWidthForToolTip = barWidth ??

src/lib/utils/platform.ts

@@ -1,7 +1,5 @@
 import { Platform, Dimensions } from 'react-native'
-import ReactNativeHapticFeedback, {
-  HapticFeedbackTypes,
-} from 'react-native-haptic-feedback'
+import * as Haptics from 'expo-haptics'
 
 export const isAndroid = () => {
   return Platform.OS === 'android'
@@ -19,15 +17,8 @@ export const vw = (
   return rounded ? Math.round(value) : value
 }
 
-export const hapticFeedbackOptions = {
-  enableVibrateFallback: false,
-  ignoreAndroidSystemSettings: false,
-}
-
-export const reactNativeHapticFeedbackIOS = (
-  impactType: HapticFeedbackTypes
-) => {
+export const reactNativeHapticSelectionIOS = () => {
   if (isIOS()) {
-    ReactNativeHapticFeedback.trigger(impactType, hapticFeedbackOptions)
+    Haptics.selectionAsync()
   }
 }