react-native-drawer-layout 2.0.0 → 3.1.0

package/lib/module/views/modern/Drawer.js

@@ -0,0 +1,276 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from 'react';
+import { I18nManager, InteractionManager, Keyboard, Platform, StatusBar, StyleSheet, View } from 'react-native';
+import Animated, { interpolate, runOnJS, useAnimatedGestureHandler, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from 'react-native-reanimated';
+import { DEFAULT_DRAWER_WIDTH, SWIPE_MIN_DISTANCE, SWIPE_MIN_OFFSET, SWIPE_MIN_VELOCITY } from '../../constants';
+import DrawerProgressContext from '../../utils/DrawerProgressContext';
+import { GestureState, PanGestureHandler } from '../GestureHandler';
+import Overlay from './Overlay';
+const minmax = (value, start, end) => {
+  'worklet';
+
+  return Math.min(Math.max(value, start), end);
+};
+export default function Drawer(_ref) {
+  let {
+    layout,
+    drawerPosition,
+    drawerStyle,
+    drawerType,
+    gestureHandlerProps,
+    hideStatusBarOnOpen,
+    keyboardDismissMode,
+    onClose,
+    onOpen,
+    open,
+    overlayStyle,
+    overlayAccessibilityLabel,
+    statusBarAnimation,
+    swipeEnabled,
+    swipeEdgeWidth,
+    swipeMinDistance = SWIPE_MIN_DISTANCE,
+    swipeMinVelocity = SWIPE_MIN_VELOCITY,
+    renderDrawerContent,
+    children
+  } = _ref;
+  const getDrawerWidth = () => {
+    const {
+      width = DEFAULT_DRAWER_WIDTH
+    } = StyleSheet.flatten(drawerStyle) || {};
+    if (typeof width === 'string' && width.endsWith('%')) {
+      // Try to calculate width if a percentage is given
+      const percentage = Number(width.replace(/%$/, ''));
+      if (Number.isFinite(percentage)) {
+        return layout.width * (percentage / 100);
+      }
+    }
+    return typeof width === 'number' ? width : 0;
+  };
+  const drawerWidth = getDrawerWidth();
+  const isOpen = drawerType === 'permanent' ? true : open;
+  const isRight = drawerPosition === 'right';
+  const getDrawerTranslationX = React.useCallback(open => {
+    'worklet';
+
+    if (drawerPosition === 'left') {
+      return open ? 0 : -drawerWidth;
+    }
+    return open ? 0 : drawerWidth;
+  }, [drawerPosition, drawerWidth]);
+  const hideStatusBar = React.useCallback(hide => {
+    if (hideStatusBarOnOpen) {
+      StatusBar.setHidden(hide, statusBarAnimation);
+    }
+  }, [hideStatusBarOnOpen, statusBarAnimation]);
+  React.useEffect(() => {
+    hideStatusBar(isOpen);
+    return () => hideStatusBar(false);
+  }, [isOpen, hideStatusBarOnOpen, statusBarAnimation, hideStatusBar]);
+  const interactionHandleRef = React.useRef(null);
+  const startInteraction = () => {
+    interactionHandleRef.current = InteractionManager.createInteractionHandle();
+  };
+  const endInteraction = () => {
+    if (interactionHandleRef.current != null) {
+      InteractionManager.clearInteractionHandle(interactionHandleRef.current);
+      interactionHandleRef.current = null;
+    }
+  };
+  const hideKeyboard = () => {
+    if (keyboardDismissMode === 'on-drag') {
+      Keyboard.dismiss();
+    }
+  };
+  const onGestureStart = () => {
+    startInteraction();
+    hideKeyboard();
+    hideStatusBar(true);
+  };
+  const onGestureFinish = () => {
+    endInteraction();
+  };
+
+  // FIXME: Currently hitSlop is broken when on Android when drawer is on right
+  // https://github.com/software-mansion/react-native-gesture-handler/issues/569
+  const hitSlop = isRight ?
+  // Extend hitSlop to the side of the screen when drawer is closed
+  // This lets the user drag the drawer from the side of the screen
+  {
+    right: 0,
+    width: isOpen ? undefined : swipeEdgeWidth
+  } : {
+    left: 0,
+    width: isOpen ? undefined : swipeEdgeWidth
+  };
+  const touchStartX = useSharedValue(0);
+  const touchX = useSharedValue(0);
+  const translationX = useSharedValue(getDrawerTranslationX(open));
+  const gestureState = useSharedValue(GestureState.UNDETERMINED);
+  const toggleDrawer = React.useCallback((open, velocity) => {
+    'worklet';
+
+    const translateX = getDrawerTranslationX(open);
+    touchStartX.value = 0;
+    touchX.value = 0;
+    translationX.value = withSpring(translateX, {
+      velocity,
+      stiffness: 1000,
+      damping: 500,
+      mass: 3,
+      overshootClamping: true,
+      restDisplacementThreshold: 0.01,
+      restSpeedThreshold: 0.01
+    });
+    if (open) {
+      runOnJS(onOpen)();
+    } else {
+      runOnJS(onClose)();
+    }
+  }, [getDrawerTranslationX, onClose, onOpen, touchStartX, touchX, translationX]);
+  React.useEffect(() => toggleDrawer(open), [open, toggleDrawer]);
+  const onGestureEvent = useAnimatedGestureHandler({
+    onStart: (event, ctx) => {
+      ctx.hasCalledOnStart = false;
+      ctx.startX = translationX.value;
+      gestureState.value = event.state;
+      touchStartX.value = event.x;
+    },
+    onActive: (event, ctx) => {
+      touchX.value = event.x;
+      translationX.value = ctx.startX + event.translationX;
+      gestureState.value = event.state;
+
+      // onStart will _always_ be called, even when the activation
+      // criteria isn't met yet. This makes sure onGestureStart is only
+      // called when the criteria is really met.
+      if (!ctx.hasCalledOnStart) {
+        ctx.hasCalledOnStart = true;
+        runOnJS(onGestureStart)();
+      }
+    },
+    onEnd: event => {
+      gestureState.value = event.state;
+      const nextOpen = Math.abs(event.translationX) > SWIPE_MIN_OFFSET && Math.abs(event.translationX) > swipeMinVelocity || Math.abs(event.translationX) > swipeMinDistance ? drawerPosition === 'left' ?
+      // If swiped to right, open the drawer, otherwise close it
+      (event.velocityX === 0 ? event.translationX : event.velocityX) > 0 :
+      // If swiped to left, open the drawer, otherwise close it
+      (event.velocityX === 0 ? event.translationX : event.velocityX) < 0 : open;
+      toggleDrawer(nextOpen, event.velocityX);
+    },
+    onFinish: () => {
+      runOnJS(onGestureFinish)();
+    }
+  });
+  const translateX = useDerivedValue(() => {
+    // Comment stolen from react-native-gesture-handler/DrawerLayout
+    //
+    // While closing the drawer when user starts gesture outside of its area (in greyed
+    // out part of the window), we want the drawer to follow only once finger reaches the
+    // edge of the drawer.
+    // E.g. on the diagram below drawer is illustrate by X signs and the greyed out area by
+    // dots. The touch gesture starts at '*' and moves left, touch path is indicated by
+    // an arrow pointing left
+    // 1) +---------------+ 2) +---------------+ 3) +---------------+ 4) +---------------+
+    //    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXX|.........|
+    //    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXX|.........|
+    //    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXX|.........|
+    //    |XXXXXXXX|......|    |XXXXXXXX|.<-*..|    |XXXXXXXX|<--*..|    |XXXXX|<-----*..|
+    //    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXX|.........|
+    //    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXX|.........|
+    //    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXX|.........|
+    //    +---------------+    +---------------+    +---------------+    +---------------+
+    //
+    // For the above to work properly we define animated value that will keep start position
+    // of the gesture. Then we use that value to calculate how much we need to subtract from
+    // the translationX. If the gesture started on the greyed out area we take the distance from the
+    // edge of the drawer to the start position. Otherwise we don't subtract at all and the
+    // drawer be pulled back as soon as you start the pan.
+    //
+    // This is used only when drawerType is "front"
+    const touchDistance = drawerType === 'front' && gestureState.value === GestureState.ACTIVE ? minmax(drawerPosition === 'left' ? touchStartX.value - drawerWidth : layout.width - drawerWidth - touchStartX.value, 0, layout.width) : 0;
+    const translateX = drawerPosition === 'left' ? minmax(translationX.value + touchDistance, -drawerWidth, 0) : minmax(translationX.value - touchDistance, 0, drawerWidth);
+    return translateX;
+  });
+  const isRTL = I18nManager.getConstants().isRTL;
+  const drawerAnimatedStyle = useAnimatedStyle(() => {
+    const distanceFromEdge = layout.width - drawerWidth;
+    return {
+      transform: drawerType === 'permanent' ?
+      // Reanimated needs the property to be present, but it results in Browser bug
+      // https://bugs.chromium.org/p/chromium/issues/detail?id=20574
+      [] : [{
+        translateX:
+        // The drawer stays in place when `drawerType` is `back`
+        (drawerType === 'back' ? 0 : translateX.value) + (drawerPosition === 'left' ? isRTL ? -distanceFromEdge : 0 : isRTL ? 0 : distanceFromEdge)
+      }]
+    };
+  });
+  const contentAnimatedStyle = useAnimatedStyle(() => {
+    return {
+      transform: drawerType === 'permanent' ?
+      // Reanimated needs the property to be present, but it results in Browser bug
+      // https://bugs.chromium.org/p/chromium/issues/detail?id=20574
+      [] : [{
+        translateX:
+        // The screen content stays in place when `drawerType` is `front`
+        drawerType === 'front' ? 0 : translateX.value + drawerWidth * (drawerPosition === 'left' ? 1 : -1)
+      }]
+    };
+  });
+  const progress = useDerivedValue(() => {
+    return drawerType === 'permanent' ? 1 : interpolate(translateX.value, [getDrawerTranslationX(false), getDrawerTranslationX(true)], [0, 1]);
+  });
+  return /*#__PURE__*/React.createElement(DrawerProgressContext.Provider, {
+    value: progress
+  }, /*#__PURE__*/React.createElement(PanGestureHandler, _extends({
+    activeOffsetX: [-SWIPE_MIN_OFFSET, SWIPE_MIN_OFFSET],
+    failOffsetY: [-SWIPE_MIN_OFFSET, SWIPE_MIN_OFFSET],
+    hitSlop: hitSlop,
+    enabled: drawerType !== 'permanent' && swipeEnabled,
+    onGestureEvent: onGestureEvent
+  }, gestureHandlerProps), /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.main, {
+      flexDirection: drawerType === 'permanent' && !isRight ? 'row-reverse' : 'row'
+    }]
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.content, contentAnimatedStyle]
+  }, /*#__PURE__*/React.createElement(View, {
+    accessibilityElementsHidden: isOpen && drawerType !== 'permanent',
+    importantForAccessibility: isOpen && drawerType !== 'permanent' ? 'no-hide-descendants' : 'auto',
+    style: styles.content
+  }, children), drawerType !== 'permanent' ? /*#__PURE__*/React.createElement(Overlay, {
+    progress: progress,
+    onPress: () => toggleDrawer(false),
+    style: overlayStyle,
+    accessibilityLabel: overlayAccessibilityLabel
+  }) : null), /*#__PURE__*/React.createElement(Animated.View, {
+    removeClippedSubviews: Platform.OS !== 'ios',
+    style: [styles.container, {
+      position: drawerType === 'permanent' ? 'relative' : 'absolute',
+      zIndex: drawerType === 'back' ? -1 : 0
+    }, drawerAnimatedStyle, drawerStyle]
+  }, renderDrawerContent()))));
+}
+const styles = StyleSheet.create({
+  container: {
+    top: 0,
+    bottom: 0,
+    maxWidth: '100%',
+    width: DEFAULT_DRAWER_WIDTH
+  },
+  content: {
+    flex: 1
+  },
+  main: {
+    flex: 1,
+    ...Platform.select({
+      // FIXME: We need to hide `overflowX` on Web so the translated content doesn't show offscreen.
+      // But adding `overflowX: 'hidden'` prevents content from collapsing the URL bar.
+      web: null,
+      default: {
+        overflow: 'hidden'
+      }
+    })
+  }
+});
+//# sourceMappingURL=Drawer.js.map

