react-native-drawer-layout 4.0.0-alpha.1 → 4.0.0-alpha.2

package/lib/typescript/src/views/Drawer.d.ts

@@ -1,19 +1,4 @@
-import { StyleProp, ViewStyle } from 'react-native';
+import * as React from 'react';
 import type { DrawerProps } from '../types';
-type Props = DrawerProps & {
-    /**
-     * Whether to use the legacy implementation of the drawer.
-     * The legacy implementation uses v1 of Reanimated.
-     * The modern implementation uses v2 of Reanimated.
-     *
-     * By default, the appropriate implementation is used based on whether Reanimated v2 is configured.
-     */
-    useLegacyImplementation?: boolean;
-    /**
-     * Style object for the wrapper view.
-     */
-    style?: StyleProp<ViewStyle>;
-};
-export declare function Drawer({ useLegacyImplementation, layout: customLayout, drawerType, drawerPosition, drawerStyle, swipeEnabled, swipeEdgeWidth, swipeMinDistance, swipeMinVelocity, keyboardDismissMode, hideStatusBarOnOpen, statusBarAnimation, style, ...rest }: Props): JSX.Element;
-export {};
+export declare function Drawer({ layout: customLayout, drawerPosition, drawerStyle, drawerType, gestureHandlerProps, hideStatusBarOnOpen, keyboardDismissMode, onClose, onOpen, onGestureStart, onGestureCancel, onGestureEnd, onTransitionStart, onTransitionEnd, open, overlayStyle, overlayAccessibilityLabel, statusBarAnimation, swipeEnabled, swipeEdgeWidth, swipeMinDistance, swipeMinVelocity, renderDrawerContent, children, style, }: DrawerProps): React.JSX.Element;
 //# sourceMappingURL=Drawer.d.ts.map

package/lib/typescript/src/views/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/views/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,KAAK,KAAK,GAAG,WAAW,GAAG;IACzB;;;;;;OAMG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAuBF,wBAAgB,MAAM,CAAC,EAGrB,uBAAsD,EACtD,MAAM,EAAE,YAAY,EACpB,UAAgE,EAChE,cAAoE,EACpE,WAAW,EACX,YAEyB,EACzB,cAAmB,EACnB,gBAAqC,EACrC,gBAAqC,EACrC,mBAA+B,EAC/B,mBAA2B,EAC3B,kBAA4B,EAC5B,KAAK,EACL,GAAG,IAAI,EACR,EAAE,KAAK,eAyCP"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/views/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4B/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAqC5C,wBAAgB,MAAM,CAAC,EACrB,MAAM,EAAE,YAAY,EACpB,cAAoE,EACpE,WAAW,EACX,UAAgE,EAChE,mBAAmB,EACnB,mBAA2B,EAC3B,mBAA+B,EAC/B,OAAO,EACP,MAAM,EACN,cAAc,EACd,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,IAAI,EACJ,YAAY,EACZ,yBAAyB,EACzB,kBAA4B,EAC5B,YAEyB,EACzB,cAAiC,EACjC,gBAAqC,EACrC,gBAAqC,EACrC,mBAAmB,EACnB,QAAQ,EACR,KAAK,GACN,EAAE,WAAW,qBA8Wb"}

package/lib/typescript/src/views/GestureHandlerNative.d.ts

@@ -1,5 +1,6 @@
-import { PanGestureHandlerProperties } from 'react-native-gesture-handler';
-export declare function PanGestureHandler(props: PanGestureHandlerProperties): JSX.Element;
+import * as React from 'react';
+import { type PanGestureHandlerProperties } from 'react-native-gesture-handler';
+export declare function PanGestureHandler(props: PanGestureHandlerProperties): React.JSX.Element;
 export type { PanGestureHandlerGestureEvent } from 'react-native-gesture-handler';
 export { GestureHandlerRootView, State as GestureState, TapGestureHandler, } from 'react-native-gesture-handler';
 //# sourceMappingURL=GestureHandlerNative.d.ts.map

