react-native-drawer-layout 4.0.0-alpha.6 → 4.0.0-alpha.8

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

@@ -0,0 +1,304 @@
+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, useWindowDimensions, View } from 'react-native';
+import Animated, { interpolate, runOnJS, useAnimatedGestureHandler, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from 'react-native-reanimated';
+import useLatestCallback from 'use-latest-callback';
+import { DrawerProgressContext } from '../utils/DrawerProgressContext';
+import { getDrawerWidth } from '../utils/getDrawerWidth';
+import { GestureHandlerRootView, GestureState, PanGestureHandler } from './GestureHandler';
+import { Overlay } from './Overlay';
+const SWIPE_EDGE_WIDTH = 32;
+const SWIPE_MIN_OFFSET = 5;
+const SWIPE_MIN_DISTANCE = 60;
+const SWIPE_MIN_VELOCITY = 500;
+const minmax = (value, start, end) => {
+  'worklet';
+
+  return Math.min(Math.max(value, start), end);
+};
+export function Drawer(_ref) {
+  let {
+    layout: customLayout,
+    drawerPosition = I18nManager.getConstants().isRTL ? 'right' : 'left',
+    drawerStyle,
+    drawerType = 'front',
+    gestureHandlerProps,
+    hideStatusBarOnOpen = false,
+    keyboardDismissMode = 'on-drag',
+    onClose,
+    onOpen,
+    onGestureStart,
+    onGestureCancel,
+    onGestureEnd,
+    onTransitionStart,
+    onTransitionEnd,
+    open,
+    overlayStyle,
+    overlayAccessibilityLabel,
+    statusBarAnimation = 'slide',
+    swipeEnabled = Platform.OS !== 'web' && Platform.OS !== 'windows' && Platform.OS !== 'macos',
+    swipeEdgeWidth = SWIPE_EDGE_WIDTH,
+    swipeMinDistance = SWIPE_MIN_DISTANCE,
+    swipeMinVelocity = SWIPE_MIN_VELOCITY,
+    renderDrawerContent,
+    children,
+    style
+  } = _ref;
+  const windowDimensions = useWindowDimensions();
+  const layout = customLayout ?? windowDimensions;
+  const drawerWidth = getDrawerWidth({
+    layout,
+    drawerStyle
+  });
+  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 onGestureBegin = () => {
+    onGestureStart?.();
+    startInteraction();
+    hideKeyboard();
+    hideStatusBar(true);
+  };
+  const onGestureFinish = () => {
+    onGestureEnd?.();
+    endInteraction();
+  };
+  const onGestureAbort = () => {
+    onGestureCancel?.();
+    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 handleAnimationStart = useLatestCallback(open => {
+    onTransitionStart?.(!open);
+  });
+  const handleAnimationEnd = useLatestCallback((open, finished) => {
+    if (!finished) return;
+    onTransitionEnd?.(!open);
+  });
+  const toggleDrawer = React.useCallback((open, velocity) => {
+    'worklet';
+
+    const translateX = getDrawerTranslationX(open);
+    if (velocity === undefined) {
+      runOnJS(handleAnimationStart)(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
+    }, finished => runOnJS(handleAnimationEnd)(open, finished));
+    if (open) {
+      runOnJS(onOpen)();
+    } else {
+      runOnJS(onClose)();
+    }
+  }, [getDrawerTranslationX, handleAnimationEnd, handleAnimationStart, 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;
+    },
+    onCancel: () => {
+      runOnJS(onGestureAbort)();
+    },
+    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 onGestureBegin is only
+      // called when the criteria is really met.
+      if (!ctx.hasCalledOnStart) {
+        ctx.hasCalledOnStart = true;
+        runOnJS(onGestureBegin)();
+      }
+    },
+    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 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' ? 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(GestureHandlerRootView, {
+    style: [styles.container, style]
+  }, /*#__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, {
+    open: open,
+    progress: progress,
+    onPress: () => toggleDrawer(false),
+    style: overlayStyle,
+    accessibilityLabel: overlayAccessibilityLabel
+  }) : null), /*#__PURE__*/React.createElement(Animated.View, {
+    removeClippedSubviews: Platform.OS !== 'ios',
+    style: [styles.drawer, {
+      width: drawerWidth,
+      position: drawerType === 'permanent' ? 'relative' : 'absolute',
+      zIndex: drawerType === 'back' ? -1 : 0
+    }, drawerAnimatedStyle, drawerStyle]
+  }, renderDrawerContent())))));
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  drawer: {
+    top: 0,
+    bottom: 0,
+    maxWidth: '100%',
+    backgroundColor: 'white'
+  },
+  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.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","I18nManager","InteractionManager","Keyboard","Platform","StatusBar","StyleSheet","useWindowDimensions","View","Animated","interpolate","runOnJS","useAnimatedGestureHandler","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","useLatestCallback","DrawerProgressContext","getDrawerWidth","GestureHandlerRootView","GestureState","PanGestureHandler","Overlay","SWIPE_EDGE_WIDTH","SWIPE_MIN_OFFSET","SWIPE_MIN_DISTANCE","SWIPE_MIN_VELOCITY","minmax","value","start","end","Math","min","max","Drawer","_ref","layout","customLayout","drawerPosition","getConstants","isRTL","drawerStyle","drawerType","gestureHandlerProps","hideStatusBarOnOpen","keyboardDismissMode","onClose","onOpen","onGestureStart","onGestureCancel","onGestureEnd","onTransitionStart","onTransitionEnd","open","overlayStyle","overlayAccessibilityLabel","statusBarAnimation","swipeEnabled","OS","swipeEdgeWidth","swipeMinDistance","swipeMinVelocity","renderDrawerContent","children","style","windowDimensions","drawerWidth","isOpen","isRight","getDrawerTranslationX","useCallback","hideStatusBar","hide","setHidden","useEffect","interactionHandleRef","useRef","startInteraction","current","createInteractionHandle","endInteraction","clearInteractionHandle","hideKeyboard","dismiss","onGestureBegin","onGestureFinish","onGestureAbort","hitSlop","right","width","undefined","left","touchStartX","touchX","translationX","gestureState","UNDETERMINED","handleAnimationStart","handleAnimationEnd","finished","toggleDrawer","velocity","translateX","stiffness","damping","mass","overshootClamping","restDisplacementThreshold","restSpeedThreshold","onGestureEvent","onStart","event","ctx","hasCalledOnStart","startX","state","x","onCancel","onActive","onEnd","nextOpen","abs","velocityX","onFinish","touchDistance","ACTIVE","drawerAnimatedStyle","distanceFromEdge","transform","contentAnimatedStyle","progress","createElement","styles","container","Provider","_extends","activeOffsetX","failOffsetY","enabled","main","flexDirection","content","accessibilityElementsHidden","importantForAccessibility","onPress","accessibilityLabel","removeClippedSubviews","drawer","position","zIndex","create","flex","top","bottom","maxWidth","backgroundColor","select","web","default","overflow"],"sourceRoot":"../../../src","sources":["views/Drawer.native.tsx"],"mappings":"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"}