package/lib/module/views/modern/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","I18nManager","InteractionManager","Keyboard","Platform","StatusBar","StyleSheet","View","Animated","interpolate","runOnJS","useAnimatedGestureHandler","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","DEFAULT_DRAWER_WIDTH","SWIPE_MIN_DISTANCE","SWIPE_MIN_OFFSET","SWIPE_MIN_VELOCITY","DrawerProgressContext","GestureState","PanGestureHandler","Overlay","minmax","value","start","end","Math","min","max","Drawer","layout","drawerPosition","drawerStyle","drawerType","gestureHandlerProps","hideStatusBarOnOpen","keyboardDismissMode","onClose","onOpen","open","overlayStyle","overlayAccessibilityLabel","statusBarAnimation","swipeEnabled","swipeEdgeWidth","swipeMinDistance","swipeMinVelocity","renderDrawerContent","children","getDrawerWidth","width","flatten","endsWith","percentage","Number","replace","isFinite","drawerWidth","isOpen","isRight","getDrawerTranslationX","useCallback","hideStatusBar","hide","setHidden","useEffect","interactionHandleRef","useRef","startInteraction","current","createInteractionHandle","endInteraction","clearInteractionHandle","hideKeyboard","dismiss","onGestureStart","onGestureFinish","hitSlop","right","undefined","left","touchStartX","touchX","translationX","gestureState","UNDETERMINED","toggleDrawer","velocity","translateX","stiffness","damping","mass","overshootClamping","restDisplacementThreshold","restSpeedThreshold","onGestureEvent","onStart","event","ctx","hasCalledOnStart","startX","state","x","onActive","onEnd","nextOpen","abs","velocityX","onFinish","touchDistance","ACTIVE","isRTL","getConstants","drawerAnimatedStyle","distanceFromEdge","transform","contentAnimatedStyle","progress","styles","main","flexDirection","content","OS","container","position","zIndex","create","top","bottom","maxWidth","flex","select","web","default","overflow"],"sourceRoot":"../../src","sources":["Drawer.tsx"],"mappings":"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"}

