react-native-drawer-layout 2.0.0 → 3.1.0

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

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import type { DrawerProps } from '../../types';
+type Props = DrawerProps & {
+    layout: {
+        width: number;
+    };
+};
+export default class Drawer extends React.Component<Props> {
+    componentDidUpdate(prevProps: Props): void;
+    componentWillUnmount(): void;
+    private handleEndInteraction;
+    private handleStartInteraction;
+    private getDrawerWidth;
+    private clock;
+    private interactionHandle;
+    private isDrawerTypeFront;
+    private isOpen;
+    private nextIsOpen;
+    private isSwiping;
+    private initialDrawerWidth;
+    private gestureState;
+    private touchX;
+    private velocityX;
+    private gestureX;
+    private offsetX;
+    private position;
+    private containerWidth;
+    private drawerWidth;
+    private drawerOpacity;
+    private drawerPosition;
+    private touchDistanceFromDrawer;
+    private swipeDistanceThreshold;
+    private swipeVelocityThreshold;
+    private currentOpenValue;
+    private pendingOpenValue;
+    private isStatusBarHidden;
+    private manuallyTriggerSpring;
+    private transitionTo;
+    private dragX;
+    private translateX;
+    private progress;
+    private handleGestureEvent;
+    private handleGestureStateChange;
+    private handleContainerLayout;
+    private handleDrawerLayout;
+    private toggleDrawer;
+    private toggleStatusBar;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=Drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../../src/views/legacy/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAuD/C,KAAK,KAAK,GAAG,WAAW,GAAG;IACzB,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3B,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IACxD,kBAAkB,CAAC,SAAS,EAAE,KAAK;IA+CnC,oBAAoB;IAKpB,OAAO,CAAC,oBAAoB,CAK1B;IAEF,OAAO,CAAC,sBAAsB,CAI5B;IAEF,OAAO,CAAC,cAAc,CAepB;IAEF,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,iBAAiB,CAAqB;IAE9C,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,MAAM,CAAqD;IACnE,OAAO,CAAC,UAAU,CAAiC;IACnD,OAAO,CAAC,SAAS,CAA4B;IAE7C,OAAO,CAAC,kBAAkB,CAAyB;IAEnD,OAAO,CAAC,YAAY,CAAgD;IACpE,OAAO,CAAC,MAAM,CAAwB;IACtC,OAAO,CAAC,SAAS,CAAwB;IACzC,OAAO,CAAC,QAAQ,CAAwB;IACxC,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,QAAQ,CAOd;IAEF,OAAO,CAAC,cAAc,CAA8C;IACpE,OAAO,CAAC,WAAW,CAA8C;IACjE,OAAO,CAAC,aAAa,CAEnB;IACF,OAAO,CAAC,cAAc,CAEpB;IA2BF,OAAO,CAAC,uBAAuB,CAsB7B;IAEF,OAAO,CAAC,sBAAsB,CAE5B;IACF,OAAO,CAAC,sBAAsB,CAE5B;IAEF,OAAO,CAAC,gBAAgB,CAA4B;IACpD,OAAO,CAAC,gBAAgB,CAAsB;IAE9C,OAAO,CAAC,iBAAiB,CAAkB;IAE3C,OAAO,CAAC,qBAAqB,CAA4B;IAEzD,OAAO,CAAC,YAAY,CA8ClB;IAEF,OAAO,CAAC,KAAK,CAoHV;IAEH,OAAO,CAAC,UAAU,CAIhB;IAEF,OAAO,CAAC,QAAQ,CAKd;IAEF,OAAO,CAAC,kBAAkB,CAQvB;IAEH,OAAO,CAAC,wBAAwB,CAM7B;IAEH,OAAO,CAAC,qBAAqB,CAC8B;IAE3D,OAAO,CAAC,kBAAkB,CAUxB;IAEF,OAAO,CAAC,YAAY,CAQlB;IAEF,OAAO,CAAC,eAAe,CAQrB;IAEF,MAAM;CAoKP"}

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

@@ -0,0 +1,89 @@
+import * as React from 'react';
+import Animated from 'react-native-reanimated';
+declare const Overlay: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode | Animated.Node<React.ReactNode>;
+    hitSlop?: import("react-native").Insets | Animated.Node<import("react-native").Insets | undefined> | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | Animated.Node<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
+    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | Animated.Node<"none" | "auto" | "box-none" | "box-only" | undefined> | undefined;
+    removeClippedSubviews?: boolean | Animated.Node<boolean | undefined> | undefined;
+    testID?: string | Animated.Node<string | undefined> | undefined;
+    nativeID?: string | Animated.Node<string | undefined> | undefined;
+    collapsable?: boolean | Animated.Node<boolean | undefined> | undefined;
+    needsOffscreenAlphaCompositing?: boolean | Animated.Node<boolean | undefined> | undefined;
+    renderToHardwareTextureAndroid?: boolean | Animated.Node<boolean | undefined> | undefined;
+    focusable?: boolean | Animated.Node<boolean | undefined> | undefined;
+    shouldRasterizeIOS?: boolean | Animated.Node<boolean | undefined> | undefined;
+    isTVSelectable?: boolean | Animated.Node<boolean | undefined> | undefined;
+    hasTVPreferredFocus?: boolean | Animated.Node<boolean | undefined> | undefined;
+    tvParallaxProperties?: import("react-native").TVParallaxProperties | Animated.Node<import("react-native").TVParallaxProperties | undefined> | undefined;
+    tvParallaxShiftDistanceX?: number | Animated.Node<number | undefined> | undefined;
+    tvParallaxShiftDistanceY?: number | Animated.Node<number | undefined> | undefined;
+    tvParallaxTiltAngle?: number | Animated.Node<number | undefined> | undefined;
+    tvParallaxMagnification?: number | Animated.Node<number | undefined> | undefined;
+    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerDown?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerUp?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    accessible?: boolean | Animated.Node<boolean | undefined> | undefined;
+    accessibilityActions?: readonly Readonly<{
+        name: string;
+        label?: string | undefined;
+    }>[] | Animated.Node<readonly Readonly<{
+        name: string;
+        label?: string | undefined;
+    }>[] | undefined> | undefined;
+    accessibilityLabel?: string | Animated.Node<string | undefined> | undefined;
+    accessibilityRole?: import("react-native").AccessibilityRole | Animated.Node<import("react-native").AccessibilityRole | undefined> | undefined;
+    accessibilityState?: import("react-native").AccessibilityState | Animated.Node<import("react-native").AccessibilityState | undefined> | undefined;
+    accessibilityHint?: string | Animated.Node<string | undefined> | undefined;
+    accessibilityValue?: import("react-native").AccessibilityValue | Animated.Node<import("react-native").AccessibilityValue | undefined> | undefined;
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | Animated.Node<((event: import("react-native").AccessibilityActionEvent) => void) | undefined> | undefined;
+    accessibilityLabelledBy?: string | string[] | Animated.Node<string | string[] | undefined> | undefined;
+    accessibilityLiveRegion?: "none" | "polite" | "assertive" | Animated.Node<"none" | "polite" | "assertive" | undefined> | undefined;
+    importantForAccessibility?: "auto" | "no-hide-descendants" | "yes" | "no" | Animated.Node<"auto" | "no-hide-descendants" | "yes" | "no" | undefined> | undefined;
+    accessibilityElementsHidden?: boolean | Animated.Node<boolean | undefined> | undefined;
+    accessibilityLanguage?: string | Animated.Node<string | undefined> | undefined;
+    accessibilityViewIsModal?: boolean | Animated.Node<boolean | undefined> | undefined;
+    onAccessibilityEscape?: (() => void) | Animated.Node<(() => void) | undefined> | undefined;
+    onAccessibilityTap?: (() => void) | Animated.Node<(() => void) | undefined> | undefined;
+    onMagicTap?: (() => void) | Animated.Node<(() => void) | undefined> | undefined;
+    accessibilityIgnoresInvertColors?: boolean | Animated.Node<boolean | 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;
+} & {
+    progress: Animated.Node<number>;
+    onPress: () => void;
+    accessibilityLabel?: string | undefined;
+} & React.RefAttributes<Animated.View>>;
+export default Overlay;
+//# sourceMappingURL=Overlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../../src/views/legacy/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAqB/C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cALD,aAAa,CAAC,MAAM,CAAC;aACtB,MAAM,IAAI;;uCA8CnB,CAAC;AAqBH,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { DrawerProps } from '../../types';
+type Props = DrawerProps & {
+    layout: {
+        width: number;
+    };
+};
+export default function Drawer({ layout, drawerPosition, drawerStyle, drawerType, gestureHandlerProps, hideStatusBarOnOpen, keyboardDismissMode, onClose, onOpen, open, overlayStyle, overlayAccessibilityLabel, statusBarAnimation, swipeEnabled, swipeEdgeWidth, swipeMinDistance, swipeMinVelocity, renderDrawerContent, children, }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=Drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../../src/views/modern/Drawer.tsx"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAe/C,KAAK,KAAK,GAAG,WAAW,GAAG;IACzB,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,MAAM,EACN,cAAc,EACd,WAAW,EACX,UAAU,EACV,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,yBAAyB,EACzB,kBAAkB,EAClB,YAAY,EACZ,cAAc,EACd,gBAAqC,EACrC,gBAAqC,EACrC,mBAAmB,EACnB,QAAQ,GACT,EAAE,KAAK,eAsUP"}

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