package/lib/typescript/src/views/GestureHandlerNative.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GestureHandlerNative.d.ts","sourceRoot":"","sources":["../../../../src/views/GestureHandlerNative.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,2BAA2B,EAC5B,MAAM,8BAA8B,CAAC;AAItC,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,2BAA2B,eAQnE;AAED,YAAY,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAClF,OAAO,EACL,sBAAsB,EACtB,KAAK,IAAI,YAAY,EACrB,iBAAiB,GAClB,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"GestureHandlerNative.d.ts","sourceRoot":"","sources":["../../../../src/views/GestureHandlerNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,8BAA8B,CAAC;AAItC,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,2BAA2B,qBAQnE;AAED,YAAY,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAClF,OAAO,EACL,sBAAsB,EACtB,KAAK,IAAI,YAAY,EACrB,iBAAiB,GAClB,MAAM,8BAA8B,CAAC"}

package/lib/typescript/src/views/Overlay.d.ts

@@ -0,0 +1,106 @@
+import * as React from 'react';
+import Animated from 'react-native-reanimated';
+export declare const Overlay: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode | Animated.SharedValue<React.ReactNode>;
+    hitSlop?: import("react-native").Insets | Animated.SharedValue<import("react-native").Insets | undefined> | undefined;
+    id?: string | Animated.SharedValue<string | undefined> | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | Animated.SharedValue<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
+    pointerEvents?: "none" | "box-none" | "box-only" | "auto" | Animated.SharedValue<"none" | "box-none" | "box-only" | "auto" | undefined> | undefined;
+    removeClippedSubviews?: boolean | Animated.SharedValue<boolean | undefined> | undefined;
+    testID?: string | Animated.SharedValue<string | undefined> | undefined;
+    nativeID?: string | Animated.SharedValue<string | undefined> | undefined;
+    collapsable?: boolean | Animated.SharedValue<boolean | undefined> | undefined;
+    needsOffscreenAlphaCompositing?: boolean | Animated.SharedValue<boolean | undefined> | undefined;
+    renderToHardwareTextureAndroid?: boolean | Animated.SharedValue<boolean | undefined> | undefined;
+    focusable?: boolean | Animated.SharedValue<boolean | undefined> | undefined;
+    shouldRasterizeIOS?: boolean | Animated.SharedValue<boolean | undefined> | undefined;
+    isTVSelectable?: boolean | Animated.SharedValue<boolean | undefined> | undefined;
+    hasTVPreferredFocus?: boolean | Animated.SharedValue<boolean | undefined> | undefined;
+    tvParallaxProperties?: import("react-native").TVParallaxProperties | Animated.SharedValue<import("react-native").TVParallaxProperties | undefined> | undefined;
+    tvParallaxShiftDistanceX?: number | Animated.SharedValue<number | undefined> | undefined;
+    tvParallaxShiftDistanceY?: number | Animated.SharedValue<number | undefined> | undefined;
+    tvParallaxTiltAngle?: number | Animated.SharedValue<number | undefined> | undefined;
+    tvParallaxMagnification?: number | Animated.SharedValue<number | undefined> | undefined;
+    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | Animated.SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | Animated.SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | Animated.SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | Animated.SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | Animated.SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | Animated.SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | Animated.SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | Animated.SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerDown?: ((event: import("react-native").PointerEvent) => void) | Animated.SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | Animated.SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerUp?: ((event: import("react-native").PointerEvent) => void) | Animated.SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | Animated.SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    accessible?: boolean | Animated.SharedValue<boolean | undefined> | undefined;
+    accessibilityActions?: readonly Readonly<{
+        name: string;
+        label?: string | undefined;
+    }>[] | Animated.SharedValue<readonly Readonly<{
+        name: string;
+        label?: string | undefined;
+    }>[] | undefined> | undefined;
+    accessibilityLabel?: string | Animated.SharedValue<string | undefined> | undefined;
+    'aria-label'?: string | Animated.SharedValue<string | undefined> | undefined;
+    accessibilityRole?: import("react-native").AccessibilityRole | Animated.SharedValue<import("react-native").AccessibilityRole | undefined> | undefined;
+    accessibilityState?: import("react-native").AccessibilityState | Animated.SharedValue<import("react-native").AccessibilityState | undefined> | undefined;
+    'aria-busy'?: boolean | Animated.SharedValue<boolean | undefined> | undefined;
+    'aria-checked'?: boolean | "mixed" | Animated.SharedValue<boolean | "mixed" | undefined> | undefined;
+    'aria-disabled'?: boolean | Animated.SharedValue<boolean | undefined> | undefined;
+    'aria-expanded'?: boolean | Animated.SharedValue<boolean | undefined> | undefined;
+    'aria-selected'?: boolean | Animated.SharedValue<boolean | undefined> | undefined;
+    'aria-labelledby'?: string | Animated.SharedValue<string | undefined> | undefined;
+    accessibilityHint?: string | Animated.SharedValue<string | undefined> | undefined;
+    accessibilityValue?: import("react-native").AccessibilityValue | Animated.SharedValue<import("react-native").AccessibilityValue | undefined> | undefined;
+    'aria-valuemax'?: number | Animated.SharedValue<number | undefined> | undefined;
+    'aria-valuemin'?: number | Animated.SharedValue<number | undefined> | undefined;
+    'aria-valuenow'?: number | Animated.SharedValue<number | undefined> | undefined;
+    'aria-valuetext'?: string | Animated.SharedValue<string | undefined> | undefined;
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | Animated.SharedValue<((event: import("react-native").AccessibilityActionEvent) => void) | undefined> | undefined;
+    importantForAccessibility?: "auto" | "no-hide-descendants" | "yes" | "no" | Animated.SharedValue<"auto" | "no-hide-descendants" | "yes" | "no" | undefined> | undefined;
+    'aria-hidden'?: boolean | Animated.SharedValue<boolean | undefined> | undefined;
+    'aria-live'?: "polite" | "assertive" | "off" | Animated.SharedValue<"polite" | "assertive" | "off" | undefined> | undefined;
+    'aria-modal'?: boolean | Animated.SharedValue<boolean | undefined> | undefined;
+    role?: import("react-native").Role | Animated.SharedValue<import("react-native").Role | undefined> | undefined;
+    accessibilityLiveRegion?: "none" | "polite" | "assertive" | Animated.SharedValue<"none" | "polite" | "assertive" | undefined> | undefined;
+    accessibilityLabelledBy?: string | string[] | Animated.SharedValue<string | string[] | undefined> | undefined;
+    accessibilityElementsHidden?: boolean | Animated.SharedValue<boolean | undefined> | undefined;
+    accessibilityViewIsModal?: boolean | Animated.SharedValue<boolean | undefined> | undefined;
+    onAccessibilityEscape?: (() => void) | Animated.SharedValue<(() => void) | undefined> | undefined;
+    onAccessibilityTap?: (() => void) | Animated.SharedValue<(() => void) | undefined> | undefined;
+    onMagicTap?: (() => void) | Animated.SharedValue<(() => void) | undefined> | undefined;
+    accessibilityIgnoresInvertColors?: boolean | Animated.SharedValue<boolean | undefined> | undefined;
+    accessibilityLanguage?: string | Animated.SharedValue<string | undefined> | undefined;
+} & {
+    style?: import("react-native").StyleProp<Animated.AnimateStyle<import("react-native").StyleProp<import("react-native").ViewStyle>>>;
+} & {
+    animatedProps?: Partial<Animated.AnimateProps<import("react-native").ViewProps>> | undefined;
+    layout?: import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").LayoutAnimationFunction | typeof import("react-native-reanimated").BaseAnimationBuilder | undefined;
+    entering?: import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated").Keyframe | undefined;
+    exiting?: import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated").Keyframe | undefined;
+    sharedTransitionTag?: string | undefined;
+    sharedTransitionStyle?: import("react-native-reanimated").ILayoutAnimationBuilder | undefined;
+} & {
+    progress: Animated.SharedValue<number>;
+    onPress: () => void;
+    accessibilityLabel?: string | undefined;
+} & React.RefAttributes<Animated.View>>;
+//# sourceMappingURL=Overlay.d.ts.map