package/lib/module/views/modern/Overlay.js

@@ -0,0 +1,60 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from 'react';
+import { Platform, Pressable, StyleSheet } from 'react-native';
+import Animated, { useAnimatedProps, useAnimatedStyle } from 'react-native-reanimated';
+const PROGRESS_EPSILON = 0.05;
+const Overlay = /*#__PURE__*/React.forwardRef(function Overlay(_ref, ref) {
+  let {
+    progress,
+    onPress,
+    style,
+    accessibilityLabel = 'Close drawer',
+    ...props
+  } = _ref;
+  const animatedStyle = useAnimatedStyle(() => {
+    return {
+      opacity: progress.value,
+      // We don't want the user to be able to press through the overlay when drawer is open
+      // We can send the overlay behind the screen to avoid it
+      zIndex: progress.value > PROGRESS_EPSILON ? 0 : -1
+    };
+  });
+  const animatedProps = useAnimatedProps(() => {
+    const active = progress.value > PROGRESS_EPSILON;
+    return {
+      pointerEvents: active ? 'auto' : 'none',
+      accessibilityElementsHidden: !active,
+      importantForAccessibility: active ? 'auto' : 'no-hide-descendants'
+    };
+  });
+  return /*#__PURE__*/React.createElement(Animated.View, _extends({}, props, {
+    ref: ref,
+    style: [styles.overlay, overlayStyle, animatedStyle, style],
+    animatedProps: animatedProps
+  }), /*#__PURE__*/React.createElement(Pressable, {
+    onPress: onPress,
+    style: styles.pressable,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel
+  }));
+});
+const overlayStyle = Platform.select({
+  web: {
+    // Disable touch highlight on mobile Safari.
+    // WebkitTapHighlightColor must be used outside of StyleSheet.create because react-native-web will omit the property.
+    WebkitTapHighlightColor: 'transparent'
+  },
+  default: {}
+});
+const styles = StyleSheet.create({
+  overlay: {
+    ...StyleSheet.absoluteFillObject,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)'
+  },
+  pressable: {
+    flex: 1,
+    pointerEvents: 'auto'
+  }
+});
+export default Overlay;
+//# sourceMappingURL=Overlay.js.map