package/lib/module/views/Overlay.js

@@ -1,59 +1,42 @@
 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;
-export const Overlay = /*#__PURE__*/React.forwardRef(function Overlay(_ref, ref) {
+import { Pressable, StyleSheet, View } from 'react-native';
+export function Overlay(_ref) {
   let {
-    progress,
+    open,
     onPress,
     style,
     accessibilityLabel = 'Close drawer',
-    ...props
+    ...rest
   } = _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
+  return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
+    style: [styles.overlay, {
+      opacity: open ? 1 : 0,
+      pointerEvents: open ? 'auto' : 'none'
+    }, style],
+    accessibilityElementsHidden: !open,
+    importantForAccessibility: open ? 'auto' : 'no-hide-descendants'
   }), /*#__PURE__*/React.createElement(Pressable, {
     onPress: onPress,
-    style: styles.pressable,
+    style: [styles.pressable, {
+      pointerEvents: open ? 'auto' : 'none'
+    }],
     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)'
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    // Disable touch highlight on mobile Safari.
+    // WebkitTapHighlightColor must be used outside of StyleSheet.create because react-native-web will omit the property.
+    // @ts-expect-error: WebkitTapHighlightColor is web only
+    WebkitTapHighlightColor: 'transparent',
+    transition: 'opacity 0.3s'
   },
   pressable: {
-    flex: 1,
-    pointerEvents: 'auto'
+    flex: 1
   }
 });
 //# sourceMappingURL=Overlay.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","Pressable","StyleSheet","Animated","useAnimatedProps","useAnimatedStyle","PROGRESS_EPSILON","Overlay","forwardRef","_ref","ref","progress","onPress","style","accessibilityLabel","props","animatedStyle","opacity","value","zIndex","animatedProps","active","pointerEvents","accessibilityElementsHidden","importantForAccessibility","createElement","View","_extends","styles","overlay","overlayStyle","pressable","accessibilityRole","select","web","WebkitTapHighlightColor","default","create","absoluteFillObject","backgroundColor","flex"],"sourceRoot":"../../../src","sources":["views/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,OAAO,MAAMC,OAAO,gBAAGR,KAAK,CAACS,UAAU,CAAC,SAASD,OAAOA,CAAAE,IAAA,EAQtDC,GAA6B,EAC7B;EAAA,IARA;IACEC,QAAQ;IACRC,OAAO;IACPC,KAAK;IACLC,kBAAkB,GAAG,cAAc;IACnC,GAAGC;EACE,CAAC,GAAAN,IAAA;EAGR,MAAMO,aAAa,GAAGX,gBAAgB,CAAC,MAAM;IAC3C,OAAO;MACLY,OAAO,EAAEN,QAAQ,CAACO,KAAK;MACvB;MACA;MACAC,MAAM,EAAER,QAAQ,CAACO,KAAK,GAAGZ,gBAAgB,GAAG,CAAC,GAAG,CAAC;IACnD,CAAC;EACH,CAAC,CAAC;EAEF,MAAMc,aAAa,GAAGhB,gBAAgB,CAAC,MAAM;IAC3C,MAAMiB,MAAM,GAAGV,QAAQ,CAACO,KAAK,GAAGZ,gBAAgB;IAEhD,OAAO;MACLgB,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,oBACEtB,KAAA,CAAA0B,aAAA,CAACtB,QAAQ,CAACuB,IAAI,EAAAC,QAAA,KACRZ,KAAK;IACTL,GAAG,EAAEA,GAAI;IACTG,KAAK,EAAE,CAACe,MAAM,CAACC,OAAO,EAAEC,YAAY,EAAEd,aAAa,EAAEH,KAAK,CAAE;IAC5DO,aAAa,EAAEA;EAAc,iBAE7BrB,KAAA,CAAA0B,aAAA,CAACxB,SAAS;IACRW,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAEe,MAAM,CAACG,SAAU;IACxBC,iBAAiB,EAAC,QAAQ;IAC1BlB,kBAAkB,EAAEA;EAAmB,CACxC,CACY,CAAC;AAEpB,CAAC,CAAC;AAEF,MAAMgB,YAAY,GAAG9B,QAAQ,CAACiC,MAAM,CAAyB;EAC3DC,GAAG,EAAE;IACH;IACA;IACAC,uBAAuB,EAAE;EAC3B,CAAC;EACDC,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,MAAMR,MAAM,GAAG1B,UAAU,CAACmC,MAAM,CAAC;EAC/BR,OAAO,EAAE;IACP,GAAG3B,UAAU,CAACoC,kBAAkB;IAChCC,eAAe,EAAE;EACnB,CAAC;EACDR,SAAS,EAAE;IACTS,IAAI,EAAE,CAAC;IACPlB,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Pressable","StyleSheet","View","Overlay","_ref","open","onPress","style","accessibilityLabel","rest","createElement","_extends","styles","overlay","opacity","pointerEvents","accessibilityElementsHidden","importantForAccessibility","pressable","accessibilityRole","create","absoluteFillObject","backgroundColor","WebkitTapHighlightColor","transition","flex"],"sourceRoot":"../../../src","sources":["views/Overlay.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAI1D,OAAO,SAASC,OAAOA,CAAAC,IAAA,EAMN;EAAA,IANO;IACtBC,IAAI;IACJC,OAAO;IACPC,KAAK;IACLC,kBAAkB,GAAG,cAAc;IACnC,GAAGC;EACS,CAAC,GAAAL,IAAA;EACb,oBACEL,KAAA,CAAAW,aAAA,CAACR,IAAI,EAAAS,QAAA,KACCF,IAAI;IACRF,KAAK,EAAE,CACLK,MAAM,CAACC,OAAO,EACd;MAAEC,OAAO,EAAET,IAAI,GAAG,CAAC,GAAG,CAAC;MAAEU,aAAa,EAAEV,IAAI,GAAG,MAAM,GAAG;IAAO,CAAC,EAChEE,KAAK,CACL;IACFS,2BAA2B,EAAE,CAACX,IAAK;IACnCY,yBAAyB,EAAEZ,IAAI,GAAG,MAAM,GAAG;EAAsB,iBAEjEN,KAAA,CAAAW,aAAA,CAACV,SAAS;IACRM,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAE,CAACK,MAAM,CAACM,SAAS,EAAE;MAAEH,aAAa,EAAEV,IAAI,GAAG,MAAM,GAAG;IAAO,CAAC,CAAE;IACrEc,iBAAiB,EAAC,QAAQ;IAC1BX,kBAAkB,EAAEA;EAAmB,CACxC,CACG,CAAC;AAEX;AAEA,MAAMI,MAAM,GAAGX,UAAU,CAACmB,MAAM,CAAC;EAC/BP,OAAO,EAAE;IACP,GAAGZ,UAAU,CAACoB,kBAAkB;IAChCC,eAAe,EAAE,oBAAoB;IACrC;IACA;IACA;IACAC,uBAAuB,EAAE,aAAa;IACtCC,UAAU,EAAE;EACd,CAAC;EACDN,SAAS,EAAE;IACTO,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,50 @@
