react-native-drawer-layout 2.0.0 → 3.1.0

package/lib/commonjs/views/GestureHandlerNative.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GestureHandlerRootView", {
+  enumerable: true,
+  get: function () {
+    return _reactNativeGestureHandler.GestureHandlerRootView;
+  }
+});
+Object.defineProperty(exports, "GestureState", {
+  enumerable: true,
+  get: function () {
+    return _reactNativeGestureHandler.State;
+  }
+});
+exports.PanGestureHandler = PanGestureHandler;
+Object.defineProperty(exports, "TapGestureHandler", {
+  enumerable: true,
+  get: function () {
+    return _reactNativeGestureHandler.TapGestureHandler;
+  }
+});
+var React = _interopRequireWildcard(require("react"));
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _DrawerGestureContext = _interopRequireDefault(require("../utils/DrawerGestureContext"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function PanGestureHandler(props) {
+  const gestureRef = React.useRef(null);
+  return /*#__PURE__*/React.createElement(_DrawerGestureContext.default.Provider, {
+    value: gestureRef
+  }, /*#__PURE__*/React.createElement(_reactNativeGestureHandler.PanGestureHandler, props));
+}
+//# sourceMappingURL=GestureHandlerNative.js.map

package/lib/commonjs/views/GestureHandlerNative.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PanGestureHandler","props","gestureRef","React","useRef"],"sourceRoot":"../../src","sources":["GestureHandlerNative.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAKA;AAAiE;AAAA;AAAA;AAE1D,SAASA,iBAAiB,CAACC,KAAkC,EAAE;EACpE,MAAMC,UAAU,GAAGC,KAAK,CAACC,MAAM,CAA0B,IAAI,CAAC;EAE9D,oBACE,oBAAC,6BAAoB,CAAC,QAAQ;IAAC,KAAK,EAAEF;EAAW,gBAC/C,oBAAC,4CAAuB,EAAKD,KAAK,CAAI,CACR;AAEpC"}

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

@@ -0,0 +1,419 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _constants = require("../../constants");
+var _DrawerProgressContext = _interopRequireDefault(require("../../utils/DrawerProgressContext"));
+var _GestureHandler = require("../GestureHandler");
+var _Overlay = _interopRequireDefault(require("./Overlay"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const {
+  Clock,
+  Value,
+  onChange,
+  clockRunning,
+  startClock,
+  stopClock,
+  spring,
+  abs,
+  add,
+  and,
+  block,
+  call,
+  cond,
+  divide,
+  eq,
+  event,
+  greaterThan,
+  lessThan,
+  max,
+  min,
+  multiply,
+  neq,
+  or,
+  set,
+  sub
+} = _reactNativeReanimated.default;
+const TRUE = 1;
+const FALSE = 0;
+const NOOP = 0;
+const UNSET = -1;
+const DIRECTION_LEFT = 1;
+const DIRECTION_RIGHT = -1;
+const SPRING_CONFIG = {
+  stiffness: 1000,
+  damping: 500,
+  mass: 3,
+  overshootClamping: true,
+  restDisplacementThreshold: 0.01,
+  restSpeedThreshold: 0.01
+};
+const ANIMATED_ZERO = new _reactNativeReanimated.default.Value(0);
+const ANIMATED_ONE = new _reactNativeReanimated.default.Value(1);
+class Drawer extends React.Component {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "handleEndInteraction", () => {
+      if (this.interactionHandle !== undefined) {
+        _reactNative.InteractionManager.clearInteractionHandle(this.interactionHandle);
+        this.interactionHandle = undefined;
+      }
+    });
+    _defineProperty(this, "handleStartInteraction", () => {
+      if (this.interactionHandle === undefined) {
+        this.interactionHandle = _reactNative.InteractionManager.createInteractionHandle();
+      }
+    });
+    _defineProperty(this, "getDrawerWidth", () => {
+      const {
+        drawerStyle,
+        layout
+      } = this.props;
+      const {
+        width = _constants.DEFAULT_DRAWER_WIDTH
+      } = _reactNative.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;
+    });
+    _defineProperty(this, "clock", new Clock());
+    _defineProperty(this, "interactionHandle", void 0);
+    _defineProperty(this, "isDrawerTypeFront", new Value(this.props.drawerType === 'front' ? TRUE : FALSE));
+    _defineProperty(this, "isOpen", new Value(this.props.open ? TRUE : FALSE));
+    _defineProperty(this, "nextIsOpen", new Value(UNSET));
+    _defineProperty(this, "isSwiping", new Value(FALSE));
+    _defineProperty(this, "initialDrawerWidth", this.getDrawerWidth());
+    _defineProperty(this, "gestureState", new Value(_GestureHandler.GestureState.UNDETERMINED));
+    _defineProperty(this, "touchX", new Value(0));
+    _defineProperty(this, "velocityX", new Value(0));
+    _defineProperty(this, "gestureX", new Value(0));
+    _defineProperty(this, "offsetX", new Value(0));
+    _defineProperty(this, "position", new Value(this.props.open ? this.initialDrawerWidth * (this.props.drawerPosition === 'right' ? DIRECTION_RIGHT : DIRECTION_LEFT) : 0));
+    _defineProperty(this, "containerWidth", new Value(this.props.layout.width));
+    _defineProperty(this, "drawerWidth", new Value(this.initialDrawerWidth));
+    _defineProperty(this, "drawerOpacity", new Value(this.props.drawerType === 'permanent' ? 1 : 0));
+    _defineProperty(this, "drawerPosition", new Value(this.props.drawerPosition === 'right' ? DIRECTION_RIGHT : DIRECTION_LEFT));
+    _defineProperty(this, "touchDistanceFromDrawer", cond(this.isDrawerTypeFront, cond(eq(this.drawerPosition, DIRECTION_LEFT), max(
+    // Distance of touch start from left screen edge - Drawer width
+    sub(sub(this.touchX, this.gestureX), this.drawerWidth), 0), min(multiply(
+    // Distance of drawer from left screen edge - Touch start point
+    sub(sub(this.containerWidth, this.drawerWidth), sub(this.touchX, this.gestureX)), DIRECTION_RIGHT), 0)), 0));
+    _defineProperty(this, "swipeDistanceThreshold", new Value(this.props.swipeMinDistance ?? _constants.SWIPE_MIN_DISTANCE));
+    _defineProperty(this, "swipeVelocityThreshold", new Value(this.props.swipeMinVelocity ?? _constants.SWIPE_MIN_VELOCITY));
+    _defineProperty(this, "currentOpenValue", this.props.open);
+    _defineProperty(this, "pendingOpenValue", void 0);
+    _defineProperty(this, "isStatusBarHidden", false);
+    _defineProperty(this, "manuallyTriggerSpring", new Value(FALSE));
+    _defineProperty(this, "transitionTo", isOpen => {
+      const toValue = new Value(0);
+      const frameTime = new Value(0);
+      const state = {
+        position: this.position,
+        time: new Value(0),
+        finished: new Value(FALSE),
+        velocity: new Value(0)
+      };
+      return block([cond(clockRunning(this.clock), NOOP, [
+      // Animation wasn't running before
+      // Set the initial values and start the clock
+      set(toValue, multiply(isOpen, this.drawerWidth, this.drawerPosition)), set(frameTime, 0), set(state.time, 0), set(state.finished, FALSE), set(state.velocity, this.velocityX), set(this.isOpen, isOpen), startClock(this.clock), call([], this.handleStartInteraction), set(this.manuallyTriggerSpring, FALSE)]), spring(this.clock, state, {
+        ...SPRING_CONFIG,
+        toValue
+      }), cond(state.finished, [
+      // Reset gesture and velocity from previous gesture
+      set(this.touchX, 0), set(this.gestureX, 0), set(this.velocityX, 0), set(this.offsetX, 0),
+      // When the animation finishes, stop the clock
+      stopClock(this.clock), call([this.isOpen], _ref => {
+        let [value] = _ref;
+        const open = Boolean(value);
+        this.handleEndInteraction();
+        if (open !== this.props.open) {
+          // Sync drawer's state after animation finished
+          // This shouldn't be necessary, but there seems to be an issue on iOS
+          this.toggleDrawer(this.props.open);
+        }
+      })])]);
+    });
+    _defineProperty(this, "dragX", block([onChange(this.isOpen, call([this.isOpen], _ref2 => {
+      let [value] = _ref2;
+      const open = Boolean(value);
+      this.currentOpenValue = open;
+
+      // Without this check, the drawer can go to an infinite update <-> animate loop for sync updates
+      if (open !== this.props.open) {
+        // If the mode changed, update state
+        if (open) {
+          this.props.onOpen();
+        } else {
+          this.props.onClose();
+        }
+        this.pendingOpenValue = open;
+
+        // Force componentDidUpdate to fire, whether user does a setState or not
+        // This allows us to detect when the user drops the update and revert back
+        // It's necessary to make sure that the state stays in sync
+        this.forceUpdate();
+      }
+    })), onChange(this.nextIsOpen, cond(neq(this.nextIsOpen, UNSET), [
+    // Stop any running animations
+    cond(clockRunning(this.clock), stopClock(this.clock)),
+    // Update the open value to trigger the transition
+    set(this.isOpen, this.nextIsOpen), set(this.gestureX, 0), set(this.nextIsOpen, UNSET)])),
+    // This block must be after the this.isOpen listener since we check for current value
+    onChange(this.isSwiping,
+    // Listen to updates for this value only when it changes
+    // Without `onChange`, this will fire even if the value didn't change
+    // We don't want to call the listeners if the value didn't change
+    call([this.isSwiping], _ref3 => {
+      let [value] = _ref3;
+      const {
+        keyboardDismissMode
+      } = this.props;
+      if (value === TRUE) {
+        if (keyboardDismissMode === 'on-drag') {
+          _reactNative.Keyboard.dismiss();
+        }
+        this.toggleStatusBar(true);
+      } else {
+        this.toggleStatusBar(this.currentOpenValue);
+      }
+    })), onChange(this.gestureState, cond(eq(this.gestureState, _GestureHandler.GestureState.ACTIVE), call([], this.handleStartInteraction))), cond(eq(this.gestureState, _GestureHandler.GestureState.ACTIVE), [cond(this.isSwiping, NOOP, [
+    // We weren't dragging before, set it to true
+    set(this.isSwiping, TRUE),
+    // Also update the drag offset to the last position
+    set(this.offsetX, this.position)]),
+    // Update position with previous offset + gesture distance
+    set(this.position, add(this.offsetX, this.gestureX, this.touchDistanceFromDrawer)),
+    // Stop animations while we're dragging
+    stopClock(this.clock)], [set(this.isSwiping, FALSE), set(this.touchX, 0), this.transitionTo(cond(this.manuallyTriggerSpring, this.isOpen, cond(or(and(greaterThan(abs(this.gestureX), _constants.SWIPE_MIN_OFFSET), greaterThan(abs(this.velocityX), this.swipeVelocityThreshold)), greaterThan(abs(this.gestureX), this.swipeDistanceThreshold)), cond(eq(this.drawerPosition, DIRECTION_LEFT),
+    // If swiped to right, open the drawer, otherwise close it
+    greaterThan(cond(eq(this.velocityX, 0), this.gestureX, this.velocityX), 0),
+    // If swiped to left, open the drawer, otherwise close it
+    lessThan(cond(eq(this.velocityX, 0), this.gestureX, this.velocityX), 0)), this.isOpen)))]), this.position]));
+    _defineProperty(this, "translateX", cond(eq(this.drawerPosition, DIRECTION_RIGHT), min(max(multiply(this.drawerWidth, -1), this.dragX), 0), max(min(this.drawerWidth, this.dragX), 0)));
+    _defineProperty(this, "progress", cond(
+    // Check if the drawer width is available to avoid division by zero
+    eq(this.drawerWidth, 0), 0, abs(divide(this.translateX, this.drawerWidth))));
+    _defineProperty(this, "handleGestureEvent", event([{
+      nativeEvent: {
+        x: this.touchX,
+        translationX: this.gestureX,
+        velocityX: this.velocityX
+      }
+    }]));
+    _defineProperty(this, "handleGestureStateChange", event([{
+      nativeEvent: {
+        state: s => set(this.gestureState, s)
+      }
+    }]));
+    _defineProperty(this, "handleContainerLayout", e => this.containerWidth.setValue(e.nativeEvent.layout.width));
+    _defineProperty(this, "handleDrawerLayout", e => {
+      this.drawerWidth.setValue(e.nativeEvent.layout.width);
+      this.toggleDrawer(this.props.open);
+
+      // Until layout is available, drawer is hidden with opacity: 0 by default
+      // Show it in the next frame when layout is available
+      // If we don't delay it until the next frame, there's a visible flicker
+      requestAnimationFrame(() => requestAnimationFrame(() => this.drawerOpacity.setValue(1)));
+    });
+    _defineProperty(this, "toggleDrawer", open => {
+      if (this.currentOpenValue !== open) {
+        this.nextIsOpen.setValue(open ? TRUE : FALSE);
+
+        // This value will also be set shortly after as changing this.nextIsOpen changes this.isOpen
+        // However, there's a race condition on Android, so we need to set a bit earlier
+        this.currentOpenValue = open;
+      }
+    });
+    _defineProperty(this, "toggleStatusBar", hidden => {
+      const {
+        hideStatusBarOnOpen: hideStatusBar,
+        statusBarAnimation
+      } = this.props;
+      if (hideStatusBar && this.isStatusBarHidden !== hidden) {
+        this.isStatusBarHidden = hidden;
+        _reactNative.StatusBar.setHidden(hidden, statusBarAnimation);
+      }
+    });
+  }
+  componentDidUpdate(prevProps) {
+    const {
+      open,
+      drawerPosition,
+      drawerType,
+      swipeMinDistance,
+      swipeMinVelocity,
+      hideStatusBarOnOpen
+    } = this.props;
+    if (
+    // If we're not in the middle of a transition, sync the drawer's open state
+    typeof this.pendingOpenValue !== 'boolean' || open !== this.pendingOpenValue) {
+      this.toggleDrawer(open);
+    }
+    this.pendingOpenValue = undefined;
+    if (open !== prevProps.open && hideStatusBarOnOpen) {
+      this.toggleStatusBar(open);
+    }
+    if (prevProps.drawerPosition !== drawerPosition) {
+      this.drawerPosition.setValue(drawerPosition === 'right' ? DIRECTION_RIGHT : DIRECTION_LEFT);
+    }
+    if (prevProps.drawerType !== drawerType) {
+      this.isDrawerTypeFront.setValue(drawerType === 'front' ? TRUE : FALSE);
+    }
+    if (prevProps.swipeMinDistance !== swipeMinDistance) {
+      this.swipeDistanceThreshold.setValue(swipeMinDistance ?? _constants.SWIPE_MIN_DISTANCE);
+    }
+    if (prevProps.swipeMinVelocity !== swipeMinVelocity) {
+      this.swipeVelocityThreshold.setValue(swipeMinVelocity ?? _constants.SWIPE_MIN_VELOCITY);
+    }
+  }
+  componentWillUnmount() {
+    this.toggleStatusBar(false);
+    this.handleEndInteraction();
+  }
+  render() {
+    const {
+      open,
+      swipeEnabled,
+      drawerPosition,
+      drawerType,
+      swipeEdgeWidth,
+      drawerStyle,
+      overlayStyle,
+      renderDrawerContent,
+      children,
+      gestureHandlerProps,
+      overlayAccessibilityLabel
+    } = this.props;
+    const isOpen = drawerType === 'permanent' ? true : open;
+    const isRight = drawerPosition === 'right';
+    const contentTranslateX = drawerType === 'front' ? ANIMATED_ZERO : this.translateX;
+    const drawerTranslateX = drawerType === 'back' ? _reactNative.I18nManager.getConstants().isRTL ? multiply(sub(this.containerWidth, this.drawerWidth), isRight ? 1 : -1) : ANIMATED_ZERO : this.translateX;
+    const offset = drawerType === 'back' ? 0 : _reactNative.I18nManager.getConstants().isRTL ? '100%' : multiply(this.drawerWidth, -1);
+
+    // 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 progress = drawerType === 'permanent' ? ANIMATED_ONE : this.progress;
+    return /*#__PURE__*/React.createElement(_DrawerProgressContext.default.Provider, {
+      value: progress
+    }, /*#__PURE__*/React.createElement(_GestureHandler.PanGestureHandler, _extends({
+      activeOffsetX: [-_constants.SWIPE_MIN_OFFSET, _constants.SWIPE_MIN_OFFSET],
+      failOffsetY: [-_constants.SWIPE_MIN_OFFSET, _constants.SWIPE_MIN_OFFSET],
+      onGestureEvent: this.handleGestureEvent,
+      onHandlerStateChange: this.handleGestureStateChange,
+      hitSlop: hitSlop,
+      enabled: drawerType !== 'permanent' && swipeEnabled
+    }, gestureHandlerProps), /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
+      onLayout: this.handleContainerLayout,
+      style: [styles.main, {
+        flexDirection: drawerType === 'permanent' && !isRight ? 'row-reverse' : 'row'
+      }]
+    }, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
+      style: [styles.content, {
+        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: contentTranslateX
+        }]
+      }]
+    }, /*#__PURE__*/React.createElement(_reactNative.View, {
+      accessibilityElementsHidden: isOpen && drawerType !== 'permanent',
+      importantForAccessibility: isOpen && drawerType !== 'permanent' ? 'no-hide-descendants' : 'auto',
+      style: styles.content
+    }, children),
+    // Disable overlay if sidebar is permanent
+    drawerType === 'permanent' ? null : /*#__PURE__*/React.createElement(_Overlay.default, {
+      progress: progress,
+      onPress: () => this.toggleDrawer(false),
+      accessibilityLabel: overlayAccessibilityLabel,
+      style: overlayStyle,
+      accessibilityElementsHidden: !isOpen,
+      importantForAccessibility: isOpen ? 'auto' : 'no-hide-descendants'
+    })), /*#__PURE__*/React.createElement(_reactNativeReanimated.default.Code, {
+      // This is needed to make sure that container width updates with `setValue`
+      // Without this, it won't update when not used in styles
+      exec: this.containerWidth
+    }), drawerType === 'permanent' ? null : /*#__PURE__*/React.createElement(_reactNativeReanimated.default.Code, {
+      exec: block([onChange(this.manuallyTriggerSpring, [cond(eq(this.manuallyTriggerSpring, TRUE), [set(this.nextIsOpen, FALSE), call([], () => this.currentOpenValue = false)])])])
+    }), /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
+      removeClippedSubviews: _reactNative.Platform.OS !== 'ios',
+      onLayout: this.handleDrawerLayout,
+      style: [styles.container, {
+        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: drawerTranslateX
+        }],
+        opacity: this.drawerOpacity
+      }, drawerType === 'permanent' ?
+      // Without this, the `left`/`right` values don't get reset
+      isRight ? {
+        right: 0
+      } : {
+        left: 0
+      } : [styles.nonPermanent, isRight ? {
+        right: offset
+      } : {
+        left: offset
+      }, {
+        zIndex: drawerType === 'back' ? -1 : 0
+      }], drawerStyle]
+    }, renderDrawerContent()))));
+  }
+}
+exports.default = Drawer;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    backgroundColor: 'white',
+    maxWidth: '100%'
+  },
+  nonPermanent: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    width: _constants.DEFAULT_DRAWER_WIDTH
+  },
+  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.js.map