package/lib/module/views/modern/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","Pressable","StyleSheet","Animated","useAnimatedProps","useAnimatedStyle","PROGRESS_EPSILON","Overlay","forwardRef","ref","progress","onPress","style","accessibilityLabel","props","animatedStyle","opacity","value","zIndex","animatedProps","active","pointerEvents","accessibilityElementsHidden","importantForAccessibility","styles","overlay","overlayStyle","pressable","select","web","WebkitTapHighlightColor","default","create","absoluteFillObject","backgroundColor","flex"],"sourceRoot":"../../src","sources":["Overlay.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,QAAQ,cAAc;AAC9D,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAEhC,MAAMC,gBAAgB,GAAG,IAAI;AAQ7B,MAAMC,OAAO,gBAAGR,KAAK,CAACS,UAAU,CAAC,SAASD,OAAO,OAQ/CE,GAA6B,EAC7B;EAAA,IARA;IACEC,QAAQ;IACRC,OAAO;IACPC,KAAK;IACLC,kBAAkB,GAAG,cAAc;IACnC,GAAGC;EACE,CAAC;EAGR,MAAMC,aAAa,GAAGV,gBAAgB,CAAC,MAAM;IAC3C,OAAO;MACLW,OAAO,EAAEN,QAAQ,CAACO,KAAK;MACvB;MACA;MACAC,MAAM,EAAER,QAAQ,CAACO,KAAK,GAAGX,gBAAgB,GAAG,CAAC,GAAG,CAAC;IACnD,CAAC;EACH,CAAC,CAAC;EAEF,MAAMa,aAAa,GAAGf,gBAAgB,CAAC,MAAM;IAC3C,MAAMgB,MAAM,GAAGV,QAAQ,CAACO,KAAK,GAAGX,gBAAgB;IAEhD,OAAO;MACLe,aAAa,EAAED,MAAM,GAAG,MAAM,GAAG,MAAM;MACvCE,2BAA2B,EAAE,CAACF,MAAM;MACpCG,yBAAyB,EAAEH,MAAM,GAAG,MAAM,GAAG;IAC/C,CAAC;EACH,CAAC,CAAC;EAEF,oBACE,oBAAC,QAAQ,CAAC,IAAI,eACRN,KAAK;IACT,GAAG,EAAEL,GAAI;IACT,KAAK,EAAE,CAACe,MAAM,CAACC,OAAO,EAAEC,YAAY,EAAEX,aAAa,EAAEH,KAAK,CAAE;IAC5D,aAAa,EAAEO;EAAc,iBAE7B,oBAAC,SAAS;IACR,OAAO,EAAER,OAAQ;IACjB,KAAK,EAAEa,MAAM,CAACG,SAAU;IACxB,iBAAiB,EAAC,QAAQ;IAC1B,kBAAkB,EAAEd;EAAmB,EACvC,CACY;AAEpB,CAAC,CAAC;AAEF,MAAMa,YAAY,GAAG1B,QAAQ,CAAC4B,MAAM,CAAyB;EAC3DC,GAAG,EAAE;IACH;IACA;IACAC,uBAAuB,EAAE;EAC3B,CAAC;EACDC,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,MAAMP,MAAM,GAAGtB,UAAU,CAAC8B,MAAM,CAAC;EAC/BP,OAAO,EAAE;IACP,GAAGvB,UAAU,CAAC+B,kBAAkB;IAChCC,eAAe,EAAE;EACnB,CAAC;EACDP,SAAS,EAAE;IACTQ,IAAI,EAAE,CAAC;IACPd,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAEF,eAAed,OAAO"}

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