+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 { Pressable, StyleSheet } from 'react-native';
+import Animated, { useAnimatedProps, useAnimatedStyle } from 'react-native-reanimated';
+const PROGRESS_EPSILON = 0.05;
+export function Overlay(_ref) {
+  let {
+    progress,
+    onPress,
+    style,
+    accessibilityLabel = 'Close drawer',
+    ...rest
+  } = _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({}, rest, {
+    style: [styles.overlay, animatedStyle, style],
+    animatedProps: animatedProps
+  }), /*#__PURE__*/React.createElement(Pressable, {
+    onPress: onPress,
+    style: styles.pressable,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel
+  }));
+}
+const styles = StyleSheet.create({
+  overlay: {
+    ...StyleSheet.absoluteFillObject,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)'
+  },
+  pressable: {
+    flex: 1,
+    pointerEvents: 'auto'
+  }
+});
+//# sourceMappingURL=Overlay.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","StyleSheet","Animated","useAnimatedProps","useAnimatedStyle","PROGRESS_EPSILON","Overlay","_ref","progress","onPress","style","accessibilityLabel","rest","animatedStyle","opacity","value","zIndex","animatedProps","active","pointerEvents","accessibilityElementsHidden","importantForAccessibility","createElement","View","_extends","styles","overlay","pressable","accessibilityRole","create","absoluteFillObject","backgroundColor","flex"],"sourceRoot":"../../../src","sources":["views/Overlay.native.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,EAAEC,UAAU,QAAQ,cAAc;AACpD,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAIhC,MAAMC,gBAAgB,GAAG,IAAI;AAE7B,OAAO,SAASC,OAAOA,CAAAC,IAAA,EAMN;EAAA,IANO;IACtBC,QAAQ;IACRC,OAAO;IACPC,KAAK;IACLC,kBAAkB,GAAG,cAAc;IACnC,GAAGC;EACS,CAAC,GAAAL,IAAA;EACb,MAAMM,aAAa,GAAGT,gBAAgB,CAAC,MAAM;IAC3C,OAAO;MACLU,OAAO,EAAEN,QAAQ,CAACO,KAAK;MACvB;MACA;MACAC,MAAM,EAAER,QAAQ,CAACO,KAAK,GAAGV,gBAAgB,GAAG,CAAC,GAAG,CAAC;IACnD,CAAC;EACH,CAAC,CAAC;EAEF,MAAMY,aAAa,GAAGd,gBAAgB,CAAC,MAAM;IAC3C,MAAMe,MAAM,GAAGV,QAAQ,CAACO,KAAK,GAAGV,gBAAgB;IAEhD,OAAO;MACLc,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,oBACEnB,KAAA,CAAAuB,aAAA,CAACpB,QAAQ,CAACqB,IAAI,EAAAC,QAAA,KACRZ,IAAI;IACRF,KAAK,EAAE,CAACe,MAAM,CAACC,OAAO,EAAEb,aAAa,EAAEH,KAAK,CAAE;IAC9CO,aAAa,EAAEA;EAAc,iBAE7BlB,KAAA,CAAAuB,aAAA,CAACtB,SAAS;IACRS,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAEe,MAAM,CAACE,SAAU;IACxBC,iBAAiB,EAAC,QAAQ;IAC1BjB,kBAAkB,EAAEA;EAAmB,CACxC,CACY,CAAC;AAEpB;AAEA,MAAMc,MAAM,GAAGxB,UAAU,CAAC4B,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACP,GAAGzB,UAAU,CAAC6B,kBAAkB;IAChCC,eAAe,EAAE;EACnB,CAAC;EACDJ,SAAS,EAAE;IACTK,IAAI,EAAE,CAAC;IACPb,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

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

