@react-navigation/drawer 6.1.5

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DrawerView.tsx"],"names":["getHeaderTitle","Header","SafeAreaProviderCompat","Screen","DrawerActions","useTheme","React","BackHandler","I18nManager","Platform","StyleSheet","View","Animated","useSafeAreaFrame","DrawerPositionContext","DrawerStatusContext","getDrawerStatusFromState","DrawerContent","DrawerToggleButton","GestureHandlerRootView","MaybeScreen","MaybeScreenContainer","getDefaultDrawerWidth","height","width","smallerAxisSize","Math","min","isLandscape","isTablet","appBarHeight","OS","maxWidth","GestureHandlerWrapper","DrawerViewBase","state","navigation","descriptors","drawerContent","props","detachInactiveScreens","useLegacyImplementation","global","nativeCallSyncHook","isConfigured","Drawer","require","default","focusedRouteKey","routes","index","key","drawerHideStatusBarOnOpen","drawerPosition","isRTL","drawerStatusBarAnimation","drawerStyle","drawerType","select","ios","gestureHandlerProps","keyboardDismissMode","overlayColor","swipeEdgeWidth","swipeEnabled","swipeMinDistance","options","loaded","setLoaded","useState","includes","dimensions","colors","drawerStatus","handleDrawerOpen","useCallback","dispatch","openDrawer","target","handleDrawerClose","closeDrawer","useEffect","handleClose","isFocused","handleEscape","e","subscription","addEventListener","document","body","remove","removeEventListener","renderDrawerContent","renderSceneContent","styles","content","map","route","descriptor","lazy","unmountOnBlur","header","layout","name","headerLeft","sceneContainerStyle","absoluteFill","zIndex","headerShown","headerTransparent","headerStatusBarHeight","render","backgroundColor","card","borderRightColor","border","borderRightWidth","hairlineWidth","borderLeftColor","borderLeftWidth","DrawerView","rest","create","flex"],"mappings":"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","sourcesContent":["import {\n  getHeaderTitle,\n  Header,\n  SafeAreaProviderCompat,\n  Screen,\n} from '@react-navigation/elements';\nimport {\n  DrawerActions,\n  DrawerNavigationState,\n  ParamListBase,\n  useTheme,\n} from '@react-navigation/native';\nimport * as React from 'react';\nimport {\n  BackHandler,\n  I18nManager,\n  Platform,\n  StyleSheet,\n  View,\n} from 'react-native';\nimport Animated from 'react-native-reanimated';\nimport { useSafeAreaFrame } from 'react-native-safe-area-context';\n\nimport type {\n  DrawerContentComponentProps,\n  DrawerDescriptorMap,\n  DrawerHeaderProps,\n  DrawerNavigationConfig,\n  DrawerNavigationHelpers,\n  DrawerNavigationProp,\n  DrawerProps,\n} from '../types';\nimport DrawerPositionContext from '../utils/DrawerPositionContext';\nimport DrawerStatusContext from '../utils/DrawerStatusContext';\nimport getDrawerStatusFromState from '../utils/getDrawerStatusFromState';\nimport DrawerContent from './DrawerContent';\nimport DrawerToggleButton from './DrawerToggleButton';\nimport { GestureHandlerRootView } from './GestureHandler';\nimport { MaybeScreen, MaybeScreenContainer } from './ScreenFallback';\n\ntype Props = DrawerNavigationConfig & {\n  state: DrawerNavigationState<ParamListBase>;\n  navigation: DrawerNavigationHelpers;\n  descriptors: DrawerDescriptorMap;\n};\n\nconst getDefaultDrawerWidth = ({\n  height,\n  width,\n}: {\n  height: number;\n  width: number;\n}) => {\n  /*\n   * Default drawer width is screen width - header height\n   * with a max width of 280 on mobile and 320 on tablet\n   * https://material.io/components/navigation-drawer\n   */\n  const smallerAxisSize = Math.min(height, width);\n  const isLandscape = width > height;\n  const isTablet = smallerAxisSize >= 600;\n  const appBarHeight = Platform.OS === 'ios' ? (isLandscape ? 32 : 44) : 56;\n  const maxWidth = isTablet ? 320 : 280;\n\n  return Math.min(smallerAxisSize - appBarHeight, maxWidth);\n};\n\nconst GestureHandlerWrapper = GestureHandlerRootView ?? View;\n\nfunction DrawerViewBase({\n  state,\n  navigation,\n  descriptors,\n  drawerContent = (props: DrawerContentComponentProps) => (\n    <DrawerContent {...props} />\n  ),\n  detachInactiveScreens = Platform.OS === 'web' ||\n    Platform.OS === 'android' ||\n    Platform.OS === 'ios',\n  // Running in chrome debugger\n  // @ts-expect-error\n  useLegacyImplementation = !global.nativeCallSyncHook ||\n    // Reanimated 2 is not configured\n    // @ts-expect-error: the type definitions are incomplete\n    !Animated.isConfigured?.(),\n}: Props) {\n  const Drawer: React.ComponentType<DrawerProps> = useLegacyImplementation\n    ? require('./legacy/Drawer').default\n    : require('./modern/Drawer').default;\n\n  const focusedRouteKey = state.routes[state.index].key;\n  const {\n    drawerHideStatusBarOnOpen = false,\n    drawerPosition = I18nManager.isRTL ? 'right' : 'left',\n    drawerStatusBarAnimation = 'slide',\n    drawerStyle,\n    drawerType = Platform.select({ ios: 'slide', default: 'front' }),\n    gestureHandlerProps,\n    keyboardDismissMode = 'on-drag',\n    overlayColor = 'rgba(0, 0, 0, 0.5)',\n    swipeEdgeWidth = 32,\n    swipeEnabled = Platform.OS !== 'web' &&\n      Platform.OS !== 'windows' &&\n      Platform.OS !== 'macos',\n    swipeMinDistance = 60,\n  } = descriptors[focusedRouteKey].options;\n\n  const [loaded, setLoaded] = React.useState([focusedRouteKey]);\n\n  if (!loaded.includes(focusedRouteKey)) {\n    setLoaded([...loaded, focusedRouteKey]);\n  }\n\n  const dimensions = useSafeAreaFrame();\n\n  const { colors } = useTheme();\n\n  const drawerStatus = getDrawerStatusFromState(state);\n\n  const handleDrawerOpen = React.useCallback(() => {\n    navigation.dispatch({\n      ...DrawerActions.openDrawer(),\n      target: state.key,\n    });\n  }, [navigation, state.key]);\n\n  const handleDrawerClose = React.useCallback(() => {\n    navigation.dispatch({\n      ...DrawerActions.closeDrawer(),\n      target: state.key,\n    });\n  }, [navigation, state.key]);\n\n  React.useEffect(() => {\n    if (drawerStatus !== 'open' || drawerType === 'permanent') {\n      return;\n    }\n\n    const handleClose = () => {\n      // We shouldn't handle the back button if the parent screen isn't focused\n      // This will avoid the drawer overriding event listeners from a focused screen\n      if (!navigation.isFocused()) {\n        return false;\n      }\n\n      handleDrawerClose();\n\n      return true;\n    };\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        handleClose();\n      }\n    };\n\n    // We only add the listeners when drawer opens\n    // This way we can make sure that the listener is added as late as possible\n    // This will make sure that our handler will run first when back button is pressed\n    const subscription = BackHandler.addEventListener(\n      'hardwareBackPress',\n      handleClose\n    );\n\n    if (Platform.OS === 'web') {\n      document?.body?.addEventListener?.('keyup', handleEscape);\n    }\n\n    return () => {\n      subscription.remove();\n\n      if (Platform.OS === 'web') {\n        document?.body?.removeEventListener?.('keyup', handleEscape);\n      }\n    };\n  }, [drawerStatus, drawerType, handleDrawerClose, navigation]);\n\n  const renderDrawerContent = () => {\n    return (\n      <DrawerPositionContext.Provider value={drawerPosition}>\n        {drawerContent({\n          state: state,\n          navigation: navigation,\n          descriptors: descriptors,\n        })}\n      </DrawerPositionContext.Provider>\n    );\n  };\n\n  const renderSceneContent = () => {\n    return (\n      <MaybeScreenContainer\n        enabled={detachInactiveScreens}\n        style={styles.content}\n      >\n        {state.routes.map((route, index) => {\n          const descriptor = descriptors[route.key];\n          const { lazy = true, unmountOnBlur } = descriptor.options;\n          const isFocused = state.index === index;\n\n          if (unmountOnBlur && !isFocused) {\n            return null;\n          }\n\n          if (lazy && !loaded.includes(route.key) && !isFocused) {\n            // Don't render a lazy screen if we've never navigated to it\n            return null;\n          }\n\n          const {\n            header = ({ layout, options }: DrawerHeaderProps) => (\n              <Header\n                {...options}\n                layout={layout}\n                title={getHeaderTitle(options, route.name)}\n                headerLeft={\n                  options.headerLeft ??\n                  ((props) => <DrawerToggleButton {...props} />)\n                }\n              />\n            ),\n            sceneContainerStyle,\n          } = descriptor.options;\n\n          return (\n            <MaybeScreen\n              key={route.key}\n              style={[StyleSheet.absoluteFill, { zIndex: isFocused ? 0 : -1 }]}\n              visible={isFocused}\n              enabled={detachInactiveScreens}\n            >\n              <Screen\n                focused={isFocused}\n                route={descriptor.route}\n                navigation={descriptor.navigation}\n                headerShown={descriptor.options.headerShown}\n                headerTransparent={descriptor.options.headerTransparent}\n                headerStatusBarHeight={descriptor.options.headerStatusBarHeight}\n                header={header({\n                  layout: dimensions,\n                  route: descriptor.route,\n                  navigation:\n                    descriptor.navigation as DrawerNavigationProp<ParamListBase>,\n                  options: descriptor.options,\n                })}\n                style={sceneContainerStyle}\n              >\n                {descriptor.render()}\n              </Screen>\n            </MaybeScreen>\n          );\n        })}\n      </MaybeScreenContainer>\n    );\n  };\n\n  return (\n    <DrawerStatusContext.Provider value={drawerStatus}>\n      <Drawer\n        open={drawerStatus !== 'closed'}\n        onOpen={handleDrawerOpen}\n        onClose={handleDrawerClose}\n        gestureHandlerProps={gestureHandlerProps}\n        swipeEnabled={swipeEnabled}\n        swipeEdgeWidth={swipeEdgeWidth}\n        swipeVelocityThreshold={500}\n        swipeDistanceThreshold={swipeMinDistance}\n        hideStatusBarOnOpen={drawerHideStatusBarOnOpen}\n        statusBarAnimation={drawerStatusBarAnimation}\n        keyboardDismissMode={keyboardDismissMode}\n        drawerType={drawerType}\n        drawerPosition={drawerPosition}\n        drawerStyle={[\n          {\n            width: getDefaultDrawerWidth(dimensions),\n            backgroundColor: colors.card,\n          },\n          drawerType === 'permanent' &&\n            (drawerPosition === 'left'\n              ? {\n                  borderRightColor: colors.border,\n                  borderRightWidth: StyleSheet.hairlineWidth,\n                }\n              : {\n                  borderLeftColor: colors.border,\n                  borderLeftWidth: StyleSheet.hairlineWidth,\n                }),\n          drawerStyle,\n        ]}\n        overlayStyle={{ backgroundColor: overlayColor }}\n        renderDrawerContent={renderDrawerContent}\n        renderSceneContent={renderSceneContent}\n        dimensions={dimensions}\n      />\n    </DrawerStatusContext.Provider>\n  );\n}\n\nexport default function DrawerView({ navigation, ...rest }: Props) {\n  return (\n    <SafeAreaProviderCompat>\n      <GestureHandlerWrapper style={styles.content}>\n        <DrawerViewBase navigation={navigation} {...rest} />\n      </GestureHandlerWrapper>\n    </SafeAreaProviderCompat>\n  );\n}\n\nconst styles = StyleSheet.create({\n  content: {\n    flex: 1,\n  },\n});\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["GestureHandler.android.tsx"],"names":[],"mappings":"AAAA,cAAc,wBAAd","sourcesContent":["export * from './GestureHandlerNative';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["GestureHandler.ios.tsx"],"names":[],"mappings":"AAAA,cAAc,wBAAd","sourcesContent":["export * from './GestureHandlerNative';\n"]}

package/lib/module/views/GestureHandler.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { View } from 'react-native';
+
+const Dummy = ({
+  children
+}) => /*#__PURE__*/React.createElement(React.Fragment, null, children);
+
+export const PanGestureHandler = Dummy;
+export const TapGestureHandler = Dummy;
+export const GestureHandlerRootView = View;
+export const GestureState = {
+  UNDETERMINED: 0,
+  FAILED: 1,
+  BEGAN: 2,
+  CANCELLED: 3,
+  ACTIVE: 4,
+  END: 5
+};
+//# sourceMappingURL=GestureHandler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["GestureHandler.tsx"],"names":["React","View","Dummy","children","PanGestureHandler","TapGestureHandler","GestureHandlerRootView","GestureState","UNDETERMINED","FAILED","BEGAN","CANCELLED","ACTIVE","END"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAqB,cAArB;;AAMA,MAAMC,KAAU,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,kBACjB,0CAAGA,QAAH,CADF;;AAIA,OAAO,MAAMC,iBAAiB,GAC5BF,KADK;AAGP,OAAO,MAAMG,iBAAiB,GAC5BH,KADK;AAGP,OAAO,MAAMI,sBAAsB,GAAGL,IAA/B;AAEP,OAAO,MAAMM,YAAY,GAAG;AAC1BC,EAAAA,YAAY,EAAE,CADY;AAE1BC,EAAAA,MAAM,EAAE,CAFkB;AAG1BC,EAAAA,KAAK,EAAE,CAHmB;AAI1BC,EAAAA,SAAS,EAAE,CAJe;AAK1BC,EAAAA,MAAM,EAAE,CALkB;AAM1BC,EAAAA,GAAG,EAAE;AANqB,CAArB","sourcesContent":["import * as React from 'react';\nimport { View } from 'react-native';\nimport type {\n  PanGestureHandlerProperties,\n  TapGestureHandlerProperties,\n} from 'react-native-gesture-handler';\n\nconst Dummy: any = ({ children }: { children: React.ReactNode }) => (\n  <>{children}</>\n);\n\nexport const PanGestureHandler =\n  Dummy as React.ComponentType<PanGestureHandlerProperties>;\n\nexport const TapGestureHandler =\n  Dummy as React.ComponentType<TapGestureHandlerProperties>;\n\nexport const GestureHandlerRootView = View;\n\nexport const GestureState = {\n  UNDETERMINED: 0,\n  FAILED: 1,\n  BEGAN: 2,\n  CANCELLED: 3,\n  ACTIVE: 4,\n  END: 5,\n};\n\nexport type { PanGestureHandlerGestureEvent } from 'react-native-gesture-handler';\n"]}

package/lib/module/views/GestureHandlerNative.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { PanGestureHandler as PanGestureHandlerNative } from 'react-native-gesture-handler';
+import DrawerGestureContext from '../utils/DrawerGestureContext';
+export function PanGestureHandler(props) {
+  const gestureRef = React.useRef(null);
+  return /*#__PURE__*/React.createElement(DrawerGestureContext.Provider, {
+    value: gestureRef
+  }, /*#__PURE__*/React.createElement(PanGestureHandlerNative, props));
+}
+export { GestureHandlerRootView, State as GestureState, PanGestureHandlerGestureEvent, TapGestureHandler } from 'react-native-gesture-handler';
+//# sourceMappingURL=GestureHandlerNative.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["GestureHandlerNative.tsx"],"names":["React","PanGestureHandler","PanGestureHandlerNative","DrawerGestureContext","props","gestureRef","useRef","GestureHandlerRootView","State","GestureState","PanGestureHandlerGestureEvent","TapGestureHandler"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,iBAAiB,IAAIC,uBADvB,QAGO,8BAHP;AAKA,OAAOC,oBAAP,MAAiC,+BAAjC;AAEA,OAAO,SAASF,iBAAT,CAA2BG,KAA3B,EAA+D;AACpE,QAAMC,UAAU,GAAGL,KAAK,CAACM,MAAN,CAAsC,IAAtC,CAAnB;AAEA,sBACE,oBAAC,oBAAD,CAAsB,QAAtB;AAA+B,IAAA,KAAK,EAAED;AAAtC,kBACE,oBAAC,uBAAD,EAA6BD,KAA7B,CADF,CADF;AAKD;AAED,SACEG,sBADF,EAEEC,KAAK,IAAIC,YAFX,EAGEC,6BAHF,EAIEC,iBAJF,QAKO,8BALP","sourcesContent":["import * as React from 'react';\nimport {\n  PanGestureHandler as PanGestureHandlerNative,\n  PanGestureHandlerProperties,\n} from 'react-native-gesture-handler';\n\nimport DrawerGestureContext from '../utils/DrawerGestureContext';\n\nexport function PanGestureHandler(props: PanGestureHandlerProperties) {\n  const gestureRef = React.useRef<PanGestureHandlerNative>(null);\n\n  return (\n    <DrawerGestureContext.Provider value={gestureRef}>\n      <PanGestureHandlerNative {...props} />\n    </DrawerGestureContext.Provider>\n  );\n}\n\nexport {\n  GestureHandlerRootView,\n  State as GestureState,\n  PanGestureHandlerGestureEvent,\n  TapGestureHandler,\n} from 'react-native-gesture-handler';\n"]}

package/lib/module/views/ScreenFallback.js

@@ -0,0 +1,44 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import { ResourceSavingView } from '@react-navigation/elements';
+import * as React from 'react';
+import { View } from 'react-native';
+let Screens;
+
+try {
+  Screens = require('react-native-screens');
+} catch (e) {// Ignore
+}
+
+export const MaybeScreenContainer = ({
+  enabled,
+  ...rest
+}) => {
+  var _Screens, _Screens$screensEnabl;
+
+  if ((_Screens = Screens) !== null && _Screens !== void 0 && (_Screens$screensEnabl = _Screens.screensEnabled) !== null && _Screens$screensEnabl !== void 0 && _Screens$screensEnabl.call(_Screens)) {
+    return /*#__PURE__*/React.createElement(Screens.ScreenContainer, _extends({
+      enabled: enabled
+    }, rest));
+  }
+
+  return /*#__PURE__*/React.createElement(View, rest);
+};
+export function MaybeScreen({
+  visible,
+  children,
+  ...rest
+}) {
+  var _Screens2, _Screens2$screensEnab;
+
+  if ((_Screens2 = Screens) !== null && _Screens2 !== void 0 && (_Screens2$screensEnab = _Screens2.screensEnabled) !== null && _Screens2$screensEnab !== void 0 && _Screens2$screensEnab.call(_Screens2)) {
+    return /*#__PURE__*/React.createElement(Screens.Screen, _extends({
+      activityState: visible ? 2 : 0
+    }, rest), children);
+  }
+
+  return /*#__PURE__*/React.createElement(ResourceSavingView, _extends({
+    visible: visible
+  }, rest), children);
+}
+//# sourceMappingURL=ScreenFallback.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ScreenFallback.tsx"],"names":["ResourceSavingView","React","View","Screens","require","e","MaybeScreenContainer","enabled","rest","screensEnabled","MaybeScreen","visible","children"],"mappings":";;AAAA,SAASA,kBAAT,QAAmC,4BAAnC;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AACA,SAAoBC,IAApB,QAAsD,cAAtD;AASA,IAAIC,OAAJ;;AAEA,IAAI;AACFA,EAAAA,OAAO,GAAGC,OAAO,CAAC,sBAAD,CAAjB;AACD,CAFD,CAEE,OAAOC,CAAP,EAAU,CACV;AACD;;AAED,OAAO,MAAMC,oBAAoB,GAAG,CAAC;AACnCC,EAAAA,OADmC;AAEnC,KAAGC;AAFgC,CAAD,KAM9B;AAAA;;AACJ,kBAAIL,OAAJ,8DAAI,SAASM,cAAb,kDAAI,oCAAJ,EAAiC;AAC/B,wBAAO,oBAAC,OAAD,CAAS,eAAT;AAAyB,MAAA,OAAO,EAAEF;AAAlC,OAA+CC,IAA/C,EAAP;AACD;;AAED,sBAAO,oBAAC,IAAD,EAAUA,IAAV,CAAP;AACD,CAZM;AAcP,OAAO,SAASE,WAAT,CAAqB;AAAEC,EAAAA,OAAF;AAAWC,EAAAA,QAAX;AAAqB,KAAGJ;AAAxB,CAArB,EAA4D;AAAA;;AACjE,mBAAIL,OAAJ,+DAAI,UAASM,cAAb,kDAAI,qCAAJ,EAAiC;AAC/B,wBACE,oBAAC,OAAD,CAAS,MAAT;AAAgB,MAAA,aAAa,EAAEE,OAAO,GAAG,CAAH,GAAO;AAA7C,OAAoDH,IAApD,GACGI,QADH,CADF;AAKD;;AAED,sBACE,oBAAC,kBAAD;AAAoB,IAAA,OAAO,EAAED;AAA7B,KAA0CH,IAA1C,GACGI,QADH,CADF;AAKD","sourcesContent":["import { ResourceSavingView } from '@react-navigation/elements';\nimport * as React from 'react';\nimport { StyleProp, View, ViewProps, ViewStyle } from 'react-native';\n\ntype Props = {\n  visible: boolean;\n  children: React.ReactNode;\n  enabled: boolean;\n  style?: StyleProp<ViewStyle>;\n};\n\nlet Screens: typeof import('react-native-screens') | undefined;\n\ntry {\n  Screens = require('react-native-screens');\n} catch (e) {\n  // Ignore\n}\n\nexport const MaybeScreenContainer = ({\n  enabled,\n  ...rest\n}: ViewProps & {\n  enabled: boolean;\n  children: React.ReactNode;\n}) => {\n  if (Screens?.screensEnabled?.()) {\n    return <Screens.ScreenContainer enabled={enabled} {...rest} />;\n  }\n\n  return <View {...rest} />;\n};\n\nexport function MaybeScreen({ visible, children, ...rest }: Props) {\n  if (Screens?.screensEnabled?.()) {\n    return (\n      <Screens.Screen activityState={visible ? 2 : 0} {...rest}>\n        {children}\n      </Screens.Screen>\n    );\n  }\n\n  return (\n    <ResourceSavingView visible={visible} {...rest}>\n      {children}\n    </ResourceSavingView>\n  );\n}\n"]}

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

@@ -0,0 +1,430 @@
+function _extends() { _extends = Object.assign || 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import * as React from 'react';
+import { I18nManager, InteractionManager, Keyboard, Platform, StatusBar, StyleSheet, View } from 'react-native';
+import Animated from 'react-native-reanimated';
+import DrawerProgressContext from '../../utils/DrawerProgressContext';
+import { GestureState, PanGestureHandler } from '../GestureHandler';
+import Overlay from './Overlay';
+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
+} = Animated;
+const TRUE = 1;
+const FALSE = 0;
+const NOOP = 0;
+const UNSET = -1;
+const DIRECTION_LEFT = 1;
+const DIRECTION_RIGHT = -1;
+const SWIPE_DISTANCE_MINIMUM = 5;
+const DEFAULT_DRAWER_WIDTH = '80%';
+const SPRING_CONFIG = {
+  stiffness: 1000,
+  damping: 500,
+  mass: 3,
+  overshootClamping: true,
+  restDisplacementThreshold: 0.01,
+  restSpeedThreshold: 0.01
+};
+const ANIMATED_ZERO = new Animated.Value(0);
+const ANIMATED_ONE = new Animated.Value(1);
+export default class DrawerView extends React.Component {
+  constructor(...args) {
+    super(...args);
+
+    _defineProperty(this, "handleEndInteraction", () => {
+      if (this.interactionHandle !== undefined) {
+        InteractionManager.clearInteractionHandle(this.interactionHandle);
+        this.interactionHandle = undefined;
+      }
+    });
+
+    _defineProperty(this, "handleStartInteraction", () => {
+      if (this.interactionHandle === undefined) {
+        this.interactionHandle = InteractionManager.createInteractionHandle();
+      }
+    });
+
+    _defineProperty(this, "getDrawerWidth", () => {
+      const {
+        drawerStyle,
+        dimensions
+      } = this.props;
+      const {
+        width = DEFAULT_DRAWER_WIDTH
+      } = StyleSheet.flatten(drawerStyle) || {};
+
+      if (typeof width === 'string' && width.endsWith('%')) {
+        // Try to calculate width if a percentage is given
+        const percentage = Number(width.replace(/%$/, ''));
+
+        if (Number.isFinite(percentage)) {
+          return dimensions.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(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.dimensions.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.swipeDistanceThreshold));
+
+    _defineProperty(this, "swipeVelocityThreshold", new Value(this.props.swipeVelocityThreshold));
+
+    _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], ([value]) => {
+        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], ([value]) => {
+      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], ([value]) => {
+      const {
+        keyboardDismissMode
+      } = this.props;
+
+      if (value === TRUE) {
+        if (keyboardDismissMode === 'on-drag') {
+          Keyboard.dismiss();
+        }
+
+        this.toggleStatusBar(true);
+      } else {
+        this.toggleStatusBar(this.currentOpenValue);
+      }
+    })), onChange(this.gestureState, cond(eq(this.gestureState, GestureState.ACTIVE), call([], this.handleStartInteraction))), cond(eq(this.gestureState, 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), SWIPE_DISTANCE_MINIMUM), 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;
+        StatusBar.setHidden(hidden, statusBarAnimation);
+      }
+    });
+  }
+
+  componentDidUpdate(prevProps) {
+    const {
+      open,
+      drawerPosition,
+      drawerType,
+      swipeDistanceThreshold,
+      swipeVelocityThreshold,
+      hideStatusBarOnOpen: hideStatusBar
+    } = 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 && hideStatusBar) {
+      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.swipeDistanceThreshold !== swipeDistanceThreshold) {
+      this.swipeDistanceThreshold.setValue(swipeDistanceThreshold);
+    }
+
+    if (prevProps.swipeVelocityThreshold !== swipeVelocityThreshold) {
+      this.swipeVelocityThreshold.setValue(swipeVelocityThreshold);
+    }
+  }
+
+  componentWillUnmount() {
+    this.toggleStatusBar(false);
+    this.handleEndInteraction();
+  }
+
+  render() {
+    const {
+      open,
+      swipeEnabled,
+      drawerPosition,
+      drawerType,
+      swipeEdgeWidth,
+      drawerStyle,
+      overlayStyle,
+      renderDrawerContent,
+      renderSceneContent,
+      gestureHandlerProps
+    } = this.props;
+    const isOpen = drawerType === 'permanent' ? true : open;
+    const isRight = drawerPosition === 'right';
+    const contentTranslateX = drawerType === 'front' ? ANIMATED_ZERO : this.translateX;
+    const drawerTranslateX = drawerType === 'back' ? I18nManager.isRTL ? multiply(sub(this.containerWidth, this.drawerWidth), isRight ? 1 : -1) : ANIMATED_ZERO : this.translateX;
+    const offset = drawerType === 'back' ? 0 : I18nManager.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.Provider, {
+      value: progress
+    }, /*#__PURE__*/React.createElement(PanGestureHandler, _extends({
+      activeOffsetX: [-SWIPE_DISTANCE_MINIMUM, SWIPE_DISTANCE_MINIMUM],
+      failOffsetY: [-SWIPE_DISTANCE_MINIMUM, SWIPE_DISTANCE_MINIMUM],
+      onGestureEvent: this.handleGestureEvent,
+      onHandlerStateChange: this.handleGestureStateChange,
+      hitSlop: hitSlop,
+      enabled: drawerType !== 'permanent' && swipeEnabled
+    }, gestureHandlerProps), /*#__PURE__*/React.createElement(Animated.View, {
+      onLayout: this.handleContainerLayout,
+      style: [styles.main, {
+        flexDirection: drawerType === 'permanent' && !isRight ? 'row-reverse' : 'row'
+      }]
+    }, /*#__PURE__*/React.createElement(Animated.View, {
+      style: [styles.content, drawerType !== 'permanent' ? {
+        transform: [{
+          translateX: contentTranslateX
+        }]
+      } : undefined]
+    }, /*#__PURE__*/React.createElement(View, {
+      accessibilityElementsHidden: isOpen && drawerType !== 'permanent',
+      importantForAccessibility: isOpen && drawerType !== 'permanent' ? 'no-hide-descendants' : 'auto',
+      style: styles.content
+    }, renderSceneContent()), // Disable overlay if sidebar is permanent
+    drawerType === 'permanent' ? null : /*#__PURE__*/React.createElement(Overlay, {
+      progress: progress,
+      onPress: () => this.toggleDrawer(false),
+      style: overlayStyle
+    })), /*#__PURE__*/React.createElement(Animated.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(Animated.Code, {
+      exec: block([onChange(this.manuallyTriggerSpring, [cond(eq(this.manuallyTriggerSpring, TRUE), [set(this.nextIsOpen, FALSE), call([], () => this.currentOpenValue = false)])])])
+    }), /*#__PURE__*/React.createElement(Animated.View, {
+      accessibilityViewIsModal: isOpen && drawerType !== 'permanent',
+      removeClippedSubviews: Platform.OS !== 'ios',
+      onLayout: this.handleDrawerLayout,
+      style: [styles.container, drawerType === 'permanent' ? {
+        opacity: 1
+      } : {
+        transform: [{
+          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()))));
+  }
+
+}
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: 'white',
+    maxWidth: '100%'
+  },
+  nonPermanent: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    width: DEFAULT_DRAWER_WIDTH
+  },
+  content: {
+    flex: 1
+  },
+  main: {
+    flex: 1,
+    ...Platform.select({
+      // FIXME: We need to hide `overflowX` on Web so the translated content doesn't show offscreen.
+      // But adding `overflowX: 'hidden'` prevents content from collapsing the URL bar.
+      web: null,
+      default: {
+        overflow: 'hidden'
+      }
+    })
+  }
+});
+//# sourceMappingURL=Drawer.js.map