react-native-drawer-layout 4.0.0 → 4.0.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-drawer-layout",
   "description": "Drawer component for React Native",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "keywords": [
     "react-native-component",
     "react-component",
@@ -52,8 +52,8 @@
   },
   "devDependencies": {
     "del-cli": "^5.1.0",
-    "react": "18.2.0",
-    "react-native": "0.74.5",
+    "react": "18.3.1",
+    "react-native": "0.76.2",
     "react-native-builder-bob": "^0.29.0",
     "typescript": "^5.5.2"
   },
@@ -88,5 +88,5 @@
       ]
     ]
   },
-  "gitHead": "25964f799b3abe103a58e2e321790cfa85e4067b"
+  "gitHead": "9ed7f88db02bf6b2565d575f79bd2feb0ceae1fa"
 }

package/src/utils/useFakeSharedValue.tsx

@@ -20,6 +20,14 @@ class FakeSharedValue {
     this.value = modifier !== undefined ? modifier(this.value) : this.value;
   }
 
+  get() {
+    return this.value;
+  }
+
+  set(value: number) {
+    this.value = value;
+  }
+
   set value(value: number) {
     this._value = value;
 

package/src/views/Drawer.native.tsx

@@ -219,19 +219,23 @@ export function Drawer({
 
   let pan = Gesture?.Pan()
     .onBegin((event) => {
+      'worklet';
       startX.value = translationX.value;
       gestureState.value = event.state;
       touchStartX.value = event.x;
     })
     .onStart(() => {
+      'worklet';
       runOnJS(onGestureBegin)();
     })
     .onChange((event) => {
+      'worklet';
       touchX.value = event.x;
       translationX.value = startX.value + event.translationX;
       gestureState.value = event.state;
     })
     .onEnd((event, success) => {
+      'worklet';
       gestureState.value = event.state;
 
       if (!success) {
@@ -330,7 +334,14 @@ export function Drawer({
               },
             ],
     };
-  });
+  }, [
+    direction,
+    drawerPosition,
+    drawerType,
+    drawerWidth,
+    layout.width,
+    translateX,
+  ]);
 
   const contentAnimatedStyle = useAnimatedStyle(() => {
     return {
@@ -350,7 +361,7 @@ export function Drawer({
               },
             ],
     };
-  });
+  }, [drawerPosition, drawerType, drawerWidth, translateX]);
 
   const progress = useDerivedValue(() => {
     return drawerType === 'permanent'

package/src/views/Overlay.native.tsx

@@ -22,7 +22,7 @@ export function Overlay({
       // We can send the overlay behind the screen to avoid it
       zIndex: progress.value > PROGRESS_EPSILON ? 0 : -1,
     };
-  });
+  }, [progress]);
 
   const animatedProps = useAnimatedProps(() => {
     const active = progress.value > PROGRESS_EPSILON;
@@ -32,7 +32,7 @@ export function Overlay({
       accessibilityElementsHidden: !active,
       importantForAccessibility: active ? 'auto' : 'no-hide-descendants',
     } as const;
-  });
+  }, [progress]);
 
   return (
     <Animated.View