react-native-drawer-layout 5.0.0-alpha.1 → 5.0.0-alpha.3

package/lib/module/utils/useDrawerProgress.js

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import { DrawerProgressContext } from "./DrawerProgressContext.js";
 export function useDrawerProgress() {
-  const progress = React.useContext(DrawerProgressContext);
+  const progress = React.use(DrawerProgressContext);
   if (progress === undefined) {
     throw new Error("Couldn't find a drawer. Is your component inside a drawer?");
   }

package/lib/module/utils/useDrawerProgress.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DrawerProgressContext","useDrawerProgress","progress","useContext","undefined","Error"],"sourceRoot":"../../../src","sources":["utils/useDrawerProgress.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,qBAAqB,QAAQ,4BAAyB;AAE/D,OAAO,SAASC,iBAAiBA,CAAA,EAAkC;EACjE,MAAMC,QAAQ,GAAGH,KAAK,CAACI,UAAU,CAACH,qBAAqB,CAAC;EAExD,IAAIE,QAAQ,KAAKE,SAAS,EAAE;IAC1B,MAAM,IAAIC,KAAK,CACb,4DACF,CAAC;EACH;EAEA,OAAOH,QAAQ;AACjB","ignoreList":[]}
+{"version":3,"names":["React","DrawerProgressContext","useDrawerProgress","progress","use","undefined","Error"],"sourceRoot":"../../../src","sources":["utils/useDrawerProgress.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,qBAAqB,QAAQ,4BAAyB;AAE/D,OAAO,SAASC,iBAAiBA,CAAA,EAAkC;EACjE,MAAMC,QAAQ,GAAGH,KAAK,CAACI,GAAG,CAACH,qBAAqB,CAAC;EAEjD,IAAIE,QAAQ,KAAKE,SAAS,EAAE;IAC1B,MAAM,IAAIC,KAAK,CACb,4DACF,CAAC;EACH;EAEA,OAAOH,QAAQ;AACjB","ignoreList":[]}

package/lib/typescript/src/types.d.ts

@@ -18,23 +18,23 @@ export type DrawerProps = {
     /**
      * Callback which is called when a gesture starts.
      */
-    onGestureStart?: () => void;
+    onGestureStart?: (() => void) | undefined;
     /**
      * Callback which is called when a gesture is cancelled.
      */
-    onGestureCancel?: () => void;
+    onGestureCancel?: (() => void) | undefined;
     /**
      * Callback which is called when a gesture ends.
      */
-    onGestureEnd?: () => void;
+    onGestureEnd?: (() => void) | undefined;
     /**
      * Callback which is called when the opening/closing transition starts.
      */
-    onTransitionStart?: (closing: boolean) => void;
+    onTransitionStart?: ((closing: boolean) => void) | undefined;
     /**
      * Callback which is called when the opening/closing transition ends.
      */
-    onTransitionEnd?: (closing: boolean) => void;
+    onTransitionEnd?: ((closing: boolean) => void) | undefined;
     /**
      * Callback which returns a react element to render as the content of the drawer.
      */
@@ -43,12 +43,12 @@ export type DrawerProps = {
      * Locale direction of the drawer.
      * Defaults to `rtl` when `I18nManager.getConstants().isRTL` is `true` on Android & iOS, otherwise `ltr`.
      */
-    direction?: 'ltr' | 'rtl';
+    direction?: 'ltr' | 'rtl' | undefined;
     /**
      * Position of the drawer on the screen.
      * Defaults to `right` in RTL mode, otherwise `left`.
      */
-    drawerPosition?: 'left' | 'right';
+    drawerPosition?: 'left' | 'right' | undefined;
     /**
      * Type of the drawer. It determines how the drawer looks and animates.
      * - `front`: Traditional drawer which covers the screen with a overlay behind it.
@@ -58,67 +58,67 @@ export type DrawerProps = {
      *
      * Defaults to `slide` on iOS and `front` on other platforms.
      */
-    drawerType?: 'front' | 'back' | 'slide' | 'permanent';
+    drawerType?: 'front' | 'back' | 'slide' | 'permanent' | undefined;
     /**
      * Style object for the drawer component.
      * You can pass a custom background color for drawer or a custom width here.
      */
-    drawerStyle?: StyleProp<ViewStyle>;
+    drawerStyle?: StyleProp<ViewStyle> | undefined;
     /**
      * Style object for the drawer overlay.
      */
-    overlayStyle?: StyleProp<ViewStyle>;
+    overlayStyle?: StyleProp<ViewStyle> | undefined;
     /**
      * Accessibility label for the overlay. This is read by the screen reader when the user taps the overlay.
      * Defaults to "Close drawer".
      */
-    overlayAccessibilityLabel?: string;
+    overlayAccessibilityLabel?: string | undefined;
     /**
      * Whether the keyboard should be dismissed when the swipe gesture begins.
      * Defaults to `'on-drag'`. Set to `'none'` to disable keyboard handling.
      */
-    keyboardDismissMode?: 'none' | 'on-drag';
+    keyboardDismissMode?: 'none' | 'on-drag' | undefined;
     /**
      * Whether the statusbar should be hidden when the drawer is pulled or opens.
      * Defaults to `false`.
      */
-    hideStatusBarOnOpen?: boolean;
+    hideStatusBarOnOpen?: boolean | undefined;
     /**
      * Animation of the statusbar when hiding it. Use in combination with `hideStatusBarOnOpen`.
      */
-    statusBarAnimation?: 'slide' | 'fade' | 'none';
+    statusBarAnimation?: 'slide' | 'fade' | 'none' | undefined;
     /**
      * Whether you can use swipe gestures to open or close the drawer.
      * Defaults to `true`.
      * This is not supported on Web.
      */
-    swipeEnabled?: boolean;
+    swipeEnabled?: boolean | undefined;
     /**
      * How far from the edge of the screen the swipe gesture should activate.
      * Defaults to `32`.
      * This is not supported on Web.
      */
-    swipeEdgeWidth?: number;
+    swipeEdgeWidth?: number | undefined;
     /**
      * Minimum swipe distance that should activate opening the drawer.
      * Defaults to `60`.
      * This is not supported on Web.
      */
-    swipeMinDistance?: number;
+    swipeMinDistance?: number | undefined;
     /**
      * Minimum swipe velocity that should activate opening the drawer.
      * Defaults to `500`.
      * This is not supported on Web.
      */
-    swipeMinVelocity?: number;
+    swipeMinVelocity?: number | undefined;
     /**
      * Function to modify the pan gesture handler via RNGH properties API.
      */
-    configureGestureHandler?: (gesture: PanGesture) => PanGesture;
+    configureGestureHandler?: ((gesture: PanGesture) => PanGesture) | undefined;
     /**
      * Style object for the wrapper view.
      */
-    style?: StyleProp<ViewStyle>;
+    style?: StyleProp<ViewStyle> | undefined;
     /**
      * Content that the drawer should wrap.
      */
@@ -128,6 +128,6 @@ export type OverlayProps = React.ComponentProps<typeof View> & {
     open: boolean;
     progress: SharedValue<number>;
     onPress: () => void;
-    accessibilityLabel?: string;
+    accessibilityLabel?: string | undefined;
 };
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAC;IAEnB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE/C;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7C;;OAEG;IACH,mBAAmB,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAE3C;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAE1B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAElC;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC;IAEtD;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEnC;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC;;;OAGG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IAEnC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEzC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAE/C;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,uBAAuB,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,UAAU,CAAC;IAE9D;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAC7D,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-drawer-layout",
   "description": "Drawer component for React Native",
-  "version": "5.0.0-alpha.1",
+  "version": "5.0.0-alpha.3",
   "keywords": [
     "react-native-component",
     "react-component",
@@ -47,15 +47,15 @@
   },
   "devDependencies": {
     "del-cli": "^6.0.0",
-    "react": "19.1.0",
-    "react-native": "0.81.4",
+    "react": "19.2.0",
+    "react-native": "0.83.2",
     "react-native-builder-bob": "^0.40.12",
-    "react-native-reanimated": "4.1.3",
-    "react-native-worklets": "0.6.1",
+    "react-native-reanimated": "~4.2.1",
+    "react-native-worklets": "0.7.2",
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "react": ">= 19.0.0",
+    "react": ">= 19.2.0",
     "react-native": "*",
     "react-native-gesture-handler": ">= 2.0.0",
     "react-native-reanimated": ">= 4.0.0"
@@ -78,5 +78,5 @@
       ]
     ]
   },
-  "gitHead": "7e4ba3f0b8dc69e00989cb6005052c9502581cf3"
+  "gitHead": "1f1525607d00eb924e466889ec0e703a3f5474b7"
 }

package/src/types.tsx

@@ -22,27 +22,27 @@ export type DrawerProps = {
   /**
    * Callback which is called when a gesture starts.
    */
-  onGestureStart?: () => void;
+  onGestureStart?: (() => void) | undefined;
 
   /**
    * Callback which is called when a gesture is cancelled.
    */
-  onGestureCancel?: () => void;
+  onGestureCancel?: (() => void) | undefined;
 
   /**
    * Callback which is called when a gesture ends.
    */
-  onGestureEnd?: () => void;
+  onGestureEnd?: (() => void) | undefined;
 
   /**
    * Callback which is called when the opening/closing transition starts.
    */
-  onTransitionStart?: (closing: boolean) => void;
+  onTransitionStart?: ((closing: boolean) => void) | undefined;
 
   /**
    * Callback which is called when the opening/closing transition ends.
    */
-  onTransitionEnd?: (closing: boolean) => void;
+  onTransitionEnd?: ((closing: boolean) => void) | undefined;
 
   /**
    * Callback which returns a react element to render as the content of the drawer.
@@ -53,13 +53,13 @@ export type DrawerProps = {
    * Locale direction of the drawer.
    * Defaults to `rtl` when `I18nManager.getConstants().isRTL` is `true` on Android & iOS, otherwise `ltr`.
    */
-  direction?: 'ltr' | 'rtl';
+  direction?: 'ltr' | 'rtl' | undefined;
 
   /**
    * Position of the drawer on the screen.
    * Defaults to `right` in RTL mode, otherwise `left`.
    */
-  drawerPosition?: 'left' | 'right';
+  drawerPosition?: 'left' | 'right' | undefined;
 
   /**
    * Type of the drawer. It determines how the drawer looks and animates.
@@ -70,79 +70,79 @@ export type DrawerProps = {
    *
    * Defaults to `slide` on iOS and `front` on other platforms.
    */
-  drawerType?: 'front' | 'back' | 'slide' | 'permanent';
+  drawerType?: 'front' | 'back' | 'slide' | 'permanent' | undefined;
 
   /**
    * Style object for the drawer component.
    * You can pass a custom background color for drawer or a custom width here.
    */
-  drawerStyle?: StyleProp<ViewStyle>;
+  drawerStyle?: StyleProp<ViewStyle> | undefined;
 
   /**
    * Style object for the drawer overlay.
    */
-  overlayStyle?: StyleProp<ViewStyle>;
+  overlayStyle?: StyleProp<ViewStyle> | undefined;
 
   /**
    * Accessibility label for the overlay. This is read by the screen reader when the user taps the overlay.
    * Defaults to "Close drawer".
    */
-  overlayAccessibilityLabel?: string;
+  overlayAccessibilityLabel?: string | undefined;
 
   /**
    * Whether the keyboard should be dismissed when the swipe gesture begins.
    * Defaults to `'on-drag'`. Set to `'none'` to disable keyboard handling.
    */
-  keyboardDismissMode?: 'none' | 'on-drag';
+  keyboardDismissMode?: 'none' | 'on-drag' | undefined;
 
   /**
    * Whether the statusbar should be hidden when the drawer is pulled or opens.
    * Defaults to `false`.
    */
-  hideStatusBarOnOpen?: boolean;
+  hideStatusBarOnOpen?: boolean | undefined;
 
   /**
    * Animation of the statusbar when hiding it. Use in combination with `hideStatusBarOnOpen`.
    */
-  statusBarAnimation?: 'slide' | 'fade' | 'none';
+  statusBarAnimation?: 'slide' | 'fade' | 'none' | undefined;
 
   /**
    * Whether you can use swipe gestures to open or close the drawer.
    * Defaults to `true`.
    * This is not supported on Web.
    */
-  swipeEnabled?: boolean;
+  swipeEnabled?: boolean | undefined;
 
   /**
    * How far from the edge of the screen the swipe gesture should activate.
    * Defaults to `32`.
    * This is not supported on Web.
    */
-  swipeEdgeWidth?: number;
+  swipeEdgeWidth?: number | undefined;
 
   /**
    * Minimum swipe distance that should activate opening the drawer.
    * Defaults to `60`.
    * This is not supported on Web.
    */
-  swipeMinDistance?: number;
+  swipeMinDistance?: number | undefined;
 
   /**
    * Minimum swipe velocity that should activate opening the drawer.
    * Defaults to `500`.
    * This is not supported on Web.
    */
-  swipeMinVelocity?: number;
+  swipeMinVelocity?: number | undefined;
 
   /**
    * Function to modify the pan gesture handler via RNGH properties API.
    */
-  configureGestureHandler?: (gesture: PanGesture) => PanGesture;
+  configureGestureHandler?: ((gesture: PanGesture) => PanGesture) | undefined;
 
   /**
    * Style object for the wrapper view.
    */
-  style?: StyleProp<ViewStyle>;
+  style?: StyleProp<ViewStyle> | undefined;
 
   /**
    * Content that the drawer should wrap.
@@ -154,5 +154,5 @@ export type OverlayProps = React.ComponentProps<typeof View> & {
   open: boolean;
   progress: SharedValue<number>;
   onPress: () => void;
-  accessibilityLabel?: string;
+  accessibilityLabel?: string | undefined;
 };

package/src/utils/useDrawerProgress.tsx

@@ -4,7 +4,7 @@ import type { SharedValue } from 'react-native-reanimated';
 import { DrawerProgressContext } from './DrawerProgressContext';
 
 export function useDrawerProgress(): Readonly<SharedValue<number>> {
-  const progress = React.useContext(DrawerProgressContext);
+  const progress = React.use(DrawerProgressContext);
 
   if (progress === undefined) {
     throw new Error(