@@ -0,0 +1,89 @@
+import * as React from 'react';
+import Animated from 'react-native-reanimated';
+declare const Overlay: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode | Animated.Node<React.ReactNode>;
+    hitSlop?: import("react-native").Insets | Animated.Node<import("react-native").Insets | undefined> | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | Animated.Node<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
+    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | Animated.Node<"none" | "auto" | "box-none" | "box-only" | undefined> | undefined;
+    removeClippedSubviews?: boolean | Animated.Node<boolean | undefined> | undefined;
+    testID?: string | Animated.Node<string | undefined> | undefined;
+    nativeID?: string | Animated.Node<string | undefined> | undefined;
+    collapsable?: boolean | Animated.Node<boolean | undefined> | undefined;
+    needsOffscreenAlphaCompositing?: boolean | Animated.Node<boolean | undefined> | undefined;
+    renderToHardwareTextureAndroid?: boolean | Animated.Node<boolean | undefined> | undefined;
+    focusable?: boolean | Animated.Node<boolean | undefined> | undefined;
+    shouldRasterizeIOS?: boolean | Animated.Node<boolean | undefined> | undefined;
+    isTVSelectable?: boolean | Animated.Node<boolean | undefined> | undefined;
+    hasTVPreferredFocus?: boolean | Animated.Node<boolean | undefined> | undefined;
+    tvParallaxProperties?: import("react-native").TVParallaxProperties | Animated.Node<import("react-native").TVParallaxProperties | undefined> | undefined;
+    tvParallaxShiftDistanceX?: number | Animated.Node<number | undefined> | undefined;
+    tvParallaxShiftDistanceY?: number | Animated.Node<number | undefined> | undefined;
+    tvParallaxTiltAngle?: number | Animated.Node<number | undefined> | undefined;
+    tvParallaxMagnification?: number | Animated.Node<number | undefined> | undefined;
+    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | Animated.Node<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | Animated.Node<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerDown?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerUp?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | Animated.Node<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    accessible?: boolean | Animated.Node<boolean | undefined> | undefined;
+    accessibilityActions?: readonly Readonly<{
+        name: string;
+        label?: string | undefined;
+    }>[] | Animated.Node<readonly Readonly<{
+        name: string;
+        label?: string | undefined;
+    }>[] | undefined> | undefined;
+    accessibilityLabel?: string | Animated.Node<string | undefined> | undefined;
+    accessibilityRole?: import("react-native").AccessibilityRole | Animated.Node<import("react-native").AccessibilityRole | undefined> | undefined;
+    accessibilityState?: import("react-native").AccessibilityState | Animated.Node<import("react-native").AccessibilityState | undefined> | undefined;
+    accessibilityHint?: string | Animated.Node<string | undefined> | undefined;
+    accessibilityValue?: import("react-native").AccessibilityValue | Animated.Node<import("react-native").AccessibilityValue | undefined> | undefined;
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | Animated.Node<((event: import("react-native").AccessibilityActionEvent) => void) | undefined> | undefined;
+    accessibilityLabelledBy?: string | string[] | Animated.Node<string | string[] | undefined> | undefined;
+    accessibilityLiveRegion?: "none" | "polite" | "assertive" | Animated.Node<"none" | "polite" | "assertive" | undefined> | undefined;
+    importantForAccessibility?: "auto" | "no-hide-descendants" | "yes" | "no" | Animated.Node<"auto" | "no-hide-descendants" | "yes" | "no" | undefined> | undefined;
+    accessibilityElementsHidden?: boolean | Animated.Node<boolean | undefined> | undefined;
+    accessibilityLanguage?: string | Animated.Node<string | undefined> | undefined;
+    accessibilityViewIsModal?: boolean | Animated.Node<boolean | undefined> | undefined;
+    onAccessibilityEscape?: (() => void) | Animated.Node<(() => void) | undefined> | undefined;
+    onAccessibilityTap?: (() => void) | Animated.Node<(() => void) | undefined> | undefined;
+    onMagicTap?: (() => void) | Animated.Node<(() => void) | undefined> | undefined;
+    accessibilityIgnoresInvertColors?: boolean | Animated.Node<boolean | 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;
+} & {
+    progress: Animated.SharedValue<number>;
+    onPress: () => void;
+    accessibilityLabel?: string | undefined;
+} & React.RefAttributes<Animated.View>>;
+export default Overlay;
+//# sourceMappingURL=Overlay.d.ts.map

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

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

