Merge pull request #6827 from StoDevX/renovate/react-native-popover-view-5.x

Author: hawkrives

modules/filter/filter-popover.tsx

@@ -5,6 +5,7 @@ import {FilterSection} from './section'
 import type {FilterType} from './types'
 import * as c from '@frogpond/colors'
 import {View} from 'react-native'
+import {useSafeAreaInsets} from 'react-native-safe-area-context'
 
 type Props<T extends object> = {
 	anchor: RefObject<View>
@@ -16,9 +17,11 @@ type Props<T extends object> = {
 export function FilterPopover<T extends object>(props: Props<T>): JSX.Element {
 	let {anchor, onClosePopover, visible} = props
 	let [filter, setFilter] = useState<FilterType<T>>(props.filter)
+	let insets = useSafeAreaInsets()
 
 	return (
 		<Popover
+			displayAreaInsets={insets}
 			from={anchor}
 			isVisible={visible}
 			onRequestClose={() => onClosePopover(filter)}

modules/filter/package.json

@@ -11,7 +11,7 @@
   "peerDependencies": {
     "react": "^17.0.2",
     "react-native": "^0.68.0",
-    "react-native-popover-view": "^4.0.0",
+    "react-native-popover-view": "^5.1.7",
     "react-native-vector-icons": "^9.2.0"
   },
   "dependencies": {

package-lock.json

@@ -88,7 +88,7 @@
     "react-native-keychain": "8.1.1",
     "react-native-network-logger": "1.14.0",
     "react-native-paper": "5.1.4",
-    "react-native-popover-view": "4.1.0",
+    "react-native-popover-view": "5.1.7",
     "react-native-reanimated": "2.14.4",
     "react-native-restart": "0.0.24",
     "react-native-safe-area-context": "4.5.0",