package/lib/typescript/src/views/Overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../src/views/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,QAGN,MAAM,yBAAyB,CAAC;AAUjC,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cALR,SAAS,WAAW,CAAC,MAAM,CAAC;aAC7B,MAAM,IAAI;;uCAgDnB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-drawer-layout",
   "description": "Drawer component for React Native",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.2",
   "keywords": [
     "react-native-component",
     "react-component",
@@ -37,20 +37,20 @@
     "clean": "del lib"
   },
   "dependencies": {
-    "use-latest-callback": "^0.1.5"
+    "use-latest-callback": "^0.1.9"
   },
   "devDependencies": {
-    "del-cli": "^5.0.0",
+    "del-cli": "^5.1.0",
     "react": "18.2.0",
-    "react-native": "0.71.8",
-    "react-native-builder-bob": "^0.21.0",
-    "typescript": "^4.9.4"
+    "react-native": "0.72.6",
+    "react-native-builder-bob": "^0.23.1",
+    "typescript": "^5.2.2"
   },
   "peerDependencies": {
     "react": "*",
-    "react-native": "*",
-    "react-native-gesture-handler": ">= 1.0.0",
-    "react-native-reanimated": ">= 1.0.0"
+    "react-native": "0.72.6",
+    "react-native-gesture-handler": "~2.12.0",
+    "react-native-reanimated": "~3.3.0"
   },
   "react-native-builder-bob": {
     "source": "src",
@@ -66,5 +66,5 @@
       ]
     ]
   },