package/package.json

@@ -1,107 +1,67 @@
 {
   "name": "react-native-drawer-layout",
-  "version": "2.0.0",
-  "description": "A platform-agnostic drawer layout. Pure JavaScript implementation on iOS and native implementation on Android. Why? Because the drawer layout is a useful component regardless of the platform! And if you can use it without changing any code, that's perfect.",
-  "main": "dist/DrawerLayout.js",
-  "scripts": {
-    "babel": "babel src --out-dir dist",
-    "build": "npm run-script clear && npm run-script babel",
-    "clear": "rm -rf dist/ && mkdir dist/",
-    "lint:staged": "lint-staged",
-    "prepublish": "npm run build",
-    "test": "flow --show-all-errors",
-    "format": "prettier --write --single-quote --trailing-comma all --tab-width 4 src/**/*.js"
-  },
-  "lint-staged": {
-    "*.js": [
-      "prettier --write --single-quote --trailing-comma all --tabWidth 4",
-      "git add"
-    ]
-  },
-  "pre-commit": [
-    "lint:staged",
-    "test"
-  ],
-  "files": [
-    "dist/"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:react-native-community/react-native-drawer-layout.git"
-  },
-  "author": "Brent Vatne <brentvatne@gmail.com> (https://github.com/brentvatne)",
-  "contributors": [
-    {
-      "name": "Marc Mendiola",
-      "email": "marc@iodine.com"
-    },
-    {
-      "name": "Daniel Schmidt",
-      "email": "daniel.maximilian@gmx.net",
-      "url": "http://danielmschmidt.de"
-    }
-  ],
-  "xo": {
-    "ignores": [
-      "DrawerLayoutExample/**",
-      "dist/*"
-    ],
-    "esnext": true,
-    "plugins": [
-      "react"
-    ],
-    "rules": {
-      "indent": 0,
-      "babel/object-curly-spacing": [
-        2,
-        "always"
-      ],
-      "comma-dangle": [
-        2,
-        "always-multiline"
-      ],
-      "react/jsx-curly-spacing": 2,
-      "strict": [
-        2,
-        "never"
-      ],
-      "no-use-before-define": 0,
-      "one-var": [
-        2,
-        {
-          "uninitialized": "always",
-          "initialized": "never"
-        }
-      ],
-      "react/no-set-state": 1,
-      "react/prop-types": 2,
-      "react/jsx-sort-prop-types": 2,
-      "react/self-closing-comp": 2
-    }
-  },
+  "description": "Drawer component for React Native",
+  "version": "3.1.0",
   "keywords": [
-    "react",
+    "react-native-component",
+    "react-component",
     "react-native",
     "ios",
     "android",
     "drawer",
-    "layout",
-    "menu"
+    "swipe"
   ],
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/react-navigation/react-navigation.git",
+    "directory": "packages/react-native-drawer-layout"
+  },
+  "bugs": {
+    "url": "https://github.com/react-navigation/react-navigation/issues"
+  },
+  "homepage": "https://github.com/react-navigation/react-navigation/tree/main/packages/react-native-drawer-layout#readme",
+  "main": "lib/commonjs/index.js",
+  "react-native": "src/index.tsx",
+  "source": "src/index.tsx",
+  "module": "lib/module/index.js",
+  "types": "lib/typescript/src/index.d.ts",
+  "files": [
+    "src",
+    "lib",
+    "!**/__tests__"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "prepack": "bob build",
+    "clean": "del lib"
+  },
+  "devDependencies": {
+    "del-cli": "^5.0.0",
+    "react": "18.1.0",
+    "react-native": "0.70.5",
+    "react-native-builder-bob": "^0.20.3",
+    "typescript": "^4.9.4"
+  },
   "peerDependencies": {
     "react": "*",
-    "react-native": "*"
+    "react-native": "*",
+    "react-native-gesture-handler": ">= 1.0.0",
+    "react-native-reanimated": ">= 1.0.0"
   },