package/lib/commonjs/views/legacy/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Clock","Value","onChange","clockRunning","startClock","stopClock","spring","abs","add","and","block","call","cond","divide","eq","event","greaterThan","lessThan","max","min","multiply","neq","or","set","sub","Animated","TRUE","FALSE","NOOP","UNSET","DIRECTION_LEFT","DIRECTION_RIGHT","SPRING_CONFIG","stiffness","damping","mass","overshootClamping","restDisplacementThreshold","restSpeedThreshold","ANIMATED_ZERO","ANIMATED_ONE","Drawer","React","Component","interactionHandle","undefined","InteractionManager","clearInteractionHandle","createInteractionHandle","drawerStyle","layout","props","width","DEFAULT_DRAWER_WIDTH","StyleSheet","flatten","endsWith","percentage","Number","replace","isFinite","drawerType","open","getDrawerWidth","GestureState","UNDETERMINED","initialDrawerWidth","drawerPosition","isDrawerTypeFront","touchX","gestureX","drawerWidth","containerWidth","swipeMinDistance","SWIPE_MIN_DISTANCE","swipeMinVelocity","SWIPE_MIN_VELOCITY","isOpen","toValue","frameTime","state","position","time","finished","velocity","clock","velocityX","handleStartInteraction","manuallyTriggerSpring","offsetX","value","Boolean","handleEndInteraction","toggleDrawer","currentOpenValue","onOpen","onClose","pendingOpenValue","forceUpdate","nextIsOpen","isSwiping","keyboardDismissMode","Keyboard","dismiss","toggleStatusBar","gestureState","ACTIVE","touchDistanceFromDrawer","transitionTo","SWIPE_MIN_OFFSET","swipeVelocityThreshold","swipeDistanceThreshold","dragX","translateX","nativeEvent","x","translationX","s","e","setValue","requestAnimationFrame","drawerOpacity","hidden","hideStatusBarOnOpen","hideStatusBar","statusBarAnimation","isStatusBarHidden","StatusBar","setHidden","componentDidUpdate","prevProps","componentWillUnmount","render","swipeEnabled","swipeEdgeWidth","overlayStyle","renderDrawerContent","children","gestureHandlerProps","overlayAccessibilityLabel","isRight","contentTranslateX","drawerTranslateX","I18nManager","getConstants","isRTL","offset","hitSlop","right","left","progress","handleGestureEvent","handleGestureStateChange","handleContainerLayout","styles","main","flexDirection","content","transform","Platform","OS","handleDrawerLayout","container","opacity","nonPermanent","zIndex","create","backgroundColor","maxWidth","top","bottom","flex","select","web","default","overflow"],"sourceRoot":"../../src","sources":["Drawer.tsx"],"mappings":"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"}

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

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 {
+  // @ts-expect-error: this is to support reanimated 1
+  interpolate: interpolateDeprecated,
+  interpolateNode,
+  cond,
+  greaterThan
+} = _reactNativeReanimated.default;
+const interpolate = interpolateNode ?? interpolateDeprecated;
+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 = {
+    opacity: interpolate(progress, {
+      // Default input range is [PROGRESS_EPSILON, 1]
+      // On Windows, the output value is 1 when input value is out of range for some reason
+      // The default value 0 will be interpolated to 1 in this case, which is not what we want.
+      // Therefore changing input range on Windows to [0,1] instead.
+      inputRange: _reactNative.Platform.OS === 'windows' || _reactNative.Platform.OS === 'macos' ? [0, 1] : [PROGRESS_EPSILON, 1],
+      outputRange: [0, 1]
+    }),
+    // We don't want the user to be able to press through the overlay when drawer is open
+    // One approach is to adjust the pointerEvents based on the progress
+    // But we can also send the overlay behind the screen, which works, and is much less code
+    zIndex: cond(greaterThan(progress, PROGRESS_EPSILON), 0, -1)
+  };
+  return /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, _extends({}, props, {
+    ref: ref,
+    style: [styles.overlay, overlayStyle, animatedStyle, style]
+  }), /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    onPress: onPress,
+    style: styles.pressable,
+    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)'
+  },
+  pressable: {
+    flex: 1
+  }
+});
+var _default = Overlay;
+exports.default = _default;
+//# sourceMappingURL=Overlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["interpolate","interpolateDeprecated","interpolateNode","cond","greaterThan","Animated","PROGRESS_EPSILON","Overlay","React","forwardRef","ref","progress","onPress","style","accessibilityLabel","props","animatedStyle","opacity","inputRange","Platform","OS","outputRange","zIndex","styles","overlay","overlayStyle","pressable","select","web","WebkitTapHighlightColor","default","StyleSheet","create","absoluteFillObject","backgroundColor","flex"],"sourceRoot":"../../src","sources":["Overlay.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAE/C,MAAM;EACJ;EACAA,WAAW,EAAEC,qBAAqB;EAClCC,eAAe;EACfC,IAAI;EACJC;AACF,CAAC,GAAGC,8BAAQ;AAEZ,MAAML,WAAmC,GACvCE,eAAe,IAAID,qBAAqB;AAE1C,MAAMK,gBAAgB,GAAG,IAAI;AAQ7B,MAAMC,OAAO,gBAAGC,KAAK,CAACC,UAAU,CAAC,SAASF,OAAO,OAQ/CG,GAA6B,EAC7B;EAAA,IARA;IACEC,QAAQ;IACRC,OAAO;IACPC,KAAK;IACLC,kBAAkB,GAAG,cAAc;IACnC,GAAGC;EACE,CAAC;EAGR,MAAMC,aAAa,GAAG;IACpBC,OAAO,EAAEjB,WAAW,CAACW,QAAQ,EAAE;MAC7B;MACA;MACA;MACA;MACAO,UAAU,EACRC,qBAAQ,CAACC,EAAE,KAAK,SAAS,IAAID,qBAAQ,CAACC,EAAE,KAAK,OAAO,GAChD,CAAC,CAAC,EAAE,CAAC,CAAC,GACN,CAACd,gBAAgB,EAAE,CAAC,CAAC;MAC3Be,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;IACpB,CAAC,CAAC;IACF;IACA;IACA;IACAC,MAAM,EAAEnB,IAAI,CAACC,WAAW,CAACO,QAAQ,EAAEL,gBAAgB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;EAC7D,CAAC;EAED,oBACE,oBAAC,8BAAQ,CAAC,IAAI,eACRS,KAAK;IACT,GAAG,EAAEL,GAAI;IACT,KAAK,EAAE,CAACa,MAAM,CAACC,OAAO,EAAEC,YAAY,EAAET,aAAa,EAAEH,KAAK;EAAE,iBAE5D,oBAAC,sBAAS;IACR,OAAO,EAAED,OAAQ;IACjB,KAAK,EAAEW,MAAM,CAACG,SAAU;IACxB,iBAAiB,EAAC,QAAQ;IAC1B,kBAAkB,EAAEZ;EAAmB,EACvC,CACY;AAEpB,CAAC,CAAC;AAEF,MAAMW,YAAY,GAAGN,qBAAQ,CAACQ,MAAM,CAAyB;EAC3DC,GAAG,EAAE;IACH;IACA;IACAC,uBAAuB,EAAE;EAC3B,CAAC;EACDC,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,MAAMP,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,OAAO,EAAE;IACP,GAAGO,uBAAU,CAACE,kBAAkB;IAChCC,eAAe,EAAE;EACnB,CAAC;EACDR,SAAS,EAAE;IACTS,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAAC,eAEY5B,OAAO;AAAA"}