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

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

@@ -0,0 +1,324 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Drawer = Drawer;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _useLatestCallback = _interopRequireDefault(require("use-latest-callback"));
+var _DrawerProgressContext = require("../utils/DrawerProgressContext");
+var _getDrawerWidth = require("../utils/getDrawerWidth");
+var _GestureHandler = require("./GestureHandler");
+var _Overlay = require("./Overlay");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
+const SWIPE_EDGE_WIDTH = 32;
+const SWIPE_MIN_OFFSET = 5;
+const SWIPE_MIN_DISTANCE = 60;
+const SWIPE_MIN_VELOCITY = 500;
+const DRAWER_BORDER_RADIUS = 16;
+const minmax = (value, start, end) => {
+  'worklet';
+
+  return Math.min(Math.max(value, start), end);
+};
+function Drawer(_ref) {
+  let {
+    layout: customLayout,
+    drawerPosition = _reactNative.I18nManager.getConstants().isRTL ? 'right' : 'left',
+    drawerStyle,
+    drawerType = _reactNative.Platform.select({
+      ios: 'slide',
+      default: 'front'
+    }),
+    gestureHandlerProps,
+    hideStatusBarOnOpen = false,
+    keyboardDismissMode = 'on-drag',
+    onClose,
+    onOpen,
+    onGestureStart,
+    onGestureCancel,
+    onGestureEnd,
+    onTransitionStart,
+    onTransitionEnd,
+    open,
+    overlayStyle,
+    overlayAccessibilityLabel,
+    statusBarAnimation = 'slide',
+    swipeEnabled = _reactNative.Platform.OS !== 'web' && _reactNative.Platform.OS !== 'windows' && _reactNative.Platform.OS !== 'macos',
+    swipeEdgeWidth = SWIPE_EDGE_WIDTH,
+    swipeMinDistance = SWIPE_MIN_DISTANCE,
+    swipeMinVelocity = SWIPE_MIN_VELOCITY,
+    renderDrawerContent,
+    children,
+    style
+  } = _ref;
+  const windowDimensions = (0, _reactNative.useWindowDimensions)();
+  const layout = customLayout ?? windowDimensions;
+  const drawerWidth = (0, _getDrawerWidth.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) {
+      _reactNative.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 = _reactNative.InteractionManager.createInteractionHandle();
+  };
+  const endInteraction = () => {
+    if (interactionHandleRef.current != null) {
+      _reactNative.InteractionManager.clearInteractionHandle(interactionHandleRef.current);
+      interactionHandleRef.current = null;
+    }
+  };
+  const hideKeyboard = () => {
+    if (keyboardDismissMode === 'on-drag') {
+      _reactNative.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 borderRadiiStyle = drawerType !== 'permanent' ? isRight ? {
+    borderTopLeftRadius: DRAWER_BORDER_RADIUS,
+    borderBottomLeftRadius: DRAWER_BORDER_RADIUS
+  } : {
+    borderTopRightRadius: DRAWER_BORDER_RADIUS,
+    borderBottomRightRadius: DRAWER_BORDER_RADIUS
+  } : null;
+  const touchStartX = (0, _reactNativeReanimated.useSharedValue)(0);
+  const touchX = (0, _reactNativeReanimated.useSharedValue)(0);
+  const translationX = (0, _reactNativeReanimated.useSharedValue)(getDrawerTranslationX(open));
+  const gestureState = (0, _reactNativeReanimated.useSharedValue)(_GestureHandler.GestureState.UNDETERMINED);
+  const handleAnimationStart = (0, _useLatestCallback.default)(open => {
+    onTransitionStart?.(!open);
+  });
+  const handleAnimationEnd = (0, _useLatestCallback.default)((open, finished) => {
+    if (!finished) return;
+    onTransitionEnd?.(!open);
+  });
+  const toggleDrawer = React.useCallback((open, velocity) => {
+    'worklet';
+
+    const translateX = getDrawerTranslationX(open);
+    if (velocity === undefined) {
+      (0, _reactNativeReanimated.runOnJS)(handleAnimationStart)(open);
+    }
+    touchStartX.value = 0;
+    touchX.value = 0;
+    translationX.value = (0, _reactNativeReanimated.withSpring)(translateX, {
+      velocity,
+      stiffness: 1000,
+      damping: 500,
+      mass: 3,
+      overshootClamping: true,
+      restDisplacementThreshold: 0.01,
+      restSpeedThreshold: 0.01
+    }, finished => (0, _reactNativeReanimated.runOnJS)(handleAnimationEnd)(open, finished));
+    if (open) {
+      (0, _reactNativeReanimated.runOnJS)(onOpen)();
+    } else {
+      (0, _reactNativeReanimated.runOnJS)(onClose)();
+    }
+  }, [getDrawerTranslationX, handleAnimationEnd, handleAnimationStart, onClose, onOpen, touchStartX, touchX, translationX]);
+  React.useEffect(() => toggleDrawer(open), [open, toggleDrawer]);
+  const onGestureEvent = (0, _reactNativeReanimated.useAnimatedGestureHandler)({
+    onStart: (event, ctx) => {
+      ctx.hasCalledOnStart = false;
+      ctx.startX = translationX.value;
+      gestureState.value = event.state;
+      touchStartX.value = event.x;
+    },
+    onCancel: () => {
+      (0, _reactNativeReanimated.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;
+        (0, _reactNativeReanimated.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: () => {
+      (0, _reactNativeReanimated.runOnJS)(onGestureFinish)();
+    }
+  });
+  const translateX = (0, _reactNativeReanimated.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 === _GestureHandler.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 = (0, _reactNativeReanimated.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 = (0, _reactNativeReanimated.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 = (0, _reactNativeReanimated.useDerivedValue)(() => {
+    return drawerType === 'permanent' ? 1 : (0, _reactNativeReanimated.interpolate)(translateX.value, [getDrawerTranslationX(false), getDrawerTranslationX(true)], [0, 1]);
+  });
+  return /*#__PURE__*/React.createElement(_GestureHandler.GestureHandlerRootView, {
+    style: [styles.container, style]
+  }, /*#__PURE__*/React.createElement(_DrawerProgressContext.DrawerProgressContext.Provider, {
+    value: progress
+  }, /*#__PURE__*/React.createElement(_GestureHandler.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(_reactNativeReanimated.default.View, {
+    style: [styles.main, {
+      flexDirection: drawerType === 'permanent' && !isRight ? 'row-reverse' : 'row'
+    }]
+  }, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
+    style: [styles.content, contentAnimatedStyle]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    accessibilityElementsHidden: isOpen && drawerType !== 'permanent',
+    importantForAccessibility: isOpen && drawerType !== 'permanent' ? 'no-hide-descendants' : 'auto',
+    style: styles.content
+  }, children), drawerType !== 'permanent' ? /*#__PURE__*/React.createElement(_Overlay.Overlay, {
+    open: open,
+    progress: progress,
+    onPress: () => toggleDrawer(false),
+    style: overlayStyle,
+    accessibilityLabel: overlayAccessibilityLabel
+  }) : null), /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
+    removeClippedSubviews: _reactNative.Platform.OS !== 'ios',
+    style: [styles.drawer, {
+      width: drawerWidth,
+      position: drawerType === 'permanent' ? 'relative' : 'absolute',
+      zIndex: drawerType === 'back' ? -1 : 0
+    }, borderRadiiStyle, drawerAnimatedStyle, drawerStyle]
+  }, renderDrawerContent())))));
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  drawer: {
+    top: 0,
+    bottom: 0,
+    maxWidth: '100%',
+    backgroundColor: 'white'
+  },
+  content: {
+    flex: 1
+  },
+  main: {
+    flex: 1,
+    ..._reactNative.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/commonjs/views/Drawer.native.js.map

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

package/lib/commonjs/views/Overlay.js

@@ -3,65 +3,48 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Overlay = void 0;
+exports.Overlay = Overlay;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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); }
-const PROGRESS_EPSILON = 0.05;
-const Overlay = exports.Overlay = /*#__PURE__*/React.forwardRef(function Overlay(_ref, ref) {
+function Overlay(_ref) {
   let {
-    progress,
+    open,
     onPress,
     style,
     accessibilityLabel = 'Close drawer',
-    ...props
+    ...rest
   } = _ref;
-  const animatedStyle = (0, _reactNativeReanimated.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 = (0, _reactNativeReanimated.useAnimatedProps)(() => {
-    const active = progress.value > PROGRESS_EPSILON;
-    return {
-      pointerEvents: active ? 'auto' : 'none',
-      accessibilityElementsHidden: !active,
-      importantForAccessibility: active ? 'auto' : 'no-hide-descendants'
-    };
-  });
-  return /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, _extends({}, props, {
-    ref: ref,
-    style: [styles.overlay, overlayStyle, animatedStyle, style],
-    animatedProps: animatedProps
+  return /*#__PURE__*/React.createElement(_reactNative.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(_reactNative.Pressable, {
     onPress: onPress,
-    style: styles.pressable,
+    style: [styles.pressable, {
+      pointerEvents: open ? 'auto' : 'none'
+    }],
     accessibilityRole: "button",
     accessibilityLabel: accessibilityLabel
   }));
-});
-const overlayStyle = _reactNative.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 = _reactNative.StyleSheet.create({
   overlay: {
     ..._reactNative.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/commonjs/views/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","PROGRESS_EPSILON","Overlay","exports","forwardRef","_ref","ref","progress","onPress","style","accessibilityLabel","props","animatedStyle","useAnimatedStyle","opacity","value","zIndex","animatedProps","useAnimatedProps","active","pointerEvents","accessibilityElementsHidden","importantForAccessibility","createElement","View","styles","overlay","overlayStyle","Pressable","pressable","accessibilityRole","Platform","select","web","WebkitTapHighlightColor","StyleSheet","create","absoluteFillObject","backgroundColor","flex"],"sourceRoot":"../../../src","sources":["views/Overlay.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","Overlay","_ref","open","onPress","style","accessibilityLabel","rest","createElement","View","styles","overlay","opacity","pointerEvents","accessibilityElementsHidden","importantForAccessibility","Pressable","pressable","accessibilityRole","StyleSheet","create","absoluteFillObject","backgroundColor","WebkitTapHighlightColor","transition","flex"],"sourceRoot":"../../../src","sources":["views/Overlay.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA2D,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAIpD,SAASK,OAAOA,CAAAC,IAAA,EAMN;EAAA,IANO;IACtBC,IAAI;IACJC,OAAO;IACPC,KAAK;IACLC,kBAAkB,GAAG,cAAc;IACnC,GAAGC;EACS,CAAC,GAAAL,IAAA;EACb,oBACEnC,KAAA,CAAAyC,aAAA,CAACtC,YAAA,CAAAuC,IAAI,EAAAjB,QAAA,KACCe,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,iBAEjEpC,KAAA,CAAAyC,aAAA,CAACtC,YAAA,CAAA8C,SAAS;IACRZ,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAE,CAACK,MAAM,CAACO,SAAS,EAAE;MAAEJ,aAAa,EAAEV,IAAI,GAAG,MAAM,GAAG;IAAO,CAAC,CAAE;IACrEe,iBAAiB,EAAC,QAAQ;IAC1BZ,kBAAkB,EAAEA;EAAmB,CACxC,CACG,CAAC;AAEX;AAEA,MAAMI,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,OAAO,EAAE;IACP,GAAGQ,uBAAU,CAACE,kBAAkB;IAChCC,eAAe,EAAE,oBAAoB;IACrC;IACA;IACA;IACAC,uBAAuB,EAAE,aAAa;IACtCC,UAAU,EAAE;EACd,CAAC;EACDP,SAAS,EAAE;IACTQ,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Overlay = Overlay;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
+const PROGRESS_EPSILON = 0.05;
+function Overlay(_ref) {
+  let {
+    progress,
+    onPress,
+    style,
+    accessibilityLabel = 'Close drawer',
+    ...rest
+  } = _ref;
+  const animatedStyle = (0, _reactNativeReanimated.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 = (0, _reactNativeReanimated.useAnimatedProps)(() => {
+    const active = progress.value > PROGRESS_EPSILON;
+    return {
+      pointerEvents: active ? 'auto' : 'none',
+      accessibilityElementsHidden: !active,
+      importantForAccessibility: active ? 'auto' : 'no-hide-descendants'
+    };
+  });
+  return /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, _extends({}, rest, {
+    style: [styles.overlay, animatedStyle, style],
+    animatedProps: animatedProps
+  }), /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    onPress: onPress,
+    style: styles.pressable,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel
+  }));
+}
+const styles = _reactNative.StyleSheet.create({
+  overlay: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)'
+  },
+  pressable: {
+    flex: 1,
+    pointerEvents: 'auto'
+  }
+});
+//# sourceMappingURL=Overlay.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","PROGRESS_EPSILON","Overlay","_ref","progress","onPress","style","accessibilityLabel","rest","animatedStyle","useAnimatedStyle","opacity","value","zIndex","animatedProps","useAnimatedProps","active","pointerEvents","accessibilityElementsHidden","importantForAccessibility","createElement","View","styles","overlay","Pressable","pressable","accessibilityRole","StyleSheet","create","absoluteFillObject","backgroundColor","flex"],"sourceRoot":"../../../src","sources":["views/Overlay.native.tsx"],"mappings":"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"}

package/lib/module/utils/getDrawerWidth.js

@@ -0,0 +1,36 @@
+import { Platform, StyleSheet } from 'react-native';
+const getDefaultDrawerWidth = _ref => {
+  let {
+    height,
+    width
+  } = _ref;
+  /**
+   * Default drawer width is screen width - header height
+   * with a max width of 280 on mobile and 320 on tablet
+   * https://material.io/components/navigation-drawer
+   */
+  const smallerAxisSize = Math.min(height, width);
+  const isLandscape = width > height;
+  const isTablet = smallerAxisSize >= 600;
+  const appBarHeight = Platform.OS === 'ios' ? isLandscape ? 32 : 44 : 56;
+  const maxWidth = isTablet ? 320 : 280;
+  return Math.min(smallerAxisSize - appBarHeight, maxWidth);
+};
+export function getDrawerWidth(_ref2) {
+  let {
+    layout,
+    drawerStyle
+  } = _ref2;
+  const {
+    width = getDefaultDrawerWidth(layout)
+  } = 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;
+}
+//# sourceMappingURL=getDrawerWidth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","StyleSheet","getDefaultDrawerWidth","_ref","height","width","smallerAxisSize","Math","min","isLandscape","isTablet","appBarHeight","OS","maxWidth","getDrawerWidth","_ref2","layout","drawerStyle","flatten","endsWith","percentage","Number","replace","isFinite"],"sourceRoot":"../../../src","sources":["utils/getDrawerWidth.tsx"],"mappings":"AAAA,SACEA,QAAQ,EAERC,UAAU,QAEL,cAAc;AAErB,MAAMC,qBAAqB,GAAGC,IAAA,IAMxB;EAAA,IANyB;IAC7BC,MAAM;IACNC;EAIF,CAAC,GAAAF,IAAA;EACC;AACF;AACA;AACA;AACA;EACE,MAAMG,eAAe,GAAGC,IAAI,CAACC,GAAG,CAACJ,MAAM,EAAEC,KAAK,CAAC;EAC/C,MAAMI,WAAW,GAAGJ,KAAK,GAAGD,MAAM;EAClC,MAAMM,QAAQ,GAAGJ,eAAe,IAAI,GAAG;EACvC,MAAMK,YAAY,GAAGX,QAAQ,CAACY,EAAE,KAAK,KAAK,GAAIH,WAAW,GAAG,EAAE,GAAG,EAAE,GAAI,EAAE;EACzE,MAAMI,QAAQ,GAAGH,QAAQ,GAAG,GAAG,GAAG,GAAG;EAErC,OAAOH,IAAI,CAACC,GAAG,CAACF,eAAe,GAAGK,YAAY,EAAEE,QAAQ,CAAC;AAC3D,CAAC;AAED,OAAO,SAASC,cAAcA,CAAAC,KAAA,EAM3B;EAAA,IAN4B;IAC7BC,MAAM;IACNC;EAIF,CAAC,GAAAF,KAAA;EACC,MAAM;IAAEV,KAAK,GAAGH,qBAAqB,CAACc,MAAM;EAAE,CAAC,GAC7Cf,UAAU,CAACiB,OAAO,CAACD,WAAW,CAAC,IAAI,CAAC,CAAC;EAEvC,IAAI,OAAOZ,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACc,QAAQ,CAAC,GAAG,CAAC,EAAE;IACpD;IACA,MAAMC,UAAU,GAAGC,MAAM,CAAChB,KAAK,CAACiB,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAElD,IAAID,MAAM,CAACE,QAAQ,CAACH,UAAU,CAAC,EAAE;MAC/B,OAAOJ,MAAM,CAACX,KAAK,IAAIe,UAAU,GAAG,GAAG,CAAC;IAC1C;EACF;EAEA,OAAO,OAAOf,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG,CAAC;AAC9C"}

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

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

package/lib/module/utils/useFakeSharedValue.js

@@ -0,0 +1,38 @@
+import * as React from 'react';
+class FakeSharedValue {
+  _listeners = new Map();
+  constructor(value) {
+    this._value = value;
+  }
+  addListener(id, listener) {
+    this._listeners.set(id, listener);
+  }
+  removeListener(id) {
+    this._listeners.delete(id);
+  }
+  modify(modifier) {
+    this.value = modifier !== undefined ? modifier(this.value) : this.value;
+  }
+  set value(value) {
+    this._value = value;
+    for (const listener of this._listeners.values()) {
+      listener(value);
+    }
+  }
+  get value() {
+    return this._value;
+  }
+  _isReanimatedSharedValue = true;
+}
+
+/**
+ * Compatibility layer for `useDrawerProgress` with `react-native-reanimated`
+ */
+export function useFakeSharedValue(value) {
+  const sharedValue = React.useRef(null);
+  if (sharedValue.current === null) {
+    sharedValue.current = new FakeSharedValue(value);
+  }
+  return sharedValue.current;
+}
+//# sourceMappingURL=useFakeSharedValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","FakeSharedValue","_listeners","Map","constructor","value","_value","addListener","id","listener","set","removeListener","delete","modify","modifier","undefined","values","_isReanimatedSharedValue","useFakeSharedValue","sharedValue","useRef","current"],"sourceRoot":"../../../src","sources":["utils/useFakeSharedValue.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,MAAMC,eAAe,CAAC;EACpBC,UAAU,GAAG,IAAIC,GAAG,CAAkC,CAAC;EAGvDC,WAAWA,CAACC,KAAa,EAAE;IACzB,IAAI,CAACC,MAAM,GAAGD,KAAK;EACrB;EAEAE,WAAWA,CAACC,EAAU,EAAEC,QAAiC,EAAE;IACzD,IAAI,CAACP,UAAU,CAACQ,GAAG,CAACF,EAAE,EAAEC,QAAQ,CAAC;EACnC;EAEAE,cAAcA,CAACH,EAAU,EAAE;IACzB,IAAI,CAACN,UAAU,CAACU,MAAM,CAACJ,EAAE,CAAC;EAC5B;EAEAK,MAAMA,CAACC,QAAoC,EAAE;IAC3C,IAAI,CAACT,KAAK,GAAGS,QAAQ,KAAKC,SAAS,GAAGD,QAAQ,CAAC,IAAI,CAACT,KAAK,CAAC,GAAG,IAAI,CAACA,KAAK;EACzE;EAEA,IAAIA,KAAKA,CAACA,KAAa,EAAE;IACvB,IAAI,CAACC,MAAM,GAAGD,KAAK;IAEnB,KAAK,MAAMI,QAAQ,IAAI,IAAI,CAACP,UAAU,CAACc,MAAM,CAAC,CAAC,EAAE;MAC/CP,QAAQ,CAACJ,KAAK,CAAC;IACjB;EACF;EAEA,IAAIA,KAAKA,CAAA,EAAG;IACV,OAAO,IAAI,CAACC,MAAM;EACpB;EAEAW,wBAAwB,GAAG,IAAI;AACjC;;AAEA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAACb,KAAa,EAAmB;EACjE,MAAMc,WAAW,GAAGnB,KAAK,CAACoB,MAAM,CAAyB,IAAI,CAAC;EAE9D,IAAID,WAAW,CAACE,OAAO,KAAK,IAAI,EAAE;IAChCF,WAAW,CAACE,OAAO,GAAG,IAAIpB,eAAe,CAACI,KAAK,CAAC;EAClD;EAEA,OAAOc,WAAW,CAACE,OAAO;AAC5B"}