-  "devDependencies": {
-    "babel-cli": "^6.0.0",
-    "babel-plugin-transform-decorators-legacy": "^1.3.4",
-    "babel-preset-react-native": "^1.8.0",
-    "flow-bin": "^0.42.0",
-    "lint-staged": "^3.3.1",
-    "pre-commit": "^1.2.2",
-    "prettier": "^0.19.0",
-    "react": "16.0.0-alpha.12",
-    "react-native": "0.48.1"
-  }
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "gitHead": "ad722b882e0c40b1d1bc025d70112ddb126f265e"
 }

package/src/constants.tsx

@@ -0,0 +1,4 @@
+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/index.tsx

@@ -0,0 +1,4 @@
+export { default as DrawerGestureContext } from './utils/DrawerGestureContext';
+export { default as DrawerProgressContext } from './utils/DrawerProgressContext';
+export { default as useDrawerProgress } from './utils/useDrawerProgress';
+export { default as Drawer } from './views/Drawer';

package/src/types.tsx

@@ -0,0 +1,122 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { PanGestureHandler } from 'react-native-gesture-handler';
+
+export type Layout = { width: number; height: number };
+
+export type DrawerProps = {
+  /**
+   * Whether the drawer is open or not.
+   */
+  open: boolean;
+
+  /**
+   * Callback which is called when the drawer is opened.
+   */
+  onOpen: () => void;
+
+  /**
+   * Callback which is called when the drawer is closed.
+   */
+  onClose: () => void;
+
+  /**
+   * Callback which returns a react element to render as the content of the drawer.
+   */
+  renderDrawerContent: () => React.ReactNode;
+
+  /**
+   * Object containing the layout of the container.
+   * Defaults to the dimensions of the application's window.
+   */
+  layout?: { width: number; height: number };
+
+  /**
+   * Position of the drawer on the screen.
+   * Defaults to `right` in RTL mode, otherwise `left`.
+   */
+  drawerPosition?: 'left' | 'right';
+
+  /**
+   * Type of the drawer. It determines how the drawer looks and animates.
+   * - `front`: Traditional drawer which covers the screen with a overlay behind it.
+   * - `back`: The drawer is revealed behind the screen on swipe.
+   * - `slide`: Both the screen and the drawer slide on swipe to reveal the drawer.
+   * - `permanent`: A permanent drawer is shown as a sidebar.
+   *
+   * Defaults to `slide` on iOS and `front` on other platforms.
+   */
+  drawerType?: 'front' | 'back' | 'slide' | 'permanent';
+
+  /**
+   * Style object for the drawer component.
+   * You can pass a custom background color for drawer or a custom width here.
+   */
+  drawerStyle?: StyleProp<ViewStyle>;
+
+  /**
+   * Style object for the drawer overlay.
+   */
+  overlayStyle?: StyleProp<ViewStyle>;
+
+  /**
+   * Accessibility label for the overlay. This is read by the screen reader when the user taps the overlay.
+   * Defaults to "Close drawer".
+   */
+  overlayAccessibilityLabel?: string;
+
+  /**
+   * 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';
+
+  /**
+   * Whether the statusbar should be hidden when the drawer is pulled or opens.
+   * Defaults to `false`.
+   */
+  hideStatusBarOnOpen?: boolean;
+
+  /**
+   * Animation of the statusbar when hiding it. Use in combination with `hideStatusBarOnOpen`.
+   */
+  statusBarAnimation?: 'slide' | 'fade' | 'none';
+
+  /**
+   * Whether you can use swipe gestures to open or close the drawer.
+   * Defaults to `true`.
+   * This is not supported on Web.
+   */
+  swipeEnabled?: boolean;
+
+  /**
+   * How far from the edge of the screen the swipe gesture should activate.
+   * Defaults to `32`.
+   * This is not supported on Web.
+   */
+  swipeEdgeWidth?: number;
+
+  /**
+   * Minimum swipe distance that should activate opening the drawer.
+   * Defaults to `60`.
+   * This is not supported on Web.
+   */
+  swipeMinDistance?: number;
+
+  /**
+   * Minimum swipe velocity that should activate opening the drawer.
+   * Defaults to `500`.
+   * This is not supported on Web.
+   */
+  swipeMinVelocity?: number;
+
+  /**
+   * Props to pass to the underlying pan gesture handler.
+   * This is not supported on Web.
+   */
+  gestureHandlerProps?: React.ComponentProps<typeof PanGestureHandler>;
+
+  /**
+   * Content that the drawer should wrap.
+   */
+  children: React.ReactNode;
+};

package/src/utils/DrawerGestureContext.tsx

@@ -0,0 +1,3 @@
+import * as React from 'react';
+
+export default React.createContext<React.RefObject<any> | null>(null);

package/src/utils/DrawerProgressContext.tsx

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import type Animated from 'react-native-reanimated';
+
+export default React.createContext<
+  Readonly<Animated.SharedValue<number>> | Animated.Node<number> | undefined
+>(undefined);

package/src/utils/useDrawerProgress.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import type Animated from 'react-native-reanimated';
+
+import DrawerProgressContext from './DrawerProgressContext';
+
+export default function useDrawerProgress():
+  | Readonly<Animated.SharedValue<number>>
+  | Animated.Node<number> {
+  const progress = React.useContext(DrawerProgressContext);
+
+  if (progress === undefined) {
+    throw new Error(
+      "Couldn't find a drawer. Is your component inside a drawer?"
+    );
+  }
+
+  return progress;
+}