@@ -1,6 +1,7 @@
-/// <reference types="react" />
-import type { StyleProp, ViewStyle } from 'react-native';
+import * as React from 'react';
+import type { StyleProp, View, ViewStyle } from 'react-native';
 import type { PanGestureHandler } from 'react-native-gesture-handler';
+import type { SharedValue } from 'react-native-reanimated';
 export type Layout = {
     width: number;
     height: number;
@@ -131,4 +132,10 @@ export type DrawerProps = {
      */
     children: React.ReactNode;
 };
+export type OverlayProps = React.ComponentProps<typeof View> & {
+    open: boolean;
+    progress: SharedValue<number>;
+    onPress: () => void;
+    accessibilityLabel?: string;
+};
 //# 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,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,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,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,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC"}
+{"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,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,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,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,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,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"}

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

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

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

@@ -1 +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,eAAO,MAAM,qBAAqB,mEAEtB,CAAC"}
+{"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,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,eAAO,MAAM,qBAAqB,0DAEtB,CAAC"}

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

@@ -0,0 +1,9 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export declare function getDrawerWidth({ layout, drawerStyle, }: {
+    layout: {
+        width: number;
+        height: number;
+    };
+    drawerStyle?: StyleProp<ViewStyle>;
+}): number;
+//# sourceMappingURL=getDrawerWidth.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getDrawerWidth.d.ts","sourceRoot":"","sources":["../../../../src/utils/getDrawerWidth.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAkB1E,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,WAAW,GACZ,EAAE;IACD,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACpC,UAcA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useDrawerProgress.d.ts","sourceRoot":"","sources":["../../../../src/utils/useDrawerProgress.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAIpD,wBAAgB,iBAAiB,IAAI,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAU1E"}
+{"version":3,"file":"useDrawerProgress.d.ts","sourceRoot":"","sources":["../../../../src/utils/useDrawerProgress.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAI3D,wBAAgB,iBAAiB,IAAI,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAUjE"}

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

@@ -0,0 +1,17 @@
+declare class FakeSharedValue {
+    _listeners: Map<number, (value: number) => void>;
+    _value: number;
+    constructor(value: number);
+    addListener(id: number, listener: (value: number) => void): void;
+    removeListener(id: number): void;
+    modify(modifier?: (value: number) => number): void;
+    set value(value: number);
+    get value(): number;
+    _isReanimatedSharedValue: boolean;
+}
+/**
+ * Compatibility layer for `useDrawerProgress` with `react-native-reanimated`
+ */
+export declare function useFakeSharedValue(value: number): FakeSharedValue;
+export {};
+//# sourceMappingURL=useFakeSharedValue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFakeSharedValue.d.ts","sourceRoot":"","sources":["../../../../src/utils/useFakeSharedValue.tsx"],"names":[],"mappings":"AAEA,cAAM,eAAe;IACnB,UAAU,sBAA2B,MAAM,KAAK,IAAI,EAAI;IACxD,MAAM,EAAE,MAAM,CAAC;gBAEH,KAAK,EAAE,MAAM;IAIzB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAIzD,cAAc,CAAC,EAAE,EAAE,MAAM;IAIzB,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;IAI3C,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAMtB;IAED,IAAI,KAAK,IARQ,MAAM,CAUtB;IAED,wBAAwB,UAAQ;CACjC;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,CAQjE"}

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

@@ -1,9 +1,4 @@
 import * as React from 'react';
 import type { DrawerProps } from '../types';
-export declare const SWIPE_EDGE_WIDTH = 32;
-export declare const SWIPE_MIN_OFFSET = 5;
-export declare const SWIPE_MIN_DISTANCE = 60;
-export declare const SWIPE_MIN_VELOCITY = 500;
-export declare const DRAWER_BORDER_RADIUS = 16;
-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;
+export declare function Drawer({ layout: customLayout, drawerPosition, drawerStyle, drawerType, onClose, onTransitionStart, onTransitionEnd, open, overlayStyle, overlayAccessibilityLabel, 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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAU5C,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AA6BvC,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,qBA4Xb"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/views/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAM5C,wBAAgB,MAAM,CAAC,EACrB,MAAM,EAAE,YAAY,EACpB,cAAuB,EACvB,WAAW,EACX,UAAoB,EACpB,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,IAAI,EACJ,YAAY,EACZ,yBAAyB,EACzB,mBAAmB,EACnB,QAAQ,EACR,KAAK,GACN,EAAE,WAAW,qBA4Hb"}

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { DrawerProps } from '../types';
+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.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.native.d.ts","sourceRoot":"","sources":["../../../../src/views/Drawer.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAsB5C,wBAAgB,MAAM,CAAC,EACrB,MAAM,EAAE,YAAY,EACpB,cAAoE,EACpE,WAAW,EACX,UAAoB,EACpB,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,qBAiWb"}