-  "gitHead": "ae0a70c2d94f77cd8ca8b8d3028f684a63f81b92"
+  "gitHead": "858a8746a5c007a623206c920f70d55935ed39b4"
 }

package/src/constants.tsx

@@ -1,4 +1,4 @@
+export const SWIPE_EDGE_WIDTH = 32;
 export const SWIPE_MIN_OFFSET = 5;
 export const SWIPE_MIN_DISTANCE = 60;
 export const SWIPE_MIN_VELOCITY = 500;
-export const DEFAULT_DRAWER_WIDTH = '80%';

package/src/types.tsx

@@ -140,6 +140,11 @@ export type DrawerProps = {
    */
   gestureHandlerProps?: React.ComponentProps<typeof PanGestureHandler>;
 
+  /**
+   * Style object for the wrapper view.
+   */
+  style?: StyleProp<ViewStyle>;
+
   /**
    * Content that the drawer should wrap.
    */

package/src/utils/DrawerProgressContext.tsx

@@ -2,5 +2,5 @@ import * as React from 'react';
 import type Animated from 'react-native-reanimated';
 
 export const DrawerProgressContext = React.createContext<
-  Readonly<Animated.SharedValue<number>> | Animated.Node<number> | undefined
+  Readonly<Animated.SharedValue<number>> | undefined
 >(undefined);

package/src/utils/useDrawerProgress.tsx

@@ -3,9 +3,7 @@ import type Animated from 'react-native-reanimated';
 
 import { DrawerProgressContext } from './DrawerProgressContext';
 
-export function useDrawerProgress():
-  | Readonly<Animated.SharedValue<number>>
-  | Animated.Node<number> {
+export function useDrawerProgress(): Readonly<Animated.SharedValue<number>> {
   const progress = React.useContext(DrawerProgressContext);
 
   if (progress === undefined) {