@@ -0,0 +1,5 @@
+export declare const SWIPE_MIN_OFFSET = 5;
+export declare const SWIPE_MIN_DISTANCE = 60;
+export declare const SWIPE_MIN_VELOCITY = 500;
+export declare const DEFAULT_DRAWER_WIDTH = "80%";
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/constants.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,oBAAoB,QAAQ,CAAC"}

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

@@ -0,0 +1,5 @@
+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';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,110 @@
+/// <reference types="react" />
+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;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,MAAM,MAAM,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvD,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,mBAAmB,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAE3C;;;OAGG;IACH,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAE3C;;;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;;;OAGG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;IAErE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC"}

package/lib/typescript/src/utils/DrawerGestureContext.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare const _default: React.Context<React.RefObject<any> | null>;
+export default _default;
+//# sourceMappingURL=DrawerGestureContext.d.ts.map

package/lib/typescript/src/utils/DrawerGestureContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerGestureContext.d.ts","sourceRoot":"","sources":["../../../../src/utils/DrawerGestureContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;AAE/B,wBAAsE"}

package/lib/typescript/src/utils/DrawerProgressContext.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type Animated from 'react-native-reanimated';
+declare const _default: React.Context<Readonly<Animated.SharedValue<number>> | Animated.Node<number> | undefined>;
+export default _default;
+//# sourceMappingURL=DrawerProgressContext.d.ts.map

