chore: updated content wrapper

src/components/contentWrapper/ContentWrapper.android.tsx

@@ -1,26 +1,32 @@
 import React, { forwardRef, memo } from 'react';
 import isEqual from 'lodash.isequal';
 import { TapGestureHandler } from 'react-native-gesture-handler';
+import Animated from 'react-native-reanimated';
 import type { BottomSheetContentWrapperProps } from './types';
 
 const ContentWrapperComponent = forwardRef<
   TapGestureHandler,
   BottomSheetContentWrapperProps
 >(
   (
-    { children, initialMaxDeltaY, onGestureEvent, onHandlerStateChange },
+    { style, children, onLayout, onGestureEvent, onHandlerStateChange },
     ref
   ) => {
     return (
       <TapGestureHandler
         ref={ref}
         maxDurationMs={1000000}
-        maxDeltaY={initialMaxDeltaY}
         shouldCancelWhenOutside={false}
         onGestureEvent={onGestureEvent}
         onHandlerStateChange={onHandlerStateChange}
       >
-        {children}
+        <Animated.View
+          onLayout={onLayout}
+          pointerEvents="box-none"
+          style={style}
+        >
+          {children}
+        </Animated.View>
       </TapGestureHandler>
     );
   }

src/components/contentWrapper/ContentWrapper.ios.tsx

@@ -9,19 +9,22 @@ const ContentWrapperComponent = forwardRef<
   BottomSheetContentWrapperProps
 >(
   (
-    { children, initialMaxDeltaY, style, onGestureEvent, onHandlerStateChange },
+    { style, children, onLayout, onGestureEvent, onHandlerStateChange },
     ref
   ) => {
     return (
       <TapGestureHandler
         ref={ref}
         maxDurationMs={1000000}
-        maxDeltaY={initialMaxDeltaY}
         shouldCancelWhenOutside={false}
         onGestureEvent={onGestureEvent}
         onHandlerStateChange={onHandlerStateChange}
       >
-        <Animated.View pointerEvents="box-none" style={style}>
+        <Animated.View
+          onLayout={onLayout}
+          pointerEvents="box-none"
+          style={style}
+        >
           {children}
         </Animated.View>
       </TapGestureHandler>

src/components/contentWrapper/types.d.ts

@@ -1,11 +1,11 @@
 import type { RefAttributes } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
 import type { TapGestureHandler } from 'react-native-gesture-handler';
 
 export type BottomSheetContentWrapperProps = {
-  children: React.ReactNode;
-  initialMaxDeltaY: number;
   style: StyleProp<ViewStyle>;
+  children: React.ReactNode;
+  onLayout?: ViewProps['onLayout'];
   onHandlerStateChange: (...args: any[]) => void;
   onGestureEvent: (...args: any[]) => void;
 };