@react-navigation/drawer 6.6.2 → 7.0.0-alpha.1

package/src/views/DrawerItem.tsx

@@ -1,5 +1,5 @@
 import { PlatformPressable } from '@react-navigation/elements';
-import { Link, useTheme } from '@react-navigation/native';
+import { CommonActions, Link, Route, useTheme } from '@react-navigation/native';
 import Color from 'color';
 import * as React from 'react';
 import {
@@ -13,6 +13,14 @@ import {
 } from 'react-native';
 
 type Props = {
+  /**
+   * The route object which should be specified by the drawer item.
+   */
+  route: Route<string>;
+  /**
+   * The `href` to use for the anchor tag on web
+   */
+  href?: string;
   /**
    * The label text of the item.
    */
@@ -27,10 +35,6 @@ type Props = {
     size: number;
     color: string;
   }) => React.ReactNode;
-  /**
-   * URL to use for the link to the tab.
-   */
-  to?: string;
   /**
    * Whether to highlight the drawer item as active.
    */
@@ -93,29 +97,32 @@ type Props = {
 };
 
 const LinkPressable = ({
+  route,
+  href,
   children,
   style,
   onPress,
   onLongPress,
   onPressIn,
   onPressOut,
-  to,
   accessibilityRole,
   ...rest
 }: Omit<React.ComponentProps<typeof PlatformPressable>, 'style'> & {
   style: StyleProp<ViewStyle>;
 } & {
-  to?: string;
+  route: Route<string>;
+  href?: string;
   children: React.ReactNode;
   onPress?: () => void;
 }) => {
-  if (Platform.OS === 'web' && to) {
+  if (Platform.OS === 'web') {
     // React Native Web doesn't forward `onClick` if we use `TouchableWithoutFeedback`.
     // We need to use `onClick` to be able to prevent default browser handling of links.
     return (
       <Link
         {...rest}
-        to={to}
+        href={href}
+        action={CommonActions.navigate(route.name, route.params)}
         style={[styles.button, style]}
         onPress={(e: any) => {
           if (
@@ -151,14 +158,15 @@ const LinkPressable = ({
 /**
  * A component used to show an action item with an icon and a label in a navigation drawer.
  */
-export default function DrawerItem(props: Props) {
-  const { colors } = useTheme();
+export function DrawerItem(props: Props) {
+  const { colors, fonts } = useTheme();
 
   const {
+    route,
+    href,
     icon,
     label,
     labelStyle,
-    to,
     focused = false,
     allowFontScaling,
     activeTintColor = colors.primary,
@@ -197,7 +205,8 @@ export default function DrawerItem(props: Props) {
         accessibilityState={{ selected: focused }}
         pressColor={pressColor}
         pressOpacity={pressOpacity}
-        to={to}
+        route={route}
+        href={href}
       >
         <React.Fragment>
           {iconNode}
@@ -211,13 +220,7 @@ export default function DrawerItem(props: Props) {
               <Text
                 numberOfLines={1}
                 allowFontScaling={allowFontScaling}
-                style={[
-                  {
-                    color,
-                    fontWeight: '500',
-                  },
-                  labelStyle,
-                ]}
+                style={[{ color }, fonts.medium, labelStyle]}
               >
                 {label}
               </Text>

package/src/views/DrawerItemList.tsx

@@ -3,12 +3,12 @@ import {
   DrawerActions,
   DrawerNavigationState,
   ParamListBase,
-  useLinkBuilder,
+  useLinkTools,
 } from '@react-navigation/native';
 import * as React from 'react';
 
 import type { DrawerDescriptorMap, DrawerNavigationHelpers } from '../types';
-import DrawerItem from './DrawerItem';
+import { DrawerItem } from './DrawerItem';
 
 type Props = {
   state: DrawerNavigationState<ParamListBase>;
@@ -19,12 +19,8 @@ type Props = {
 /**
  * Component that renders the navigation list in the drawer.
  */
-export default function DrawerItemList({
-  state,
-  navigation,
-  descriptors,
-}: Props) {
-  const buildLink = useLinkBuilder();
+export function DrawerItemList({ state, navigation, descriptors }: Props) {
+  const { buildHref } = useLinkTools();
 
   const focusedRoute = state.routes[state.index];
   const focusedDescriptor = descriptors[focusedRoute.key];
@@ -51,7 +47,7 @@ export default function DrawerItemList({
         navigation.dispatch({
           ...(focused
             ? DrawerActions.closeDrawer()
-            : CommonActions.navigate({ name: route.name, merge: true })),
+            : CommonActions.navigate(route)),
           target: state.key,
         });
       }
@@ -69,6 +65,8 @@ export default function DrawerItemList({
     return (
       <DrawerItem
         key={route.key}
+        route={route}
+        href={buildHref(route.name, route.params)}
         label={
           drawerLabel !== undefined
             ? drawerLabel
@@ -85,7 +83,6 @@ export default function DrawerItemList({
         allowFontScaling={drawerAllowFontScaling}
         labelStyle={drawerLabelStyle}
         style={drawerItemStyle}
-        to={buildLink(route.name, route.params)}
         onPress={onPress}
       />
     );

package/src/views/DrawerToggleButton.tsx

@@ -16,7 +16,7 @@ type Props = {
   tintColor?: string;
 };
 
-export default function DrawerToggleButton({ tintColor, ...rest }: Props) {
+export function DrawerToggleButton({ tintColor, ...rest }: Props) {
   const navigation = useNavigation<DrawerNavigationProp<ParamListBase>>();
 
   return (

package/src/views/DrawerView.tsx

@@ -12,15 +12,10 @@ import {
   useTheme,
 } from '@react-navigation/native';
 import * as React from 'react';
-import {
-  BackHandler,
-  I18nManager,
-  Platform,
-  StyleSheet,
-  View,
-} from 'react-native';
-import * as Reanimated from 'react-native-reanimated';
+import { BackHandler, I18nManager, Platform, StyleSheet } from 'react-native';
+import { Drawer } from 'react-native-drawer-layout';
 import { useSafeAreaFrame } from 'react-native-safe-area-context';
+import useLatestCallback from 'use-latest-callback';
 
 import type {
   DrawerContentComponentProps,
@@ -29,14 +24,12 @@ import type {
   DrawerNavigationConfig,
   DrawerNavigationHelpers,
   DrawerNavigationProp,
-  DrawerProps,
 } from '../types';
-import DrawerPositionContext from '../utils/DrawerPositionContext';
-import DrawerStatusContext from '../utils/DrawerStatusContext';
-import getDrawerStatusFromState from '../utils/getDrawerStatusFromState';
-import DrawerContent from './DrawerContent';
-import DrawerToggleButton from './DrawerToggleButton';
-import { GestureHandlerRootView } from './GestureHandler';
+import { DrawerPositionContext } from '../utils/DrawerPositionContext';
+import { DrawerStatusContext } from '../utils/DrawerStatusContext';
+import { getDrawerStatusFromState } from '../utils/getDrawerStatusFromState';
+import { DrawerContent } from './DrawerContent';
+import { DrawerToggleButton } from './DrawerToggleButton';
 import { MaybeScreen, MaybeScreenContainer } from './ScreenFallback';
 
 type Props = DrawerNavigationConfig & {
@@ -46,29 +39,6 @@ type Props = DrawerNavigationConfig & {
   descriptors: DrawerDescriptorMap;
 };
 
-const getDefaultDrawerWidth = ({
-  height,
-  width,
-}: {
-  height: number;
-  width: number;
-}) => {
-  /*
-   * 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);
-};
-
-const GestureHandlerWrapper = GestureHandlerRootView ?? View;
-
 function DrawerViewBase({
   state,
   navigation,
@@ -80,39 +50,22 @@ function DrawerViewBase({
   detachInactiveScreens = Platform.OS === 'web' ||
     Platform.OS === 'android' ||
     Platform.OS === 'ios',
-  // Reanimated 2 is not configured
-  // @ts-expect-error: the type definitions are incomplete
-  useLegacyImplementation = !Reanimated.isConfigured?.(),
 }: Props) {
-  // Reanimated v3 dropped legacy v1 syntax
-  const legacyImplemenationNotAvailable =
-    require('react-native-reanimated').abs === undefined;
-
-  if (useLegacyImplementation && legacyImplemenationNotAvailable) {
-    throw new Error(
-      'The `useLegacyImplementation` prop is not available with Reanimated 3 as it no longer includes support for Reanimated 1 legacy API. Remove the `useLegacyImplementation` prop from `Drawer.Navigator` to be able to use it.'
-    );
-  }
-
-  const Drawer: React.ComponentType<DrawerProps> = useLegacyImplementation
-    ? require('./legacy/Drawer').default
-    : require('./modern/Drawer').default;
-
   const focusedRouteKey = state.routes[state.index].key;
   const {
-    drawerHideStatusBarOnOpen = false,
+    drawerHideStatusBarOnOpen,
     drawerPosition = I18nManager.getConstants().isRTL ? 'right' : 'left',
-    drawerStatusBarAnimation = 'slide',
+    drawerStatusBarAnimation,
     drawerStyle,
-    drawerType = Platform.select({ ios: 'slide', default: 'front' }),
+    drawerType,
     gestureHandlerProps,
-    keyboardDismissMode = 'on-drag',
+    keyboardDismissMode,
     overlayColor = 'rgba(0, 0, 0, 0.5)',
-    swipeEdgeWidth = 32,
+    swipeEdgeWidth,
     swipeEnabled = Platform.OS !== 'web' &&
       Platform.OS !== 'windows' &&
       Platform.OS !== 'macos',
-    swipeMinDistance = 60,
+    swipeMinDistance,
     overlayAccessibilityLabel,
   } = descriptors[focusedRouteKey].options;
 
@@ -128,19 +81,56 @@ function DrawerViewBase({
 
   const drawerStatus = getDrawerStatusFromState(state);
 
-  const handleDrawerOpen = React.useCallback(() => {
+  const handleDrawerOpen = useLatestCallback(() => {
     navigation.dispatch({
       ...DrawerActions.openDrawer(),
       target: state.key,
     });
-  }, [navigation, state.key]);
+  });
 
-  const handleDrawerClose = React.useCallback(() => {
+  const handleDrawerClose = useLatestCallback(() => {
     navigation.dispatch({
       ...DrawerActions.closeDrawer(),
       target: state.key,
     });
-  }, [navigation, state.key]);
+  });
+
+  const handleGestureStart = useLatestCallback(() => {
+    navigation.emit({
+      type: 'gestureStart',
+      target: state.key,
+    });
+  });
+
+  const handleGestureEnd = useLatestCallback(() => {
+    navigation.emit({
+      type: 'gestureEnd',
+      target: state.key,
+    });
+  });
+
+  const handleGestureCancel = useLatestCallback(() => {
+    navigation.emit({
+      type: 'gestureCancel',
+      target: state.key,
+    });
+  });
+
+  const handleTransitionStart = useLatestCallback((closing: boolean) => {
+    navigation.emit({
+      type: 'transitionStart',
+      data: { closing },
+      target: state.key,
+    });
+  });
+
+  const handleTransitionEnd = useLatestCallback((closing: boolean) => {
+    navigation.emit({
+      type: 'transitionEnd',
+      data: { closing },
+      target: state.key,
+    });
+  });
 
   React.useEffect(() => {
     if (drawerStatus === defaultStatus || drawerType === 'permanent') {
@@ -288,11 +278,16 @@ function DrawerViewBase({
         open={drawerStatus !== 'closed'}
         onOpen={handleDrawerOpen}
         onClose={handleDrawerClose}
+        onGestureStart={handleGestureStart}
+        onGestureEnd={handleGestureEnd}
+        onGestureCancel={handleGestureCancel}
+        onTransitionStart={handleTransitionStart}
+        onTransitionEnd={handleTransitionEnd}
+        layout={dimensions}
         gestureHandlerProps={gestureHandlerProps}
         swipeEnabled={swipeEnabled}
         swipeEdgeWidth={swipeEdgeWidth}
-        swipeVelocityThreshold={500}
-        swipeDistanceThreshold={swipeMinDistance}
+        swipeMinDistance={swipeMinDistance}
         hideStatusBarOnOpen={drawerHideStatusBarOnOpen}
         statusBarAnimation={drawerStatusBarAnimation}
         keyboardDismissMode={keyboardDismissMode}
@@ -300,10 +295,7 @@ function DrawerViewBase({
         overlayAccessibilityLabel={overlayAccessibilityLabel}
         drawerPosition={drawerPosition}
         drawerStyle={[
-          {
-            width: getDefaultDrawerWidth(dimensions),
-            backgroundColor: colors.card,
-          },
+          { backgroundColor: colors.card },
           drawerType === 'permanent' &&
             (drawerPosition === 'left'
               ? {
@@ -318,19 +310,17 @@ function DrawerViewBase({
         ]}
         overlayStyle={{ backgroundColor: overlayColor }}
         renderDrawerContent={renderDrawerContent}
-        renderSceneContent={renderSceneContent}
-        dimensions={dimensions}
-      />
+      >
+        {renderSceneContent()}
+      </Drawer>
     </DrawerStatusContext.Provider>
   );
 }
 
-export default function DrawerView({ navigation, ...rest }: Props) {
+export function DrawerView({ navigation, ...rest }: Props) {
   return (
     <SafeAreaProviderCompat>
-      <GestureHandlerWrapper style={styles.content}>
-        <DrawerViewBase navigation={navigation} {...rest} />
-      </GestureHandlerWrapper>
+      <DrawerViewBase navigation={navigation} {...rest} />
     </SafeAreaProviderCompat>
   );
 }

package/lib/commonjs/utils/DrawerGestureContext.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-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; }
-var _default = /*#__PURE__*/React.createContext(null);
-exports.default = _default;
-//# sourceMappingURL=DrawerGestureContext.js.map

package/lib/commonjs/utils/DrawerGestureContext.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","createContext"],"sourceRoot":"../../../src","sources":["utils/DrawerGestureContext.tsx"],"mappings":";;;;;;AAAA;AAA+B;AAAA;AAAA,4BAEhBA,KAAK,CAACC,aAAa,CAA8B,IAAI,CAAC;AAAA"}

package/lib/commonjs/utils/DrawerProgressContext.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-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; }
-var _default = /*#__PURE__*/React.createContext(undefined);
-exports.default = _default;
-//# sourceMappingURL=DrawerProgressContext.js.map

package/lib/commonjs/utils/DrawerProgressContext.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","createContext","undefined"],"sourceRoot":"../../../src","sources":["utils/DrawerProgressContext.tsx"],"mappings":";;;;;;AAAA;AAA+B;AAAA;AAAA,4BAGhBA,KAAK,CAACC,aAAa,CAEhCC,SAAS,CAAC;AAAA"}

package/lib/commonjs/utils/useDrawerProgress.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useDrawerProgress;
-var React = _interopRequireWildcard(require("react"));
-var _DrawerProgressContext = _interopRequireDefault(require("./DrawerProgressContext"));
-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 useDrawerProgress() {
-  const progress = React.useContext(_DrawerProgressContext.default);
-  if (progress === undefined) {
-    throw new Error("Couldn't find a drawer. Is your component inside a drawer navigator?");
-  }
-  return progress;
-}
-//# sourceMappingURL=useDrawerProgress.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["useDrawerProgress","progress","React","useContext","DrawerProgressContext","undefined","Error"],"sourceRoot":"../../../src","sources":["utils/useDrawerProgress.tsx"],"mappings":";;;;;;AAAA;AAGA;AAA4D;AAAA;AAAA;AAE7C,SAASA,iBAAiB,GAEf;EACxB,MAAMC,QAAQ,GAAGC,KAAK,CAACC,UAAU,CAACC,8BAAqB,CAAC;EAExD,IAAIH,QAAQ,KAAKI,SAAS,EAAE;IAC1B,MAAM,IAAIC,KAAK,CACb,sEAAsE,CACvE;EACH;EAEA,OAAOL,QAAQ;AACjB"}

package/lib/commonjs/views/GestureHandler.android.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _GestureHandlerNative = require("./GestureHandlerNative");
-Object.keys(_GestureHandlerNative).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _GestureHandlerNative[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _GestureHandlerNative[key];
-    }
-  });
-});
-//# sourceMappingURL=GestureHandler.android.js.map

package/lib/commonjs/views/GestureHandler.android.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["views/GestureHandler.android.tsx"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/views/GestureHandler.ios.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _GestureHandlerNative = require("./GestureHandlerNative");
-Object.keys(_GestureHandlerNative).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _GestureHandlerNative[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _GestureHandlerNative[key];
-    }
-  });
-});
-//# sourceMappingURL=GestureHandler.ios.js.map

package/lib/commonjs/views/GestureHandler.ios.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["views/GestureHandler.ios.tsx"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/views/GestureHandler.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TapGestureHandler = exports.PanGestureHandler = exports.GestureState = exports.GestureHandlerRootView = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-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; }
-const Dummy = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-};
-const PanGestureHandler = Dummy;
-exports.PanGestureHandler = PanGestureHandler;
-const TapGestureHandler = Dummy;
-exports.TapGestureHandler = TapGestureHandler;
-const GestureHandlerRootView = _reactNative.View;
-exports.GestureHandlerRootView = GestureHandlerRootView;
-const GestureState = {
-  UNDETERMINED: 0,
-  FAILED: 1,
-  BEGAN: 2,
-  CANCELLED: 3,
-  ACTIVE: 4,
-  END: 5
-};
-exports.GestureState = GestureState;
-//# sourceMappingURL=GestureHandler.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["Dummy","children","PanGestureHandler","TapGestureHandler","GestureHandlerRootView","View","GestureState","UNDETERMINED","FAILED","BEGAN","CANCELLED","ACTIVE","END"],"sourceRoot":"../../../src","sources":["views/GestureHandler.tsx"],"mappings":";;;;;;AAAA;AACA;AAAoC;AAAA;AAMpC,MAAMA,KAAU,GAAG;EAAA,IAAC;IAAEC;EAAwC,CAAC;EAAA,oBAC7D,0CAAGA,QAAQ,CAAI;AAAA,CAChB;AAEM,MAAMC,iBAAiB,GAC5BF,KAAyD;AAAC;AAErD,MAAMG,iBAAiB,GAC5BH,KAAyD;AAAC;AAErD,MAAMI,sBAAsB,GAAGC,iBAAI;AAAC;AAEpC,MAAMC,YAAY,GAAG;EAC1BC,YAAY,EAAE,CAAC;EACfC,MAAM,EAAE,CAAC;EACTC,KAAK,EAAE,CAAC;EACRC,SAAS,EAAE,CAAC;EACZC,MAAM,EAAE,CAAC;EACTC,GAAG,EAAE;AACP,CAAC;AAAC"}

package/lib/commonjs/views/GestureHandlerNative.js

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

@@ -1 +0,0 @@
-{"version":3,"names":["PanGestureHandler","props","gestureRef","React","useRef"],"sourceRoot":"../../../src","sources":["views/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"}