package/lib/typescript/src/utils/DrawerProgressContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerProgressContext.d.ts","sourceRoot":"","sources":["../../../../src/utils/DrawerProgressContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;;AAEpD,wBAEa"}

package/lib/typescript/src/utils/useDrawerProgress.d.ts

@@ -0,0 +1,3 @@
+import type Animated from 'react-native-reanimated';
+export default function useDrawerProgress(): Readonly<Animated.SharedValue<number>> | Animated.Node<number>;
+//# sourceMappingURL=useDrawerProgress.d.ts.map

package/lib/typescript/src/utils/useDrawerProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawerProgress.d.ts","sourceRoot":"","sources":["../../../../src/utils/useDrawerProgress.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAIpD,MAAM,CAAC,OAAO,UAAU,iBAAiB,IACrC,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,GACtC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAUxB"}

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { StyleProp, ViewStyle } from 'react-native';
+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 default function Drawer({ useLegacyImplementation, layout: customLayout, drawerType, drawerPosition, drawerStyle, swipeEnabled, swipeEdgeWidth, swipeMinDistance, swipeMinVelocity, keyboardDismissMode, hideStatusBarOnOpen, statusBarAnimation, style, ...rest }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=Drawer.d.ts.map

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

@@ -0,0 +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,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAG7B,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"}

package/lib/typescript/src/views/GestureHandler.android.d.ts

@@ -0,0 +1,2 @@
+export * from './GestureHandlerNative';
+//# sourceMappingURL=GestureHandler.android.d.ts.map

package/lib/typescript/src/views/GestureHandler.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GestureHandler.android.d.ts","sourceRoot":"","sources":["../../../../src/views/GestureHandler.android.tsx"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { View } from 'react-native';
+export declare const PanGestureHandler: React.ComponentType<import("react-native-gesture-handler").PanGestureHandlerProps>;
+export declare const TapGestureHandler: React.ComponentType<import("react-native-gesture-handler").TapGestureHandlerProps>;
+export declare const GestureHandlerRootView: typeof View;
+export declare const enum GestureState {
+    UNDETERMINED = 0,
+    FAILED = 1,
+    BEGAN = 2,
+    CANCELLED = 3,
+    ACTIVE = 4,
+    END = 5
+}
+export type { PanGestureHandlerGestureEvent } from 'react-native-gesture-handler';
+//# sourceMappingURL=GestureHandler.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GestureHandler.d.ts","sourceRoot":"","sources":["../../../../src/views/GestureHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAUpC,eAAO,MAAM,iBAAiB,oFAC6B,CAAC;AAE5D,eAAO,MAAM,iBAAiB,oFAC6B,CAAC;AAE5D,eAAO,MAAM,sBAAsB,aAAO,CAAC;AAE3C,0BAAkB,YAAY;IAC5B,YAAY,IAAI;IAChB,MAAM,IAAI;IACV,KAAK,IAAI;IACT,SAAS,IAAI;IACb,MAAM,IAAI;IACV,GAAG,IAAI;CACR;AAED,YAAY,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC"}

package/lib/typescript/src/views/GestureHandler.ios.d.ts

@@ -0,0 +1,2 @@
+export * from './GestureHandlerNative';
+//# sourceMappingURL=GestureHandler.ios.d.ts.map

package/lib/typescript/src/views/GestureHandler.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GestureHandler.ios.d.ts","sourceRoot":"","sources":["../../../../src/views/GestureHandler.ios.tsx"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { PanGestureHandlerProperties } from 'react-native-gesture-handler';
+export declare function PanGestureHandler(props: PanGestureHandlerProperties): 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

@@ -0,0 +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"}