@react-navigation/drawer - npm Package Compare versions

Comparing version 5.0.0-alpha.3 to 5.0.0-alpha.4

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+# [5.0.0-alpha.4](https://github.com/react-navigation/navigation-ex/compare/@react-navigation/drawer@5.0.0-alpha.3...@react-navigation/drawer@5.0.0-alpha.4) (2019-08-27)
+
+**Note:** Version bump only for package @react-navigation/drawer
+
+
+
+
+
 # [5.0.0-alpha.3](https://github.com/react-navigation/navigation-ex/compare/@react-navigation/drawer@5.0.0-alpha.2...@react-navigation/drawer@5.0.0-alpha.3) (2019-08-22)
@@ -8,0 +16,0 @@

lib/commonjs/navigators/createDrawerNavigator.js

@@ -1,2 +0,2 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var React=_interopRequireWildcard(require("react"));var _core=require("@react-navigation/core");var _routers=require("@react-navigation/routers");var _DrawerView=_interopRequireDefault(require("../views/DrawerView"));var _jsxFileName="/Users/satya/Workspace/Projects/navigation-ex/packages/drawer/src/navigators/createDrawerNavigator.tsx";function DrawerNavigator(_ref){var initialRouteName=_ref.initialRouteName,children=_ref.children,screenOptions=_ref.screenOptions,rest=(0,_objectWithoutProperties2.default)(_ref,["initialRouteName","children","screenOptions"]);var _useNavigationBuilder=(0,_core.useNavigationBuilder)(_routers.DrawerRouter,{initialRouteName:initialRouteName,children:children,screenOptions:screenOptions}),state=_useNavigationBuilder.state,descriptors=_useNavigationBuilder.descriptors,navigation=_useNavigationBuilder.navigation;return React.createElement(_DrawerView.default,(0,_extends2.default)({state:state,descriptors:descriptors,navigation:navigation},rest,{__source:{fileName:_jsxFileName,lineNumber:37}}));}var _default=(0,_core.createNavigator)(DrawerNavigator);exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var React=_interopRequireWildcard(require("react"));var _core=require("@react-navigation/core");var _routers=require("@react-navigation/routers");var _DrawerView=_interopRequireDefault(require("../views/DrawerView"));var _jsxFileName="/Users/osdnk/OSS/navigation-ex/packages/drawer/src/navigators/createDrawerNavigator.tsx";function DrawerNavigator(_ref){var initialRouteName=_ref.initialRouteName,children=_ref.children,screenOptions=_ref.screenOptions,rest=(0,_objectWithoutProperties2.default)(_ref,["initialRouteName","children","screenOptions"]);var _useNavigationBuilder=(0,_core.useNavigationBuilder)(_routers.DrawerRouter,{initialRouteName:initialRouteName,children:children,screenOptions:screenOptions}),state=_useNavigationBuilder.state,descriptors=_useNavigationBuilder.descriptors,navigation=_useNavigationBuilder.navigation;return React.createElement(_DrawerView.default,(0,_extends2.default)({state:state,descriptors:descriptors,navigation:navigation},rest,{__source:{fileName:_jsxFileName,lineNumber:42}}));}var _default=(0,_core.createNavigator)(DrawerNavigator);exports.default=_default;
 //# sourceMappingURL=createDrawerNavigator.js.map

lib/commonjs/views/Drawer.js

@@ -1,2 +0,2 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf3=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeGestureHandler=require("react-native-gesture-handler");var _reactNativeReanimated=_interopRequireDefault(require("react-native-reanimated"));var _jsxFileName="/Users/satya/Workspace/Projects/navigation-ex/packages/drawer/src/views/Drawer.tsx";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(source,true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(source).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Clock=_reactNativeReanimated.default.Clock,Value=_reactNativeReanimated.default.Value,onChange=_reactNativeReanimated.default.onChange,clockRunning=_reactNativeReanimated.default.clockRunning,startClock=_reactNativeReanimated.default.startClock,stopClock=_reactNativeReanimated.default.stopClock,interpolate=_reactNativeReanimated.default.interpolate,spring=_reactNativeReanimated.default.spring,abs=_reactNativeReanimated.default.abs,add=_reactNativeReanimated.default.add,and=_reactNativeReanimated.default.and,block=_reactNativeReanimated.default.block,call=_reactNativeReanimated.default.call,cond=_reactNativeReanimated.default.cond,divide=_reactNativeReanimated.default.divide,eq=_reactNativeReanimated.default.eq,event=_reactNativeReanimated.default.event,greaterThan=_reactNativeReanimated.default.greaterThan,lessThan=_reactNativeReanimated.default.lessThan,max=_reactNativeReanimated.default.max,min=_reactNativeReanimated.default.min,multiply=_reactNativeReanimated.default.multiply,neq=_reactNativeReanimated.default.neq,or=_reactNativeReanimated.default.or,set=_reactNativeReanimated.default.set,sub=_reactNativeReanimated.default.sub;var TRUE=1;var FALSE=0;var NOOP=0;var UNSET=-1;var PROGRESS_EPSILON=0.05;var DIRECTION_LEFT=1;var DIRECTION_RIGHT=-1;var SWIPE_DISTANCE_THRESHOLD_DEFAULT=60;var SWIPE_DISTANCE_MINIMUM=5;var SPRING_CONFIG={stiffness:1000,damping:500,mass:3,overshootClamping:true,restDisplacementThreshold:0.01,restSpeedThreshold:0.01};var DrawerView=function(_React$PureComponent){(0,_inherits2.default)(DrawerView,_React$PureComponent);function DrawerView(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.default)(this,DrawerView);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(DrawerView)).call.apply(_getPrototypeOf2,[this].concat(args)));_this.clock=new Clock();_this.isDrawerTypeFront=new Value(_this.props.drawerType==='front'?TRUE:FALSE);_this.isLocked=new Value(_this.props.locked?TRUE:FALSE);_this.isOpen=new Value(_this.props.open?TRUE:FALSE);_this.nextIsOpen=new Value(UNSET);_this.isSwiping=new Value(FALSE);_this.gestureState=new Value(_reactNativeGestureHandler.State.UNDETERMINED);_this.touchX=new Value(0);_this.velocityX=new Value(0);_this.gestureX=new Value(0);_this.offsetX=new Value(0);_this.position=new Value(0);_this.containerWidth=new Value(0);_this.drawerWidth=new Value(0);_this.drawerOpacity=new Value(0);_this.drawerPosition=new Value(_this.props.drawerPosition==='right'?DIRECTION_RIGHT:DIRECTION_LEFT);_this.touchDistanceFromDrawer=cond(_this.isDrawerTypeFront,cond(eq(_this.drawerPosition,DIRECTION_LEFT),max(sub(sub(_this.touchX,_this.gestureX),_this.drawerWidth),0),min(multiply(sub(sub(_this.containerWidth,_this.drawerWidth),sub(_this.touchX,_this.gestureX)),DIRECTION_RIGHT),0)),0);_this.swipeDistanceThreshold=new Value(_this.props.swipeDistanceThreshold!==undefined?_this.props.swipeDistanceThreshold:SWIPE_DISTANCE_THRESHOLD_DEFAULT);_this.swipeVelocityThreshold=new Value(_this.props.swipeVelocityThreshold);_this.currentOpenValue=_this.props.open;_this.isStatusBarHidden=false;_this.manuallyTriggerSpring=new Value(FALSE);_this.transitionTo=function(isOpen){var toValue=new Value(0);var frameTime=new Value(0);var state={position:_this.position,time:new Value(0),finished:new Value(FALSE),velocity:new Value(0)};return block([cond(clockRunning(_this.clock),NOOP,[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),set(_this.manuallyTriggerSpring,FALSE)]),spring(_this.clock,state,_objectSpread({},SPRING_CONFIG,{toValue:toValue})),cond(state.finished,[set(_this.touchX,0),set(_this.gestureX,0),set(_this.velocityX,0),set(_this.offsetX,0),stopClock(_this.clock),call([_this.isOpen],function(_ref){var _ref2=(0,_slicedToArray2.default)(_ref,1),value=_ref2[0];var open=Boolean(value);if(open!==_this.props.open){_this.toggleDrawer(_this.props.open);}})])]);};_this.dragX=block([onChange(_this.isOpen,call([_this.isOpen],function(_ref3){var _ref4=(0,_slicedToArray2.default)(_ref3,1),value=_ref4[0];var open=Boolean(value);_this.currentOpenValue=open;if(open!==_this.props.open){if(open){_this.props.onOpen();}else{_this.props.onClose();}_this.pendingOpenValue=open;_this.forceUpdate();}})),onChange(_this.nextIsOpen,cond(neq(_this.nextIsOpen,UNSET),[cond(clockRunning(_this.clock),stopClock(_this.clock)),set(_this.isOpen,_this.nextIsOpen),set(_this.gestureX,0),set(_this.nextIsOpen,UNSET)])),onChange(_this.isSwiping,call([_this.isSwiping],function(_ref5){var _ref6=(0,_slicedToArray2.default)(_ref5,1),value=_ref6[0];var keyboardDismissMode=_this.props.keyboardDismissMode;if(value===TRUE){if(keyboardDismissMode==='on-drag'){_reactNative.Keyboard.dismiss();}_this.toggleStatusBar(true);}else{_this.toggleStatusBar(_this.currentOpenValue);}})),cond(eq(_this.gestureState,_reactNativeGestureHandler.State.ACTIVE),[cond(_this.isSwiping,NOOP,[set(_this.isSwiping,TRUE),set(_this.offsetX,_this.position)]),set(_this.position,add(_this.offsetX,_this.gestureX,_this.touchDistanceFromDrawer)),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),greaterThan(cond(eq(_this.velocityX,0),_this.gestureX,_this.velocityX),0),lessThan(cond(eq(_this.velocityX,0),_this.gestureX,_this.velocityX),0)),_this.isOpen)))]),_this.position]);_this.translateX=cond(eq(_this.drawerPosition,DIRECTION_RIGHT),min(max(multiply(_this.drawerWidth,-1),_this.dragX),0),max(min(_this.drawerWidth,_this.dragX),0));_this.progress=cond(eq(_this.drawerWidth,0),0,abs(divide(_this.translateX,_this.drawerWidth)));_this.handleGestureEvent=event([{nativeEvent:{x:_this.touchX,translationX:_this.gestureX,velocityX:_this.velocityX,state:_this.gestureState}}]);_this.handleTapStateChange=event([{nativeEvent:{oldState:function oldState(s){return cond(and(eq(s,_reactNativeGestureHandler.State.ACTIVE),eq(_this.isLocked,FALSE)),set(_this.manuallyTriggerSpring,TRUE));}}}]);_this.handleContainerLayout=function(e){return _this.containerWidth.setValue(e.nativeEvent.layout.width);};_this.handleDrawerLayout=function(e){_this.drawerWidth.setValue(e.nativeEvent.layout.width);_this.toggleDrawer(_this.props.open);requestAnimationFrame(function(){return _this.drawerOpacity.setValue(1);});};_this.toggleDrawer=function(open){if(_this.currentOpenValue!==open){_this.nextIsOpen.setValue(open?TRUE:FALSE);_this.currentOpenValue=open;}};_this.toggleStatusBar=function(hidden){var _this$props=_this.props,hideStatusBar=_this$props.hideStatusBar,statusBarAnimation=_this$props.statusBarAnimation;if(hideStatusBar&&_this.isStatusBarHidden!==hidden){_this.isStatusBarHidden=hidden;_reactNative.StatusBar.setHidden(hidden,statusBarAnimation);}};return _this;}(0,_createClass2.default)(DrawerView,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var _this$props2=this.props,open=_this$props2.open,drawerPosition=_this$props2.drawerPosition,drawerType=_this$props2.drawerType,locked=_this$props2.locked,swipeDistanceThreshold=_this$props2.swipeDistanceThreshold,swipeVelocityThreshold=_this$props2.swipeVelocityThreshold,hideStatusBar=_this$props2.hideStatusBar;if(prevProps.locked!==locked){this.isLocked.setValue(locked?TRUE:FALSE);}if(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!==undefined?swipeDistanceThreshold:SWIPE_DISTANCE_THRESHOLD_DEFAULT);}if(prevProps.swipeVelocityThreshold!==swipeVelocityThreshold){this.swipeVelocityThreshold.setValue(swipeVelocityThreshold);}}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.toggleStatusBar(false);}},{key:"render",value:function render(){var _this2=this;var _this$props3=this.props,open=_this$props3.open,locked=_this$props3.locked,drawerPosition=_this$props3.drawerPosition,drawerType=_this$props3.drawerType,swipeEdgeWidth=_this$props3.swipeEdgeWidth,contentContainerStyle=_this$props3.contentContainerStyle,drawerStyle=_this$props3.drawerStyle,overlayStyle=_this$props3.overlayStyle,onGestureRef=_this$props3.onGestureRef,renderDrawerContent=_this$props3.renderDrawerContent,renderSceneContent=_this$props3.renderSceneContent,gestureHandlerProps=_this$props3.gestureHandlerProps;var right=drawerPosition==='right';var contentTranslateX=drawerType==='front'?0:this.translateX;var drawerTranslateX=drawerType==='back'?_reactNative.I18nManager.isRTL?multiply(this.drawerWidth,DIRECTION_RIGHT):this.drawerWidth:this.translateX;var offset=_reactNative.I18nManager.isRTL?'100%':multiply(this.drawerWidth,-1);var hitSlop=right?{right:0,width:open?undefined:swipeEdgeWidth}:{left:0,width:open?undefined:swipeEdgeWidth};return React.createElement(_reactNativeGestureHandler.PanGestureHandler,(0,_extends2.default)({ref:onGestureRef,activeOffsetX:[-SWIPE_DISTANCE_MINIMUM,SWIPE_DISTANCE_MINIMUM],failOffsetY:[-SWIPE_DISTANCE_MINIMUM,SWIPE_DISTANCE_MINIMUM],onGestureEvent:this.handleGestureEvent,onHandlerStateChange:this.handleGestureEvent,hitSlop:hitSlop,enabled:!locked},gestureHandlerProps,{__source:{fileName:_jsxFileName,lineNumber:517}}),React.createElement(_reactNativeReanimated.default.View,{onLayout:this.handleContainerLayout,style:styles.main,__source:{fileName:_jsxFileName,lineNumber:527}},React.createElement(_reactNativeReanimated.default.View,{style:[styles.content,{transform:[{translateX:contentTranslateX}]},contentContainerStyle],__source:{fileName:_jsxFileName,lineNumber:531}},renderSceneContent({progress:this.progress}),React.createElement(_reactNativeGestureHandler.TapGestureHandler,{onHandlerStateChange:this.handleTapStateChange,__source:{fileName:_jsxFileName,lineNumber:541}},React.createElement(_reactNativeReanimated.default.View,{style:[styles.overlay,{opacity:interpolate(this.progress,{inputRange:[PROGRESS_EPSILON,1],outputRange:[0,1]}),zIndex:cond(greaterThan(this.progress,PROGRESS_EPSILON),0,-1)},overlayStyle],__source:{fileName:_jsxFileName,lineNumber:542}}))),React.createElement(_reactNativeReanimated.default.Code,{exec:block([onChange(this.manuallyTriggerSpring,[cond(eq(this.manuallyTriggerSpring,TRUE),[set(this.nextIsOpen,FALSE),call([],function(){return _this2.currentOpenValue=false;})])])]),__source:{fileName:_jsxFileName,lineNumber:564}}),React.createElement(_reactNativeReanimated.default.View,{accessibilityViewIsModal:open,removeClippedSubviews:_reactNative.Platform.OS!=='ios',onLayout:this.handleDrawerLayout,style:[styles.container,right?{right:offset}:{left:offset},{transform:[{translateX:drawerTranslateX}],opacity:this.drawerOpacity,zIndex:drawerType==='back'?-1:0},drawerStyle],__source:{fileName:_jsxFileName,lineNumber:574}},renderDrawerContent({progress:this.progress}))));}}]);return DrawerView;}(React.PureComponent);exports.default=DrawerView;DrawerView.defaultProps={locked:false,drawerPostion:_reactNative.I18nManager.isRTL?'left':'right',drawerType:'front',swipeEdgeWidth:32,swipeVelocityThreshold:500,keyboardDismissMode:'on-drag',hideStatusBar:false,statusBarAnimation:'slide'};var styles=_reactNative.StyleSheet.create({container:{backgroundColor:'white',position:'absolute',top:0,bottom:0,width:'80%',maxWidth:'100%'},overlay:_objectSpread({},_reactNative.StyleSheet.absoluteFillObject,{backgroundColor:'rgba(0, 0, 0, 0.5)'}),content:{flex:1},main:{flex:1,overflow:'hidden'}});
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf3=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeGestureHandler=require("react-native-gesture-handler");var _reactNativeReanimated=_interopRequireDefault(require("react-native-reanimated"));var _jsxFileName="/Users/osdnk/OSS/navigation-ex/packages/drawer/src/views/Drawer.tsx";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(source,true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(source).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Clock=_reactNativeReanimated.default.Clock,Value=_reactNativeReanimated.default.Value,onChange=_reactNativeReanimated.default.onChange,clockRunning=_reactNativeReanimated.default.clockRunning,startClock=_reactNativeReanimated.default.startClock,stopClock=_reactNativeReanimated.default.stopClock,interpolate=_reactNativeReanimated.default.interpolate,spring=_reactNativeReanimated.default.spring,abs=_reactNativeReanimated.default.abs,add=_reactNativeReanimated.default.add,and=_reactNativeReanimated.default.and,block=_reactNativeReanimated.default.block,call=_reactNativeReanimated.default.call,cond=_reactNativeReanimated.default.cond,divide=_reactNativeReanimated.default.divide,eq=_reactNativeReanimated.default.eq,event=_reactNativeReanimated.default.event,greaterThan=_reactNativeReanimated.default.greaterThan,lessThan=_reactNativeReanimated.default.lessThan,max=_reactNativeReanimated.default.max,min=_reactNativeReanimated.default.min,multiply=_reactNativeReanimated.default.multiply,neq=_reactNativeReanimated.default.neq,or=_reactNativeReanimated.default.or,set=_reactNativeReanimated.default.set,sub=_reactNativeReanimated.default.sub;var TRUE=1;var FALSE=0;var NOOP=0;var UNSET=-1;var PROGRESS_EPSILON=0.05;var DIRECTION_LEFT=1;var DIRECTION_RIGHT=-1;var SWIPE_DISTANCE_THRESHOLD_DEFAULT=60;var SWIPE_DISTANCE_MINIMUM=5;var SPRING_CONFIG={stiffness:1000,damping:500,mass:3,overshootClamping:true,restDisplacementThreshold:0.01,restSpeedThreshold:0.01};var DrawerView=function(_React$PureComponent){(0,_inherits2.default)(DrawerView,_React$PureComponent);function DrawerView(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.default)(this,DrawerView);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(DrawerView)).call.apply(_getPrototypeOf2,[this].concat(args)));_this.clock=new Clock();_this.isDrawerTypeFront=new Value(_this.props.drawerType==='front'?TRUE:FALSE);_this.isLocked=new Value(_this.props.locked?TRUE:FALSE);_this.isOpen=new Value(_this.props.open?TRUE:FALSE);_this.nextIsOpen=new Value(UNSET);_this.isSwiping=new Value(FALSE);_this.gestureState=new Value(_reactNativeGestureHandler.State.UNDETERMINED);_this.touchX=new Value(0);_this.velocityX=new Value(0);_this.gestureX=new Value(0);_this.offsetX=new Value(0);_this.position=new Value(0);_this.containerWidth=new Value(0);_this.drawerWidth=new Value(0);_this.drawerOpacity=new Value(0);_this.drawerPosition=new Value(_this.props.drawerPosition==='right'?DIRECTION_RIGHT:DIRECTION_LEFT);_this.touchDistanceFromDrawer=cond(_this.isDrawerTypeFront,cond(eq(_this.drawerPosition,DIRECTION_LEFT),max(sub(sub(_this.touchX,_this.gestureX),_this.drawerWidth),0),min(multiply(sub(sub(_this.containerWidth,_this.drawerWidth),sub(_this.touchX,_this.gestureX)),DIRECTION_RIGHT),0)),0);_this.swipeDistanceThreshold=new Value(_this.props.swipeDistanceThreshold!==undefined?_this.props.swipeDistanceThreshold:SWIPE_DISTANCE_THRESHOLD_DEFAULT);_this.swipeVelocityThreshold=new Value(_this.props.swipeVelocityThreshold);_this.currentOpenValue=_this.props.open;_this.isStatusBarHidden=false;_this.manuallyTriggerSpring=new Value(FALSE);_this.transitionTo=function(isOpen){var toValue=new Value(0);var frameTime=new Value(0);var state={position:_this.position,time:new Value(0),finished:new Value(FALSE),velocity:new Value(0)};return block([cond(clockRunning(_this.clock),NOOP,[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),set(_this.manuallyTriggerSpring,FALSE)]),spring(_this.clock,state,_objectSpread({},SPRING_CONFIG,{toValue:toValue})),cond(state.finished,[set(_this.touchX,0),set(_this.gestureX,0),set(_this.velocityX,0),set(_this.offsetX,0),stopClock(_this.clock),call([_this.isOpen],function(_ref){var _ref2=(0,_slicedToArray2.default)(_ref,1),value=_ref2[0];var open=Boolean(value);if(open!==_this.props.open){_this.toggleDrawer(_this.props.open);}})])]);};_this.dragX=block([onChange(_this.isOpen,call([_this.isOpen],function(_ref3){var _ref4=(0,_slicedToArray2.default)(_ref3,1),value=_ref4[0];var open=Boolean(value);_this.currentOpenValue=open;if(open!==_this.props.open){if(open){_this.props.onOpen();}else{_this.props.onClose();}_this.pendingOpenValue=open;_this.forceUpdate();}})),onChange(_this.nextIsOpen,cond(neq(_this.nextIsOpen,UNSET),[cond(clockRunning(_this.clock),stopClock(_this.clock)),set(_this.isOpen,_this.nextIsOpen),set(_this.gestureX,0),set(_this.nextIsOpen,UNSET)])),onChange(_this.isSwiping,call([_this.isSwiping],function(_ref5){var _ref6=(0,_slicedToArray2.default)(_ref5,1),value=_ref6[0];var keyboardDismissMode=_this.props.keyboardDismissMode;if(value===TRUE){if(keyboardDismissMode==='on-drag'){_reactNative.Keyboard.dismiss();}_this.toggleStatusBar(true);}else{_this.toggleStatusBar(_this.currentOpenValue);}})),cond(eq(_this.gestureState,_reactNativeGestureHandler.State.ACTIVE),[cond(_this.isSwiping,NOOP,[set(_this.isSwiping,TRUE),set(_this.offsetX,_this.position)]),set(_this.position,add(_this.offsetX,_this.gestureX,_this.touchDistanceFromDrawer)),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),greaterThan(cond(eq(_this.velocityX,0),_this.gestureX,_this.velocityX),0),lessThan(cond(eq(_this.velocityX,0),_this.gestureX,_this.velocityX),0)),_this.isOpen)))]),_this.position]);_this.translateX=cond(eq(_this.drawerPosition,DIRECTION_RIGHT),min(max(multiply(_this.drawerWidth,-1),_this.dragX),0),max(min(_this.drawerWidth,_this.dragX),0));_this.progress=cond(eq(_this.drawerWidth,0),0,abs(divide(_this.translateX,_this.drawerWidth)));_this.handleGestureEvent=event([{nativeEvent:{x:_this.touchX,translationX:_this.gestureX,velocityX:_this.velocityX,state:_this.gestureState}}]);_this.handleTapStateChange=event([{nativeEvent:{oldState:function oldState(s){return cond(and(eq(s,_reactNativeGestureHandler.State.ACTIVE),eq(_this.isLocked,FALSE)),set(_this.manuallyTriggerSpring,TRUE));}}}]);_this.handleContainerLayout=function(e){return _this.containerWidth.setValue(e.nativeEvent.layout.width);};_this.handleDrawerLayout=function(e){_this.drawerWidth.setValue(e.nativeEvent.layout.width);_this.toggleDrawer(_this.props.open);requestAnimationFrame(function(){return _this.drawerOpacity.setValue(1);});};_this.toggleDrawer=function(open){if(_this.currentOpenValue!==open){_this.nextIsOpen.setValue(open?TRUE:FALSE);_this.currentOpenValue=open;}};_this.toggleStatusBar=function(hidden){var _this$props=_this.props,hideStatusBar=_this$props.hideStatusBar,statusBarAnimation=_this$props.statusBarAnimation;if(hideStatusBar&&_this.isStatusBarHidden!==hidden){_this.isStatusBarHidden=hidden;_reactNative.StatusBar.setHidden(hidden,statusBarAnimation);}};return _this;}(0,_createClass2.default)(DrawerView,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var _this$props2=this.props,open=_this$props2.open,drawerPosition=_this$props2.drawerPosition,drawerType=_this$props2.drawerType,locked=_this$props2.locked,swipeDistanceThreshold=_this$props2.swipeDistanceThreshold,swipeVelocityThreshold=_this$props2.swipeVelocityThreshold,hideStatusBar=_this$props2.hideStatusBar;if(prevProps.locked!==locked){this.isLocked.setValue(locked?TRUE:FALSE);}if(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!==undefined?swipeDistanceThreshold:SWIPE_DISTANCE_THRESHOLD_DEFAULT);}if(prevProps.swipeVelocityThreshold!==swipeVelocityThreshold){this.swipeVelocityThreshold.setValue(swipeVelocityThreshold);}}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.toggleStatusBar(false);}},{key:"render",value:function render(){var _this2=this;var _this$props3=this.props,open=_this$props3.open,locked=_this$props3.locked,drawerPosition=_this$props3.drawerPosition,drawerType=_this$props3.drawerType,swipeEdgeWidth=_this$props3.swipeEdgeWidth,contentContainerStyle=_this$props3.contentContainerStyle,drawerStyle=_this$props3.drawerStyle,overlayStyle=_this$props3.overlayStyle,onGestureRef=_this$props3.onGestureRef,renderDrawerContent=_this$props3.renderDrawerContent,renderSceneContent=_this$props3.renderSceneContent,gestureHandlerProps=_this$props3.gestureHandlerProps;var right=drawerPosition==='right';var contentTranslateX=drawerType==='front'?0:this.translateX;var drawerTranslateX=drawerType==='back'?_reactNative.I18nManager.isRTL?multiply(this.drawerWidth,DIRECTION_RIGHT):this.drawerWidth:this.translateX;var offset=_reactNative.I18nManager.isRTL?'100%':multiply(this.drawerWidth,-1);var hitSlop=right?{right:0,width:open?undefined:swipeEdgeWidth}:{left:0,width:open?undefined:swipeEdgeWidth};return React.createElement(_reactNativeGestureHandler.PanGestureHandler,(0,_extends2.default)({ref:onGestureRef,activeOffsetX:[-SWIPE_DISTANCE_MINIMUM,SWIPE_DISTANCE_MINIMUM],failOffsetY:[-SWIPE_DISTANCE_MINIMUM,SWIPE_DISTANCE_MINIMUM],onGestureEvent:this.handleGestureEvent,onHandlerStateChange:this.handleGestureEvent,hitSlop:hitSlop,enabled:!locked},gestureHandlerProps,{__source:{fileName:_jsxFileName,lineNumber:517}}),React.createElement(_reactNativeReanimated.default.View,{onLayout:this.handleContainerLayout,style:styles.main,__source:{fileName:_jsxFileName,lineNumber:527}},React.createElement(_reactNativeReanimated.default.View,{style:[styles.content,{transform:[{translateX:contentTranslateX}]},contentContainerStyle],__source:{fileName:_jsxFileName,lineNumber:531}},renderSceneContent({progress:this.progress}),React.createElement(_reactNativeGestureHandler.TapGestureHandler,{onHandlerStateChange:this.handleTapStateChange,__source:{fileName:_jsxFileName,lineNumber:541}},React.createElement(_reactNativeReanimated.default.View,{style:[styles.overlay,{opacity:interpolate(this.progress,{inputRange:[PROGRESS_EPSILON,1],outputRange:[0,1]}),zIndex:cond(greaterThan(this.progress,PROGRESS_EPSILON),0,-1)},overlayStyle],__source:{fileName:_jsxFileName,lineNumber:542}}))),React.createElement(_reactNativeReanimated.default.Code,{exec:block([onChange(this.manuallyTriggerSpring,[cond(eq(this.manuallyTriggerSpring,TRUE),[set(this.nextIsOpen,FALSE),call([],function(){return _this2.currentOpenValue=false;})])])]),__source:{fileName:_jsxFileName,lineNumber:564}}),React.createElement(_reactNativeReanimated.default.View,{accessibilityViewIsModal:open,removeClippedSubviews:_reactNative.Platform.OS!=='ios',onLayout:this.handleDrawerLayout,style:[styles.container,right?{right:offset}:{left:offset},{transform:[{translateX:drawerTranslateX}],opacity:this.drawerOpacity,zIndex:drawerType==='back'?-1:0},drawerStyle],__source:{fileName:_jsxFileName,lineNumber:574}},renderDrawerContent({progress:this.progress}))));}}]);return DrawerView;}(React.PureComponent);exports.default=DrawerView;DrawerView.defaultProps={locked:false,drawerPostion:_reactNative.I18nManager.isRTL?'left':'right',drawerType:'front',swipeEdgeWidth:32,swipeVelocityThreshold:500,keyboardDismissMode:'on-drag',hideStatusBar:false,statusBarAnimation:'slide'};var styles=_reactNative.StyleSheet.create({container:{backgroundColor:'white',position:'absolute',top:0,bottom:0,width:'80%',maxWidth:'100%'},overlay:_objectSpread({},_reactNative.StyleSheet.absoluteFillObject,{backgroundColor:'rgba(0, 0, 0, 0.5)'}),content:{flex:1},main:{flex:1,overflow:'hidden'}});
 //# sourceMappingURL=Drawer.js.map

lib/commonjs/views/DrawerNavigatorItems.js

@@ -1,2 +0,2 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeSafeAreaView=_interopRequireDefault(require("react-native-safe-area-view"));var _TouchableItem=_interopRequireDefault(require("./TouchableItem"));var _jsxFileName="/Users/satya/Workspace/Projects/navigation-ex/packages/drawer/src/views/DrawerNavigatorItems.tsx";var DrawerNavigatorItems=function DrawerNavigatorItems(_ref){var items=_ref.items,activeItemKey=_ref.activeItemKey,activeTintColor=_ref.activeTintColor,activeBackgroundColor=_ref.activeBackgroundColor,inactiveTintColor=_ref.inactiveTintColor,inactiveBackgroundColor=_ref.inactiveBackgroundColor,getLabel=_ref.getLabel,renderIcon=_ref.renderIcon,onItemPress=_ref.onItemPress,itemsContainerStyle=_ref.itemsContainerStyle,itemStyle=_ref.itemStyle,labelStyle=_ref.labelStyle,activeLabelStyle=_ref.activeLabelStyle,inactiveLabelStyle=_ref.inactiveLabelStyle,iconContainerStyle=_ref.iconContainerStyle,drawerPosition=_ref.drawerPosition;return React.createElement(_reactNative.View,{style:[styles.container,itemsContainerStyle],__source:{fileName:_jsxFileName,lineNumber:29}},items.map(function(route,index){var _ref2;var focused=activeItemKey===route.key;var color=focused?activeTintColor:inactiveTintColor;var backgroundColor=focused?activeBackgroundColor:inactiveBackgroundColor;var scene={route:route,index:index,focused:focused,tintColor:color};var icon=renderIcon(scene);var label=getLabel(scene);var accessibilityLabel=typeof label==='string'?label:undefined;var extraLabelStyle=focused?activeLabelStyle:inactiveLabelStyle;return React.createElement(_TouchableItem.default,{key:route.key,accessible:true,accessibilityLabel:accessibilityLabel,onPress:function onPress(){onItemPress({route:route,focused:focused});},delayPressIn:0,__source:{fileName:_jsxFileName,lineNumber:42}},React.createElement(_reactNativeSafeAreaView.default,{style:[{backgroundColor:backgroundColor},styles.item,itemStyle],forceInset:(_ref2={},(0,_defineProperty2.default)(_ref2,drawerPosition,'always'),(0,_defineProperty2.default)(_ref2,drawerPosition==='left'?'right':'left','never'),(0,_defineProperty2.default)(_ref2,"vertical",'never'),_ref2),__source:{fileName:_jsxFileName,lineNumber:51}},icon?React.createElement(_reactNative.View,{style:[styles.icon,focused?null:styles.inactiveIcon,iconContainerStyle],__source:{fileName:_jsxFileName,lineNumber:60}},icon):null,typeof label==='string'?React.createElement(_reactNative.Text,{style:[styles.label,{color:color},labelStyle,extraLabelStyle],__source:{fileName:_jsxFileName,lineNumber:71}},label):label));}));};DrawerNavigatorItems.defaultProps={activeTintColor:'#2196f3',activeBackgroundColor:'rgba(0, 0, 0, .04)',inactiveTintColor:'rgba(0, 0, 0, .87)',inactiveBackgroundColor:'transparent'};var styles=_reactNative.StyleSheet.create({container:{paddingVertical:4},item:{flexDirection:'row',alignItems:'center'},icon:{marginHorizontal:16,width:24,alignItems:'center'},inactiveIcon:{opacity:0.62},label:{margin:16,fontWeight:'bold'}});var _default=DrawerNavigatorItems;exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeSafeAreaView=_interopRequireDefault(require("react-native-safe-area-view"));var _TouchableItem=_interopRequireDefault(require("./TouchableItem"));var _jsxFileName="/Users/osdnk/OSS/navigation-ex/packages/drawer/src/views/DrawerNavigatorItems.tsx";var DrawerNavigatorItems=function DrawerNavigatorItems(_ref){var items=_ref.items,activeItemKey=_ref.activeItemKey,activeTintColor=_ref.activeTintColor,activeBackgroundColor=_ref.activeBackgroundColor,inactiveTintColor=_ref.inactiveTintColor,inactiveBackgroundColor=_ref.inactiveBackgroundColor,getLabel=_ref.getLabel,renderIcon=_ref.renderIcon,onItemPress=_ref.onItemPress,itemsContainerStyle=_ref.itemsContainerStyle,itemStyle=_ref.itemStyle,labelStyle=_ref.labelStyle,activeLabelStyle=_ref.activeLabelStyle,inactiveLabelStyle=_ref.inactiveLabelStyle,iconContainerStyle=_ref.iconContainerStyle,drawerPosition=_ref.drawerPosition;return React.createElement(_reactNative.View,{style:[styles.container,itemsContainerStyle],__source:{fileName:_jsxFileName,lineNumber:29}},items.map(function(route,index){var _ref2;var focused=activeItemKey===route.key;var color=focused?activeTintColor:inactiveTintColor;var backgroundColor=focused?activeBackgroundColor:inactiveBackgroundColor;var scene={route:route,index:index,focused:focused,tintColor:color};var icon=renderIcon(scene);var label=getLabel(scene);var accessibilityLabel=typeof label==='string'?label:undefined;var extraLabelStyle=focused?activeLabelStyle:inactiveLabelStyle;return React.createElement(_TouchableItem.default,{key:route.key,accessible:true,accessibilityLabel:accessibilityLabel,onPress:function onPress(){onItemPress({route:route,focused:focused});},delayPressIn:0,__source:{fileName:_jsxFileName,lineNumber:42}},React.createElement(_reactNativeSafeAreaView.default,{style:[{backgroundColor:backgroundColor},styles.item,itemStyle],forceInset:(_ref2={},(0,_defineProperty2.default)(_ref2,drawerPosition,'always'),(0,_defineProperty2.default)(_ref2,drawerPosition==='left'?'right':'left','never'),(0,_defineProperty2.default)(_ref2,"vertical",'never'),_ref2),__source:{fileName:_jsxFileName,lineNumber:51}},icon?React.createElement(_reactNative.View,{style:[styles.icon,focused?null:styles.inactiveIcon,iconContainerStyle],__source:{fileName:_jsxFileName,lineNumber:60}},icon):null,typeof label==='string'?React.createElement(_reactNative.Text,{style:[styles.label,{color:color},labelStyle,extraLabelStyle],__source:{fileName:_jsxFileName,lineNumber:71}},label):label));}));};DrawerNavigatorItems.defaultProps={activeTintColor:'#2196f3',activeBackgroundColor:'rgba(0, 0, 0, .04)',inactiveTintColor:'rgba(0, 0, 0, .87)',inactiveBackgroundColor:'transparent'};var styles=_reactNative.StyleSheet.create({container:{paddingVertical:4},item:{flexDirection:'row',alignItems:'center'},icon:{marginHorizontal:16,width:24,alignItems:'center'},inactiveIcon:{opacity:0.62},label:{margin:16,fontWeight:'bold'}});var _default=DrawerNavigatorItems;exports.default=_default;
 //# sourceMappingURL=DrawerNavigatorItems.js.map

lib/commonjs/views/DrawerSidebar.js

@@ -1,2 +0,2 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf3=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _core=require("@react-navigation/core");var _routers=require("@react-navigation/routers");var _jsxFileName="/Users/satya/Workspace/Projects/navigation-ex/packages/drawer/src/views/DrawerSidebar.tsx";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(source,true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(source).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DrawerSidebar=function(_React$PureComponent){(0,_inherits2.default)(DrawerSidebar,_React$PureComponent);function DrawerSidebar(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.default)(this,DrawerSidebar);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(DrawerSidebar)).call.apply(_getPrototypeOf2,[this].concat(args)));_this.getScreenOptions=function(routeKey){var descriptor=_this.props.descriptors[routeKey];if(!descriptor.options){throw new Error('Cannot access screen descriptor options from drawer sidebar');}return descriptor.options;};_this.getLabel=function(_ref){var focused=_ref.focused,tintColor=_ref.tintColor,route=_ref.route;var _this$getScreenOption=_this.getScreenOptions(route.key),drawerLabel=_this$getScreenOption.drawerLabel,title=_this$getScreenOption.title;if(drawerLabel){return typeof drawerLabel==='function'?drawerLabel({tintColor:tintColor,focused:focused}):drawerLabel;}if(typeof title==='string'){return title;}return route.name;};_this.renderIcon=function(_ref2){var focused=_ref2.focused,tintColor=_ref2.tintColor,route=_ref2.route;var _this$getScreenOption2=_this.getScreenOptions(route.key),drawerIcon=_this$getScreenOption2.drawerIcon;if(drawerIcon){return typeof drawerIcon==='function'?drawerIcon({tintColor:tintColor,focused:focused}):drawerIcon;}return null;};_this.handleItemPress=function(_ref3){var route=_ref3.route,focused=_ref3.focused;var _this$props=_this.props,state=_this$props.state,navigation=_this$props.navigation;navigation.dispatch(_objectSpread({},focused?_routers.DrawerActions.closeDrawer():_core.BaseActions.navigate(route.name),{target:state.key}));};return _this;}(0,_createClass2.default)(DrawerSidebar,[{key:"render",value:function render(){var ContentComponent=this.props.contentComponent;if(!ContentComponent){return null;}var state=this.props.state;if(typeof state.index!=='number'){throw new Error('The index of the route should be state in the navigation state');}return React.createElement(_reactNative.View,{style:[styles.container,this.props.style],__source:{fileName:_jsxFileName,lineNumber:102}},React.createElement(ContentComponent,(0,_extends2.default)({},this.props.contentOptions,{navigation:this.props.navigation,descriptors:this.props.descriptors,drawerOpenProgress:this.props.drawerOpenProgress,items:state.routes,activeItemKey:state.routes[state.index]?state.routes[state.index].key:null,getLabel:this.getLabel,renderIcon:this.renderIcon,onItemPress:this.handleItemPress,drawerPosition:this.props.drawerPosition,__source:{fileName:_jsxFileName,lineNumber:103}})));}}]);return DrawerSidebar;}(React.PureComponent);var _default=DrawerSidebar;exports.default=_default;var styles=_reactNative.StyleSheet.create({container:{flex:1}});
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf3=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _core=require("@react-navigation/core");var _routers=require("@react-navigation/routers");var _jsxFileName="/Users/osdnk/OSS/navigation-ex/packages/drawer/src/views/DrawerSidebar.tsx";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(source,true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(source).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DrawerSidebar=function(_React$PureComponent){(0,_inherits2.default)(DrawerSidebar,_React$PureComponent);function DrawerSidebar(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.default)(this,DrawerSidebar);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(DrawerSidebar)).call.apply(_getPrototypeOf2,[this].concat(args)));_this.getScreenOptions=function(routeKey){var descriptor=_this.props.descriptors[routeKey];if(!descriptor.options){throw new Error('Cannot access screen descriptor options from drawer sidebar');}return descriptor.options;};_this.getLabel=function(_ref){var focused=_ref.focused,tintColor=_ref.tintColor,route=_ref.route;var _this$getScreenOption=_this.getScreenOptions(route.key),drawerLabel=_this$getScreenOption.drawerLabel,title=_this$getScreenOption.title;if(drawerLabel){return typeof drawerLabel==='function'?drawerLabel({tintColor:tintColor,focused:focused}):drawerLabel;}if(typeof title==='string'){return title;}return route.name;};_this.renderIcon=function(_ref2){var focused=_ref2.focused,tintColor=_ref2.tintColor,route=_ref2.route;var _this$getScreenOption2=_this.getScreenOptions(route.key),drawerIcon=_this$getScreenOption2.drawerIcon;if(drawerIcon){return typeof drawerIcon==='function'?drawerIcon({tintColor:tintColor,focused:focused}):drawerIcon;}return null;};_this.handleItemPress=function(_ref3){var route=_ref3.route,focused=_ref3.focused;var _this$props=_this.props,state=_this$props.state,navigation=_this$props.navigation;navigation.dispatch(_objectSpread({},focused?_routers.DrawerActions.closeDrawer():_core.CommonActions.navigate(route.name),{target:state.key}));};return _this;}(0,_createClass2.default)(DrawerSidebar,[{key:"render",value:function render(){var ContentComponent=this.props.contentComponent;if(!ContentComponent){return null;}var state=this.props.state;if(typeof state.index!=='number'){throw new Error('The index of the route should be state in the navigation state');}return React.createElement(_reactNative.View,{style:[styles.container,this.props.style],__source:{fileName:_jsxFileName,lineNumber:102}},React.createElement(ContentComponent,(0,_extends2.default)({},this.props.contentOptions,{navigation:this.props.navigation,descriptors:this.props.descriptors,drawerOpenProgress:this.props.drawerOpenProgress,items:state.routes,activeItemKey:state.routes[state.index]?state.routes[state.index].key:null,getLabel:this.getLabel,renderIcon:this.renderIcon,onItemPress:this.handleItemPress,drawerPosition:this.props.drawerPosition,__source:{fileName:_jsxFileName,lineNumber:103}})));}}]);return DrawerSidebar;}(React.PureComponent);var _default=DrawerSidebar;exports.default=_default;var styles=_reactNative.StyleSheet.create({container:{flex:1}});
 //# sourceMappingURL=DrawerSidebar.js.map

lib/commonjs/views/DrawerView.js

@@ -1,2 +0,2 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf3=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeScreens=require("react-native-screens");var _reactNativeSafeAreaView=_interopRequireDefault(require("react-native-safe-area-view"));var _reactNativeGestureHandler=require("react-native-gesture-handler");var _routers=require("@react-navigation/routers");var _DrawerSidebar=_interopRequireDefault(require("./DrawerSidebar"));var _DrawerGestureContext=_interopRequireDefault(require("../utils/DrawerGestureContext"));var _ResourceSavingScene=_interopRequireDefault(require("./ResourceSavingScene"));var _DrawerNavigatorItems=_interopRequireDefault(require("./DrawerNavigatorItems"));var _Drawer=_interopRequireDefault(require("./Drawer"));var _jsxFileName="/Users/satya/Workspace/Projects/navigation-ex/packages/drawer/src/views/DrawerView.tsx";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(source,true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(source).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DefaultContentComponent=function DefaultContentComponent(props){return React.createElement(_reactNativeGestureHandler.ScrollView,{alwaysBounceVertical:false,__source:{fileName:_jsxFileName,lineNumber:36}},React.createElement(_reactNativeSafeAreaView.default,{forceInset:{top:'always',horizontal:'never'},__source:{fileName:_jsxFileName,lineNumber:37}},React.createElement(_DrawerNavigatorItems.default,(0,_extends2.default)({},props,{__source:{fileName:_jsxFileName,lineNumber:38}}))));};var DrawerView=function(_React$PureComponent){(0,_inherits2.default)(DrawerView,_React$PureComponent);function DrawerView(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.default)(this,DrawerView);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(DrawerView)).call.apply(_getPrototypeOf2,[this].concat(args)));_this.state={loaded:[_this.props.state.index],drawerWidth:typeof _this.props.drawerWidth==='function'?_this.props.drawerWidth():_this.props.drawerWidth};_this.drawerGestureRef=React.createRef();_this.handleDrawerOpen=function(){var _this$props=_this.props,state=_this$props.state,navigation=_this$props.navigation;navigation.dispatch(_objectSpread({},_routers.DrawerActions.openDrawer(),{target:state.key}));navigation.emit({type:'drawerOpen'});};_this.handleDrawerClose=function(){var _this$props2=_this.props,state=_this$props2.state,navigation=_this$props2.navigation;navigation.dispatch(_objectSpread({},_routers.DrawerActions.closeDrawer(),{target:state.key}));navigation.emit({type:'drawerClose'});};_this.updateWidth=function(){var drawerWidth=typeof _this.props.drawerWidth==='function'?_this.props.drawerWidth():_this.props.drawerWidth;if(_this.state.drawerWidth!==drawerWidth){_this.setState({drawerWidth:drawerWidth});}};_this.renderNavigationView=function(_ref){var progress=_ref.progress;return React.createElement(_DrawerSidebar.default,(0,_extends2.default)({drawerOpenProgress:progress},_this.props,{__source:{fileName:_jsxFileName,lineNumber:136}}));};_this.renderContent=function(){var _this$props3=_this.props,lazy=_this$props3.lazy,state=_this$props3.state,descriptors=_this$props3.descriptors,unmountInactiveRoutes=_this$props3.unmountInactiveRoutes;var loaded=_this.state.loaded;if(unmountInactiveRoutes){var activeKey=state.routes[state.index].key;var descriptor=descriptors[activeKey];return descriptor.render();}else{return React.createElement(_reactNativeScreens.ScreenContainer,{style:styles.content,__source:{fileName:_jsxFileName,lineNumber:151}},state.routes.map(function(route,index){if(lazy&&!loaded.includes(index)){return null;}var isFocused=state.index===index;var descriptor=descriptors[route.key];return React.createElement(_ResourceSavingScene.default,{key:route.key,style:[_reactNative.StyleSheet.absoluteFill,{opacity:isFocused?1:0}],isVisible:isFocused,__source:{fileName:_jsxFileName,lineNumber:162}},descriptor.render());}));}};_this.setDrawerGestureRef=function(ref){_this.drawerGestureRef.current=ref;};return _this;}(0,_createClass2.default)(DrawerView,[{key:"componentDidMount",value:function componentDidMount(){_reactNative.Dimensions.addEventListener('change',this.updateWidth);}},{key:"componentWillUnmount",value:function componentWillUnmount(){_reactNative.Dimensions.removeEventListener('change',this.updateWidth);}},{key:"render",value:function render(){var _this$props4=this.props,state=_this$props4.state,descriptors=_this$props4.descriptors,drawerType=_this$props4.drawerType,drawerPosition=_this$props4.drawerPosition,drawerBackgroundColor=_this$props4.drawerBackgroundColor,overlayColor=_this$props4.overlayColor,contentContainerStyle=_this$props4.contentContainerStyle,edgeWidth=_this$props4.edgeWidth,minSwipeDistance=_this$props4.minSwipeDistance,hideStatusBar=_this$props4.hideStatusBar,statusBarAnimation=_this$props4.statusBarAnimation,gestureHandlerProps=_this$props4.gestureHandlerProps;var activeKey=state.routes[state.index].key;var drawerLockMode=descriptors[activeKey].options.drawerLockMode;var isOpen=drawerLockMode==='locked-closed'?false:drawerLockMode==='locked-open'?true:state.isDrawerOpen;return React.createElement(_DrawerGestureContext.default.Provider,{value:this.drawerGestureRef,__source:{fileName:_jsxFileName,lineNumber:212}},React.createElement(_Drawer.default,{open:isOpen,locked:drawerLockMode==='locked-open'||drawerLockMode==='locked-closed',onOpen:this.handleDrawerOpen,onClose:this.handleDrawerClose,onGestureRef:this.setDrawerGestureRef,gestureHandlerProps:gestureHandlerProps,drawerType:drawerType,drawerPosition:drawerPosition,contentContainerStyle:contentContainerStyle,drawerStyle:{backgroundColor:drawerBackgroundColor||'white',width:this.state.drawerWidth},overlayStyle:{backgroundColor:overlayColor||'rgba(0, 0, 0, 0.5)'},swipeEdgeWidth:edgeWidth,swipeDistanceThreshold:minSwipeDistance,hideStatusBar:hideStatusBar,statusBarAnimation:statusBarAnimation,renderDrawerContent:this.renderNavigationView,renderSceneContent:this.renderContent,__source:{fileName:_jsxFileName,lineNumber:213}}));}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(nextProps,prevState){var index=nextProps.state.index;return{loaded:prevState.loaded.includes(index)?prevState.loaded:[].concat((0,_toConsumableArray2.default)(prevState.loaded),[index])};}}]);return DrawerView;}(React.PureComponent);exports.default=DrawerView;DrawerView.defaultProps={lazy:true,drawerWidth:function drawerWidth(){var _Dimensions$get=_reactNative.Dimensions.get('window'),height=_Dimensions$get.height,width=_Dimensions$get.width;var smallerAxisSize=Math.min(height,width);var isLandscape=width>height;var isTablet=smallerAxisSize>=600;var appBarHeight=_reactNative.Platform.OS==='ios'?isLandscape?32:44:56;var maxWidth=isTablet?320:280;return Math.min(smallerAxisSize-appBarHeight,maxWidth);},contentComponent:DefaultContentComponent,drawerPosition:_reactNative.I18nManager.isRTL?'right':'left',keyboardDismissMode:'on-drag',drawerBackgroundColor:'white',drawerType:'front',hideStatusBar:false,statusBarAnimation:'slide'};var styles=_reactNative.StyleSheet.create({content:{flex:1}});
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf3=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeScreens=require("react-native-screens");var _reactNativeSafeAreaView=_interopRequireDefault(require("react-native-safe-area-view"));var _reactNativeGestureHandler=require("react-native-gesture-handler");var _routers=require("@react-navigation/routers");var _DrawerSidebar=_interopRequireDefault(require("./DrawerSidebar"));var _DrawerGestureContext=_interopRequireDefault(require("../utils/DrawerGestureContext"));var _ResourceSavingScene=_interopRequireDefault(require("./ResourceSavingScene"));var _DrawerNavigatorItems=_interopRequireDefault(require("./DrawerNavigatorItems"));var _Drawer=_interopRequireDefault(require("./Drawer"));var _jsxFileName="/Users/osdnk/OSS/navigation-ex/packages/drawer/src/views/DrawerView.tsx";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(source,true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(source).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var DefaultContentComponent=function DefaultContentComponent(props){return React.createElement(_reactNativeGestureHandler.ScrollView,{alwaysBounceVertical:false,__source:{fileName:_jsxFileName,lineNumber:36}},React.createElement(_reactNativeSafeAreaView.default,{forceInset:{top:'always',horizontal:'never'},__source:{fileName:_jsxFileName,lineNumber:37}},React.createElement(_DrawerNavigatorItems.default,(0,_extends2.default)({},props,{__source:{fileName:_jsxFileName,lineNumber:38}}))));};var DrawerView=function(_React$PureComponent){(0,_inherits2.default)(DrawerView,_React$PureComponent);function DrawerView(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.default)(this,DrawerView);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(DrawerView)).call.apply(_getPrototypeOf2,[this].concat(args)));_this.state={loaded:[_this.props.state.index],drawerWidth:typeof _this.props.drawerWidth==='function'?_this.props.drawerWidth():_this.props.drawerWidth};_this.drawerGestureRef=React.createRef();_this.handleDrawerOpen=function(){var _this$props=_this.props,state=_this$props.state,navigation=_this$props.navigation;navigation.dispatch(_objectSpread({},_routers.DrawerActions.openDrawer(),{target:state.key}));navigation.emit({type:'drawerOpen'});};_this.handleDrawerClose=function(){var _this$props2=_this.props,state=_this$props2.state,navigation=_this$props2.navigation;navigation.dispatch(_objectSpread({},_routers.DrawerActions.closeDrawer(),{target:state.key}));navigation.emit({type:'drawerClose'});};_this.updateWidth=function(){var drawerWidth=typeof _this.props.drawerWidth==='function'?_this.props.drawerWidth():_this.props.drawerWidth;if(_this.state.drawerWidth!==drawerWidth){_this.setState({drawerWidth:drawerWidth});}};_this.renderNavigationView=function(_ref){var progress=_ref.progress;return React.createElement(_DrawerSidebar.default,(0,_extends2.default)({drawerOpenProgress:progress},_this.props,{__source:{fileName:_jsxFileName,lineNumber:136}}));};_this.renderContent=function(){var _this$props3=_this.props,lazy=_this$props3.lazy,state=_this$props3.state,descriptors=_this$props3.descriptors,unmountInactiveRoutes=_this$props3.unmountInactiveRoutes;var loaded=_this.state.loaded;if(unmountInactiveRoutes){var activeKey=state.routes[state.index].key;var descriptor=descriptors[activeKey];return descriptor.render();}else{return React.createElement(_reactNativeScreens.ScreenContainer,{style:styles.content,__source:{fileName:_jsxFileName,lineNumber:151}},state.routes.map(function(route,index){if(lazy&&!loaded.includes(index)){return null;}var isFocused=state.index===index;var descriptor=descriptors[route.key];return React.createElement(_ResourceSavingScene.default,{key:route.key,style:[_reactNative.StyleSheet.absoluteFill,{opacity:isFocused?1:0}],isVisible:isFocused,__source:{fileName:_jsxFileName,lineNumber:162}},descriptor.render());}));}};_this.setDrawerGestureRef=function(ref){_this.drawerGestureRef.current=ref;};return _this;}(0,_createClass2.default)(DrawerView,[{key:"componentDidMount",value:function componentDidMount(){_reactNative.Dimensions.addEventListener('change',this.updateWidth);}},{key:"componentWillUnmount",value:function componentWillUnmount(){_reactNative.Dimensions.removeEventListener('change',this.updateWidth);}},{key:"render",value:function render(){var _this$props4=this.props,state=_this$props4.state,descriptors=_this$props4.descriptors,drawerType=_this$props4.drawerType,drawerPosition=_this$props4.drawerPosition,drawerBackgroundColor=_this$props4.drawerBackgroundColor,overlayColor=_this$props4.overlayColor,contentContainerStyle=_this$props4.contentContainerStyle,edgeWidth=_this$props4.edgeWidth,minSwipeDistance=_this$props4.minSwipeDistance,hideStatusBar=_this$props4.hideStatusBar,statusBarAnimation=_this$props4.statusBarAnimation,gestureHandlerProps=_this$props4.gestureHandlerProps;var activeKey=state.routes[state.index].key;var drawerLockMode=descriptors[activeKey].options.drawerLockMode;var isOpen=drawerLockMode==='locked-closed'?false:drawerLockMode==='locked-open'?true:state.isDrawerOpen;return React.createElement(_DrawerGestureContext.default.Provider,{value:this.drawerGestureRef,__source:{fileName:_jsxFileName,lineNumber:212}},React.createElement(_Drawer.default,{open:isOpen,locked:drawerLockMode==='locked-open'||drawerLockMode==='locked-closed',onOpen:this.handleDrawerOpen,onClose:this.handleDrawerClose,onGestureRef:this.setDrawerGestureRef,gestureHandlerProps:gestureHandlerProps,drawerType:drawerType,drawerPosition:drawerPosition,contentContainerStyle:contentContainerStyle,drawerStyle:{backgroundColor:drawerBackgroundColor||'white',width:this.state.drawerWidth},overlayStyle:{backgroundColor:overlayColor||'rgba(0, 0, 0, 0.5)'},swipeEdgeWidth:edgeWidth,swipeDistanceThreshold:minSwipeDistance,hideStatusBar:hideStatusBar,statusBarAnimation:statusBarAnimation,renderDrawerContent:this.renderNavigationView,renderSceneContent:this.renderContent,__source:{fileName:_jsxFileName,lineNumber:213}}));}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(nextProps,prevState){var index=nextProps.state.index;return{loaded:prevState.loaded.includes(index)?prevState.loaded:[].concat((0,_toConsumableArray2.default)(prevState.loaded),[index])};}}]);return DrawerView;}(React.PureComponent);exports.default=DrawerView;DrawerView.defaultProps={lazy:true,drawerWidth:function drawerWidth(){var _Dimensions$get=_reactNative.Dimensions.get('window'),height=_Dimensions$get.height,width=_Dimensions$get.width;var smallerAxisSize=Math.min(height,width);var isLandscape=width>height;var isTablet=smallerAxisSize>=600;var appBarHeight=_reactNative.Platform.OS==='ios'?isLandscape?32:44:56;var maxWidth=isTablet?320:280;return Math.min(smallerAxisSize-appBarHeight,maxWidth);},contentComponent:DefaultContentComponent,drawerPosition:_reactNative.I18nManager.isRTL?'right':'left',keyboardDismissMode:'on-drag',drawerBackgroundColor:'white',drawerType:'front',hideStatusBar:false,statusBarAnimation:'slide'};var styles=_reactNative.StyleSheet.create({content:{flex:1}});
 //# sourceMappingURL=DrawerView.js.map

lib/commonjs/views/ResourceSavingScene.js

@@ -1,2 +0,2 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeScreens=require("react-native-screens");var _jsxFileName="/Users/satya/Workspace/Projects/navigation-ex/packages/drawer/src/views/ResourceSavingScene.tsx";var FAR_FAR_AWAY=3000;var ResourceSavingScene=function(_React$Component){(0,_inherits2.default)(ResourceSavingScene,_React$Component);function ResourceSavingScene(){(0,_classCallCheck2.default)(this,ResourceSavingScene);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(ResourceSavingScene).apply(this,arguments));}(0,_createClass2.default)(ResourceSavingScene,[{key:"render",value:function render(){if(_reactNativeScreens.screensEnabled&&(0,_reactNativeScreens.screensEnabled)()){var _this$props=this.props,_isVisible=_this$props.isVisible,_rest=(0,_objectWithoutProperties2.default)(_this$props,["isVisible"]);return React.createElement(_reactNativeScreens.Screen,(0,_extends2.default)({active:_isVisible?1:0},_rest,{__source:{fileName:_jsxFileName,lineNumber:20}}));}var _this$props2=this.props,isVisible=_this$props2.isVisible,children=_this$props2.children,style=_this$props2.style,rest=(0,_objectWithoutProperties2.default)(_this$props2,["isVisible","children","style"]);return React.createElement(_reactNative.View,(0,_extends2.default)({style:[styles.container,style],collapsable:false,removeClippedSubviews:_reactNative.Platform.OS==='ios'?!isVisible:true,pointerEvents:isVisible?'auto':'none'},rest,{__source:{fileName:_jsxFileName,lineNumber:25}}),React.createElement(_reactNative.View,{style:isVisible?styles.attached:styles.detached,__source:{fileName:_jsxFileName,lineNumber:36}},children));}}]);return ResourceSavingScene;}(React.Component);exports.default=ResourceSavingScene;var styles=_reactNative.StyleSheet.create({container:{flex:1,overflow:'hidden'},attached:{flex:1},detached:{flex:1,top:FAR_FAR_AWAY}});
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeScreens=require("react-native-screens");var _jsxFileName="/Users/osdnk/OSS/navigation-ex/packages/drawer/src/views/ResourceSavingScene.tsx";var FAR_FAR_AWAY=3000;var ResourceSavingScene=function(_React$Component){(0,_inherits2.default)(ResourceSavingScene,_React$Component);function ResourceSavingScene(){(0,_classCallCheck2.default)(this,ResourceSavingScene);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(ResourceSavingScene).apply(this,arguments));}(0,_createClass2.default)(ResourceSavingScene,[{key:"render",value:function render(){if(_reactNativeScreens.screensEnabled&&(0,_reactNativeScreens.screensEnabled)()){var _this$props=this.props,_isVisible=_this$props.isVisible,_rest=(0,_objectWithoutProperties2.default)(_this$props,["isVisible"]);return React.createElement(_reactNativeScreens.Screen,(0,_extends2.default)({active:_isVisible?1:0},_rest,{__source:{fileName:_jsxFileName,lineNumber:20}}));}var _this$props2=this.props,isVisible=_this$props2.isVisible,children=_this$props2.children,style=_this$props2.style,rest=(0,_objectWithoutProperties2.default)(_this$props2,["isVisible","children","style"]);return React.createElement(_reactNative.View,(0,_extends2.default)({style:[styles.container,style],collapsable:false,removeClippedSubviews:_reactNative.Platform.OS==='ios'?!isVisible:true,pointerEvents:isVisible?'auto':'none'},rest,{__source:{fileName:_jsxFileName,lineNumber:25}}),React.createElement(_reactNative.View,{style:isVisible?styles.attached:styles.detached,__source:{fileName:_jsxFileName,lineNumber:36}},children));}}]);return ResourceSavingScene;}(React.Component);exports.default=ResourceSavingScene;var styles=_reactNative.StyleSheet.create({container:{flex:1,overflow:'hidden'},attached:{flex:1},detached:{flex:1,top:FAR_FAR_AWAY}});
 //# sourceMappingURL=ResourceSavingScene.js.map

lib/commonjs/views/TouchableItem.js

@@ -1,2 +0,2 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _jsxFileName="/Users/satya/Workspace/Projects/navigation-ex/packages/drawer/src/views/TouchableItem.tsx";var ANDROID_VERSION_LOLLIPOP=21;var TouchableItem=function(_React$Component){(0,_inherits2.default)(TouchableItem,_React$Component);function TouchableItem(){(0,_classCallCheck2.default)(this,TouchableItem);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(TouchableItem).apply(this,arguments));}(0,_createClass2.default)(TouchableItem,[{key:"render",value:function render(){if(_reactNative.Platform.OS==='android'&&_reactNative.Platform.Version>=ANDROID_VERSION_LOLLIPOP){var _this$props=this.props,style=_this$props.style,rest=(0,_objectWithoutProperties2.default)(_this$props,["style"]);return React.createElement(_reactNative.TouchableNativeFeedback,(0,_extends2.default)({},rest,{style:null,background:_reactNative.TouchableNativeFeedback.Ripple(this.props.pressColor,this.props.borderless),__source:{fileName:_jsxFileName,lineNumber:47}}),React.createElement(_reactNative.View,{style:style,__source:{fileName:_jsxFileName,lineNumber:55}},React.Children.only(this.props.children)));}return React.createElement(_reactNative.TouchableOpacity,(0,_extends2.default)({},this.props,{__source:{fileName:_jsxFileName,lineNumber:61}}),this.props.children);}}]);return TouchableItem;}(React.Component);exports.default=TouchableItem;TouchableItem.defaultProps={borderless:false,pressColor:'rgba(0, 0, 0, .32)'};
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _jsxFileName="/Users/osdnk/OSS/navigation-ex/packages/drawer/src/views/TouchableItem.tsx";var ANDROID_VERSION_LOLLIPOP=21;var TouchableItem=function(_React$Component){(0,_inherits2.default)(TouchableItem,_React$Component);function TouchableItem(){(0,_classCallCheck2.default)(this,TouchableItem);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(TouchableItem).apply(this,arguments));}(0,_createClass2.default)(TouchableItem,[{key:"render",value:function render(){if(_reactNative.Platform.OS==='android'&&_reactNative.Platform.Version>=ANDROID_VERSION_LOLLIPOP){var _this$props=this.props,style=_this$props.style,rest=(0,_objectWithoutProperties2.default)(_this$props,["style"]);return React.createElement(_reactNative.TouchableNativeFeedback,(0,_extends2.default)({},rest,{style:null,background:_reactNative.TouchableNativeFeedback.Ripple(this.props.pressColor,this.props.borderless),__source:{fileName:_jsxFileName,lineNumber:47}}),React.createElement(_reactNative.View,{style:style,__source:{fileName:_jsxFileName,lineNumber:55}},React.Children.only(this.props.children)));}return React.createElement(_reactNative.TouchableOpacity,(0,_extends2.default)({},this.props,{__source:{fileName:_jsxFileName,lineNumber:61}}),this.props.children);}}]);return TouchableItem;}(React.Component);exports.default=TouchableItem;TouchableItem.defaultProps={borderless:false,pressColor:'rgba(0, 0, 0, .32)'};
 //# sourceMappingURL=TouchableItem.js.map

lib/module/navigators/createDrawerNavigator.js

@@ -1,2 +0,2 @@
-import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/satya/Workspace/Projects/navigation-ex/packages/drawer/src/navigators/createDrawerNavigator.tsx";import*as React from'react';import{createNavigator,useNavigationBuilder}from'@react-navigation/core';import{DrawerRouter}from'@react-navigation/routers';import DrawerView from'../views/DrawerView';function DrawerNavigator(_ref){var initialRouteName=_ref.initialRouteName,children=_ref.children,screenOptions=_ref.screenOptions,rest=_objectWithoutProperties(_ref,["initialRouteName","children","screenOptions"]);var _useNavigationBuilder=useNavigationBuilder(DrawerRouter,{initialRouteName:initialRouteName,children:children,screenOptions:screenOptions}),state=_useNavigationBuilder.state,descriptors=_useNavigationBuilder.descriptors,navigation=_useNavigationBuilder.navigation;return React.createElement(DrawerView,_extends({state:state,descriptors:descriptors,navigation:navigation},rest,{__source:{fileName:_jsxFileName,lineNumber:37}}));}export default createNavigator(DrawerNavigator);
+import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/osdnk/OSS/navigation-ex/packages/drawer/src/navigators/createDrawerNavigator.tsx";import*as React from'react';import{createNavigator,useNavigationBuilder}from'@react-navigation/core';import{DrawerRouter}from'@react-navigation/routers';import DrawerView from'../views/DrawerView';function DrawerNavigator(_ref){var initialRouteName=_ref.initialRouteName,children=_ref.children,screenOptions=_ref.screenOptions,rest=_objectWithoutProperties(_ref,["initialRouteName","children","screenOptions"]);var _useNavigationBuilder=useNavigationBuilder(DrawerRouter,{initialRouteName:initialRouteName,children:children,screenOptions:screenOptions}),state=_useNavigationBuilder.state,descriptors=_useNavigationBuilder.descriptors,navigation=_useNavigationBuilder.navigation;return React.createElement(DrawerView,_extends({state:state,descriptors:descriptors,navigation:navigation},rest,{__source:{fileName:_jsxFileName,lineNumber:42}}));}export default createNavigator(DrawerNavigator);
 //# sourceMappingURL=createDrawerNavigator.js.map

lib/module/views/Drawer.js

@@ -1,2 +0,2 @@
-import _extends from"@babel/runtime/helpers/extends";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _inherits from"@babel/runtime/helpers/inherits";var _jsxFileName="/Users/satya/Workspace/Projects/navigation-ex/packages/drawer/src/views/Drawer.tsx";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(source,true).forEach(function(key){_defineProperty(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(source).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}import*as React from'react';import{StyleSheet,I18nManager,Platform,Keyboard,StatusBar}from'react-native';import{PanGestureHandler,TapGestureHandler,State}from'react-native-gesture-handler';import Animated from'react-native-reanimated';var Clock=Animated.Clock,Value=Animated.Value,onChange=Animated.onChange,clockRunning=Animated.clockRunning,startClock=Animated.startClock,stopClock=Animated.stopClock,interpolate=Animated.interpolate,spring=Animated.spring,abs=Animated.abs,add=Animated.add,and=Animated.and,block=Animated.block,call=Animated.call,cond=Animated.cond,divide=Animated.divide,eq=Animated.eq,event=Animated.event,greaterThan=Animated.greaterThan,lessThan=Animated.lessThan,max=Animated.max,min=Animated.min,multiply=Animated.multiply,neq=Animated.neq,or=Animated.or,set=Animated.set,sub=Animated.sub;var TRUE=1;var FALSE=0;var NOOP=0;var UNSET=-1;var PROGRESS_EPSILON=0.05;var DIRECTION_LEFT=1;var DIRECTION_RIGHT=-1;var SWIPE_DISTANCE_THRESHOLD_DEFAULT=60;var SWIPE_DISTANCE_MINIMUM=5;var SPRING_CONFIG={stiffness:1000,damping:500,mass:3,overshootClamping:true,restDisplacementThreshold:0.01,restSpeedThreshold:0.01};var DrawerView=function(_React$PureComponent){_inherits(DrawerView,_React$PureComponent);function DrawerView(){var _getPrototypeOf2;var _this;_classCallCheck(this,DrawerView);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=_possibleConstructorReturn(this,(_getPrototypeOf2=_getPrototypeOf(DrawerView)).call.apply(_getPrototypeOf2,[this].concat(args)));_this.clock=new Clock();_this.isDrawerTypeFront=new Value(_this.props.drawerType==='front'?TRUE:FALSE);_this.isLocked=new Value(_this.props.locked?TRUE:FALSE);_this.isOpen=new Value(_this.props.open?TRUE:FALSE);_this.nextIsOpen=new Value(UNSET);_this.isSwiping=new Value(FALSE);_this.gestureState=new Value(State.UNDETERMINED);_this.touchX=new Value(0);_this.velocityX=new Value(0);_this.gestureX=new Value(0);_this.offsetX=new Value(0);_this.position=new Value(0);_this.containerWidth=new Value(0);_this.drawerWidth=new Value(0);_this.drawerOpacity=new Value(0);_this.drawerPosition=new Value(_this.props.drawerPosition==='right'?DIRECTION_RIGHT:DIRECTION_LEFT);_this.touchDistanceFromDrawer=cond(_this.isDrawerTypeFront,cond(eq(_this.drawerPosition,DIRECTION_LEFT),max(sub(sub(_this.touchX,_this.gestureX),_this.drawerWidth),0),min(multiply(sub(sub(_this.containerWidth,_this.drawerWidth),sub(_this.touchX,_this.gestureX)),DIRECTION_RIGHT),0)),0);_this.swipeDistanceThreshold=new Value(_this.props.swipeDistanceThreshold!==undefined?_this.props.swipeDistanceThreshold:SWIPE_DISTANCE_THRESHOLD_DEFAULT);_this.swipeVelocityThreshold=new Value(_this.props.swipeVelocityThreshold);_this.currentOpenValue=_this.props.open;_this.isStatusBarHidden=false;_this.manuallyTriggerSpring=new Value(FALSE);_this.transitionTo=function(isOpen){var toValue=new Value(0);var frameTime=new Value(0);var state={position:_this.position,time:new Value(0),finished:new Value(FALSE),velocity:new Value(0)};return block([cond(clockRunning(_this.clock),NOOP,[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),set(_this.manuallyTriggerSpring,FALSE)]),spring(_this.clock,state,_objectSpread({},SPRING_CONFIG,{toValue:toValue})),cond(state.finished,[set(_this.touchX,0),set(_this.gestureX,0),set(_this.velocityX,0),set(_this.offsetX,0),stopClock(_this.clock),call([_this.isOpen],function(_ref){var _ref2=_slicedToArray(_ref,1),value=_ref2[0];var open=Boolean(value);if(open!==_this.props.open){_this.toggleDrawer(_this.props.open);}})])]);};_this.dragX=block([onChange(_this.isOpen,call([_this.isOpen],function(_ref3){var _ref4=_slicedToArray(_ref3,1),value=_ref4[0];var open=Boolean(value);_this.currentOpenValue=open;if(open!==_this.props.open){if(open){_this.props.onOpen();}else{_this.props.onClose();}_this.pendingOpenValue=open;_this.forceUpdate();}})),onChange(_this.nextIsOpen,cond(neq(_this.nextIsOpen,UNSET),[cond(clockRunning(_this.clock),stopClock(_this.clock)),set(_this.isOpen,_this.nextIsOpen),set(_this.gestureX,0),set(_this.nextIsOpen,UNSET)])),onChange(_this.isSwiping,call([_this.isSwiping],function(_ref5){var _ref6=_slicedToArray(_ref5,1),value=_ref6[0];var keyboardDismissMode=_this.props.keyboardDismissMode;if(value===TRUE){if(keyboardDismissMode==='on-drag'){Keyboard.dismiss();}_this.toggleStatusBar(true);}else{_this.toggleStatusBar(_this.currentOpenValue);}})),cond(eq(_this.gestureState,State.ACTIVE),[cond(_this.isSwiping,NOOP,[set(_this.isSwiping,TRUE),set(_this.offsetX,_this.position)]),set(_this.position,add(_this.offsetX,_this.gestureX,_this.touchDistanceFromDrawer)),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),greaterThan(cond(eq(_this.velocityX,0),_this.gestureX,_this.velocityX),0),lessThan(cond(eq(_this.velocityX,0),_this.gestureX,_this.velocityX),0)),_this.isOpen)))]),_this.position]);_this.translateX=cond(eq(_this.drawerPosition,DIRECTION_RIGHT),min(max(multiply(_this.drawerWidth,-1),_this.dragX),0),max(min(_this.drawerWidth,_this.dragX),0));_this.progress=cond(eq(_this.drawerWidth,0),0,abs(divide(_this.translateX,_this.drawerWidth)));_this.handleGestureEvent=event([{nativeEvent:{x:_this.touchX,translationX:_this.gestureX,velocityX:_this.velocityX,state:_this.gestureState}}]);_this.handleTapStateChange=event([{nativeEvent:{oldState:function oldState(s){return cond(and(eq(s,State.ACTIVE),eq(_this.isLocked,FALSE)),set(_this.manuallyTriggerSpring,TRUE));}}}]);_this.handleContainerLayout=function(e){return _this.containerWidth.setValue(e.nativeEvent.layout.width);};_this.handleDrawerLayout=function(e){_this.drawerWidth.setValue(e.nativeEvent.layout.width);_this.toggleDrawer(_this.props.open);requestAnimationFrame(function(){return _this.drawerOpacity.setValue(1);});};_this.toggleDrawer=function(open){if(_this.currentOpenValue!==open){_this.nextIsOpen.setValue(open?TRUE:FALSE);_this.currentOpenValue=open;}};_this.toggleStatusBar=function(hidden){var _this$props=_this.props,hideStatusBar=_this$props.hideStatusBar,statusBarAnimation=_this$props.statusBarAnimation;if(hideStatusBar&&_this.isStatusBarHidden!==hidden){_this.isStatusBarHidden=hidden;StatusBar.setHidden(hidden,statusBarAnimation);}};return _this;}_createClass(DrawerView,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var _this$props2=this.props,open=_this$props2.open,drawerPosition=_this$props2.drawerPosition,drawerType=_this$props2.drawerType,locked=_this$props2.locked,swipeDistanceThreshold=_this$props2.swipeDistanceThreshold,swipeVelocityThreshold=_this$props2.swipeVelocityThreshold,hideStatusBar=_this$props2.hideStatusBar;if(prevProps.locked!==locked){this.isLocked.setValue(locked?TRUE:FALSE);}if(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!==undefined?swipeDistanceThreshold:SWIPE_DISTANCE_THRESHOLD_DEFAULT);}if(prevProps.swipeVelocityThreshold!==swipeVelocityThreshold){this.swipeVelocityThreshold.setValue(swipeVelocityThreshold);}}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.toggleStatusBar(false);}},{key:"render",value:function render(){var _this2=this;var _this$props3=this.props,open=_this$props3.open,locked=_this$props3.locked,drawerPosition=_this$props3.drawerPosition,drawerType=_this$props3.drawerType,swipeEdgeWidth=_this$props3.swipeEdgeWidth,contentContainerStyle=_this$props3.contentContainerStyle,drawerStyle=_this$props3.drawerStyle,overlayStyle=_this$props3.overlayStyle,onGestureRef=_this$props3.onGestureRef,renderDrawerContent=_this$props3.renderDrawerContent,renderSceneContent=_this$props3.renderSceneContent,gestureHandlerProps=_this$props3.gestureHandlerProps;var right=drawerPosition==='right';var contentTranslateX=drawerType==='front'?0:this.translateX;var drawerTranslateX=drawerType==='back'?I18nManager.isRTL?multiply(this.drawerWidth,DIRECTION_RIGHT):this.drawerWidth:this.translateX;var offset=I18nManager.isRTL?'100%':multiply(this.drawerWidth,-1);var hitSlop=right?{right:0,width:open?undefined:swipeEdgeWidth}:{left:0,width:open?undefined:swipeEdgeWidth};return React.createElement(PanGestureHandler,_extends({ref:onGestureRef,activeOffsetX:[-SWIPE_DISTANCE_MINIMUM,SWIPE_DISTANCE_MINIMUM],failOffsetY:[-SWIPE_DISTANCE_MINIMUM,SWIPE_DISTANCE_MINIMUM],onGestureEvent:this.handleGestureEvent,onHandlerStateChange:this.handleGestureEvent,hitSlop:hitSlop,enabled:!locked},gestureHandlerProps,{__source:{fileName:_jsxFileName,lineNumber:517}}),React.createElement(Animated.View,{onLayout:this.handleContainerLayout,style:styles.main,__source:{fileName:_jsxFileName,lineNumber:527}},React.createElement(Animated.View,{style:[styles.content,{transform:[{translateX:contentTranslateX}]},contentContainerStyle],__source:{fileName:_jsxFileName,lineNumber:531}},renderSceneContent({progress:this.progress}),React.createElement(TapGestureHandler,{onHandlerStateChange:this.handleTapStateChange,__source:{fileName:_jsxFileName,lineNumber:541}},React.createElement(Animated.View,{style:[styles.overlay,{opacity:interpolate(this.progress,{inputRange:[PROGRESS_EPSILON,1],outputRange:[0,1]}),zIndex:cond(greaterThan(this.progress,PROGRESS_EPSILON),0,-1)},overlayStyle],__source:{fileName:_jsxFileName,lineNumber:542}}))),React.createElement(Animated.Code,{exec:block([onChange(this.manuallyTriggerSpring,[cond(eq(this.manuallyTriggerSpring,TRUE),[set(this.nextIsOpen,FALSE),call([],function(){return _this2.currentOpenValue=false;})])])]),__source:{fileName:_jsxFileName,lineNumber:564}}),React.createElement(Animated.View,{accessibilityViewIsModal:open,removeClippedSubviews:Platform.OS!=='ios',onLayout:this.handleDrawerLayout,style:[styles.container,right?{right:offset}:{left:offset},{transform:[{translateX:drawerTranslateX}],opacity:this.drawerOpacity,zIndex:drawerType==='back'?-1:0},drawerStyle],__source:{fileName:_jsxFileName,lineNumber:574}},renderDrawerContent({progress:this.progress}))));}}]);return DrawerView;}(React.PureComponent);DrawerView.defaultProps={locked:false,drawerPostion:I18nManager.isRTL?'left':'right',drawerType:'front',swipeEdgeWidth:32,swipeVelocityThreshold:500,keyboardDismissMode:'on-drag',hideStatusBar:false,statusBarAnimation:'slide'};export{DrawerView as default};var styles=StyleSheet.create({container:{backgroundColor:'white',position:'absolute',top:0,bottom:0,width:'80%',maxWidth:'100%'},overlay:_objectSpread({},StyleSheet.absoluteFillObject,{backgroundColor:'rgba(0, 0, 0, 0.5)'}),content:{flex:1},main:{flex:1,overflow:'hidden'}});
+import _extends from"@babel/runtime/helpers/extends";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _inherits from"@babel/runtime/helpers/inherits";var _jsxFileName="/Users/osdnk/OSS/navigation-ex/packages/drawer/src/views/Drawer.tsx";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(source,true).forEach(function(key){_defineProperty(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(source).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}import*as React from'react';import{StyleSheet,I18nManager,Platform,Keyboard,StatusBar}from'react-native';import{PanGestureHandler,TapGestureHandler,State}from'react-native-gesture-handler';import Animated from'react-native-reanimated';var Clock=Animated.Clock,Value=Animated.Value,onChange=Animated.onChange,clockRunning=Animated.clockRunning,startClock=Animated.startClock,stopClock=Animated.stopClock,interpolate=Animated.interpolate,spring=Animated.spring,abs=Animated.abs,add=Animated.add,and=Animated.and,block=Animated.block,call=Animated.call,cond=Animated.cond,divide=Animated.divide,eq=Animated.eq,event=Animated.event,greaterThan=Animated.greaterThan,lessThan=Animated.lessThan,max=Animated.max,min=Animated.min,multiply=Animated.multiply,neq=Animated.neq,or=Animated.or,set=Animated.set,sub=Animated.sub;var TRUE=1;var FALSE=0;var NOOP=0;var UNSET=-1;var PROGRESS_EPSILON=0.05;var DIRECTION_LEFT=1;var DIRECTION_RIGHT=-1;var SWIPE_DISTANCE_THRESHOLD_DEFAULT=60;var SWIPE_DISTANCE_MINIMUM=5;var SPRING_CONFIG={stiffness:1000,damping:500,mass:3,overshootClamping:true,restDisplacementThreshold:0.01,restSpeedThreshold:0.01};var DrawerView=function(_React$PureComponent){_inherits(DrawerView,_React$PureComponent);function DrawerView(){var _getPrototypeOf2;var _this;_classCallCheck(this,DrawerView);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=_possibleConstructorReturn(this,(_getPrototypeOf2=_getPrototypeOf(DrawerView)).call.apply(_getPrototypeOf2,[this].concat(args)));_this.clock=new Clock();_this.isDrawerTypeFront=new Value(_this.props.drawerType==='front'?TRUE:FALSE);_this.isLocked=new Value(_this.props.locked?TRUE:FALSE);_this.isOpen=new Value(_this.props.open?TRUE:FALSE);_this.nextIsOpen=new Value(UNSET);_this.isSwiping=new Value(FALSE);_this.gestureState=new Value(State.UNDETERMINED);_this.touchX=new Value(0);_this.velocityX=new Value(0);_this.gestureX=new Value(0);_this.offsetX=new Value(0);_this.position=new Value(0);_this.containerWidth=new Value(0);_this.drawerWidth=new Value(0);_this.drawerOpacity=new Value(0);_this.drawerPosition=new Value(_this.props.drawerPosition==='right'?DIRECTION_RIGHT:DIRECTION_LEFT);_this.touchDistanceFromDrawer=cond(_this.isDrawerTypeFront,cond(eq(_this.drawerPosition,DIRECTION_LEFT),max(sub(sub(_this.touchX,_this.gestureX),_this.drawerWidth),0),min(multiply(sub(sub(_this.containerWidth,_this.drawerWidth),sub(_this.touchX,_this.gestureX)),DIRECTION_RIGHT),0)),0);_this.swipeDistanceThreshold=new Value(_this.props.swipeDistanceThreshold!==undefined?_this.props.swipeDistanceThreshold:SWIPE_DISTANCE_THRESHOLD_DEFAULT);_this.swipeVelocityThreshold=new Value(_this.props.swipeVelocityThreshold);_this.currentOpenValue=_this.props.open;_this.isStatusBarHidden=false;_this.manuallyTriggerSpring=new Value(FALSE);_this.transitionTo=function(isOpen){var toValue=new Value(0);var frameTime=new Value(0);var state={position:_this.position,time:new Value(0),finished:new Value(FALSE),velocity:new Value(0)};return block([cond(clockRunning(_this.clock),NOOP,[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),set(_this.manuallyTriggerSpring,FALSE)]),spring(_this.clock,state,_objectSpread({},SPRING_CONFIG,{toValue:toValue})),cond(state.finished,[set(_this.touchX,0),set(_this.gestureX,0),set(_this.velocityX,0),set(_this.offsetX,0),stopClock(_this.clock),call([_this.isOpen],function(_ref){var _ref2=_slicedToArray(_ref,1),value=_ref2[0];var open=Boolean(value);if(open!==_this.props.open){_this.toggleDrawer(_this.props.open);}})])]);};_this.dragX=block([onChange(_this.isOpen,call([_this.isOpen],function(_ref3){var _ref4=_slicedToArray(_ref3,1),value=_ref4[0];var open=Boolean(value);_this.currentOpenValue=open;if(open!==_this.props.open){if(open){_this.props.onOpen();}else{_this.props.onClose();}_this.pendingOpenValue=open;_this.forceUpdate();}})),onChange(_this.nextIsOpen,cond(neq(_this.nextIsOpen,UNSET),[cond(clockRunning(_this.clock),stopClock(_this.clock)),set(_this.isOpen,_this.nextIsOpen),set(_this.gestureX,0),set(_this.nextIsOpen,UNSET)])),onChange(_this.isSwiping,call([_this.isSwiping],function(_ref5){var _ref6=_slicedToArray(_ref5,1),value=_ref6[0];var keyboardDismissMode=_this.props.keyboardDismissMode;if(value===TRUE){if(keyboardDismissMode==='on-drag'){Keyboard.dismiss();}_this.toggleStatusBar(true);}else{_this.toggleStatusBar(_this.currentOpenValue);}})),cond(eq(_this.gestureState,State.ACTIVE),[cond(_this.isSwiping,NOOP,[set(_this.isSwiping,TRUE),set(_this.offsetX,_this.position)]),set(_this.position,add(_this.offsetX,_this.gestureX,_this.touchDistanceFromDrawer)),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),greaterThan(cond(eq(_this.velocityX,0),_this.gestureX,_this.velocityX),0),lessThan(cond(eq(_this.velocityX,0),_this.gestureX,_this.velocityX),0)),_this.isOpen)))]),_this.position]);_this.translateX=cond(eq(_this.drawerPosition,DIRECTION_RIGHT),min(max(multiply(_this.drawerWidth,-1),_this.dragX),0),max(min(_this.drawerWidth,_this.dragX),0));_this.progress=cond(eq(_this.drawerWidth,0),0,abs(divide(_this.translateX,_this.drawerWidth)));_this.handleGestureEvent=event([{nativeEvent:{x:_this.touchX,translationX:_this.gestureX,velocityX:_this.velocityX,state:_this.gestureState}}]);_this.handleTapStateChange=event([{nativeEvent:{oldState:function oldState(s){return cond(and(eq(s,State.ACTIVE),eq(_this.isLocked,FALSE)),set(_this.manuallyTriggerSpring,TRUE));}}}]);_this.handleContainerLayout=function(e){return _this.containerWidth.setValue(e.nativeEvent.layout.width);};_this.handleDrawerLayout=function(e){_this.drawerWidth.setValue(e.nativeEvent.layout.width);_this.toggleDrawer(_this.props.open);requestAnimationFrame(function(){return _this.drawerOpacity.setValue(1);});};_this.toggleDrawer=function(open){if(_this.currentOpenValue!==open){_this.nextIsOpen.setValue(open?TRUE:FALSE);_this.currentOpenValue=open;}};_this.toggleStatusBar=function(hidden){var _this$props=_this.props,hideStatusBar=_this$props.hideStatusBar,statusBarAnimation=_this$props.statusBarAnimation;if(hideStatusBar&&_this.isStatusBarHidden!==hidden){_this.isStatusBarHidden=hidden;StatusBar.setHidden(hidden,statusBarAnimation);}};return _this;}_createClass(DrawerView,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var _this$props2=this.props,open=_this$props2.open,drawerPosition=_this$props2.drawerPosition,drawerType=_this$props2.drawerType,locked=_this$props2.locked,swipeDistanceThreshold=_this$props2.swipeDistanceThreshold,swipeVelocityThreshold=_this$props2.swipeVelocityThreshold,hideStatusBar=_this$props2.hideStatusBar;if(prevProps.locked!==locked){this.isLocked.setValue(locked?TRUE:FALSE);}if(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!==undefined?swipeDistanceThreshold:SWIPE_DISTANCE_THRESHOLD_DEFAULT);}if(prevProps.swipeVelocityThreshold!==swipeVelocityThreshold){this.swipeVelocityThreshold.setValue(swipeVelocityThreshold);}}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.toggleStatusBar(false);}},{key:"render",value:function render(){var _this2=this;var _this$props3=this.props,open=_this$props3.open,locked=_this$props3.locked,drawerPosition=_this$props3.drawerPosition,drawerType=_this$props3.drawerType,swipeEdgeWidth=_this$props3.swipeEdgeWidth,contentContainerStyle=_this$props3.contentContainerStyle,drawerStyle=_this$props3.drawerStyle,overlayStyle=_this$props3.overlayStyle,onGestureRef=_this$props3.onGestureRef,renderDrawerContent=_this$props3.renderDrawerContent,renderSceneContent=_this$props3.renderSceneContent,gestureHandlerProps=_this$props3.gestureHandlerProps;var right=drawerPosition==='right';var contentTranslateX=drawerType==='front'?0:this.translateX;var drawerTranslateX=drawerType==='back'?I18nManager.isRTL?multiply(this.drawerWidth,DIRECTION_RIGHT):this.drawerWidth:this.translateX;var offset=I18nManager.isRTL?'100%':multiply(this.drawerWidth,-1);var hitSlop=right?{right:0,width:open?undefined:swipeEdgeWidth}:{left:0,width:open?undefined:swipeEdgeWidth};return React.createElement(PanGestureHandler,_extends({ref:onGestureRef,activeOffsetX:[-SWIPE_DISTANCE_MINIMUM,SWIPE_DISTANCE_MINIMUM],failOffsetY:[-SWIPE_DISTANCE_MINIMUM,SWIPE_DISTANCE_MINIMUM],onGestureEvent:this.handleGestureEvent,onHandlerStateChange:this.handleGestureEvent,hitSlop:hitSlop,enabled:!locked},gestureHandlerProps,{__source:{fileName:_jsxFileName,lineNumber:517}}),React.createElement(Animated.View,{onLayout:this.handleContainerLayout,style:styles.main,__source:{fileName:_jsxFileName,lineNumber:527}},React.createElement(Animated.View,{style:[styles.content,{transform:[{translateX:contentTranslateX}]},contentContainerStyle],__source:{fileName:_jsxFileName,lineNumber:531}},renderSceneContent({progress:this.progress}),React.createElement(TapGestureHandler,{onHandlerStateChange:this.handleTapStateChange,__source:{fileName:_jsxFileName,lineNumber:541}},React.createElement(Animated.View,{style:[styles.overlay,{opacity:interpolate(this.progress,{inputRange:[PROGRESS_EPSILON,1],outputRange:[0,1]}),zIndex:cond(greaterThan(this.progress,PROGRESS_EPSILON),0,-1)},overlayStyle],__source:{fileName:_jsxFileName,lineNumber:542}}))),React.createElement(Animated.Code,{exec:block([onChange(this.manuallyTriggerSpring,[cond(eq(this.manuallyTriggerSpring,TRUE),[set(this.nextIsOpen,FALSE),call([],function(){return _this2.currentOpenValue=false;})])])]),__source:{fileName:_jsxFileName,lineNumber:564}}),React.createElement(Animated.View,{accessibilityViewIsModal:open,removeClippedSubviews:Platform.OS!=='ios',onLayout:this.handleDrawerLayout,style:[styles.container,right?{right:offset}:{left:offset},{transform:[{translateX:drawerTranslateX}],opacity:this.drawerOpacity,zIndex:drawerType==='back'?-1:0},drawerStyle],__source:{fileName:_jsxFileName,lineNumber:574}},renderDrawerContent({progress:this.progress}))));}}]);return DrawerView;}(React.PureComponent);DrawerView.defaultProps={locked:false,drawerPostion:I18nManager.isRTL?'left':'right',drawerType:'front',swipeEdgeWidth:32,swipeVelocityThreshold:500,keyboardDismissMode:'on-drag',hideStatusBar:false,statusBarAnimation:'slide'};export{DrawerView as default};var styles=StyleSheet.create({container:{backgroundColor:'white',position:'absolute',top:0,bottom:0,width:'80%',maxWidth:'100%'},overlay:_objectSpread({},StyleSheet.absoluteFillObject,{backgroundColor:'rgba(0, 0, 0, 0.5)'}),content:{flex:1},main:{flex:1,overflow:'hidden'}});
 //# sourceMappingURL=Drawer.js.map

lib/module/views/DrawerNavigatorItems.js

@@ -1,2 +0,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";var _jsxFileName="/Users/satya/Workspace/Projects/navigation-ex/packages/drawer/src/views/DrawerNavigatorItems.tsx";import*as React from'react';import{View,Text,StyleSheet}from'react-native';import SafeAreaView from'react-native-safe-area-view';import TouchableItem from'./TouchableItem';var DrawerNavigatorItems=function DrawerNavigatorItems(_ref){var items=_ref.items,activeItemKey=_ref.activeItemKey,activeTintColor=_ref.activeTintColor,activeBackgroundColor=_ref.activeBackgroundColor,inactiveTintColor=_ref.inactiveTintColor,inactiveBackgroundColor=_ref.inactiveBackgroundColor,getLabel=_ref.getLabel,renderIcon=_ref.renderIcon,onItemPress=_ref.onItemPress,itemsContainerStyle=_ref.itemsContainerStyle,itemStyle=_ref.itemStyle,labelStyle=_ref.labelStyle,activeLabelStyle=_ref.activeLabelStyle,inactiveLabelStyle=_ref.inactiveLabelStyle,iconContainerStyle=_ref.iconContainerStyle,drawerPosition=_ref.drawerPosition;return React.createElement(View,{style:[styles.container,itemsContainerStyle],__source:{fileName:_jsxFileName,lineNumber:29}},items.map(function(route,index){var _ref2;var focused=activeItemKey===route.key;var color=focused?activeTintColor:inactiveTintColor;var backgroundColor=focused?activeBackgroundColor:inactiveBackgroundColor;var scene={route:route,index:index,focused:focused,tintColor:color};var icon=renderIcon(scene);var label=getLabel(scene);var accessibilityLabel=typeof label==='string'?label:undefined;var extraLabelStyle=focused?activeLabelStyle:inactiveLabelStyle;return React.createElement(TouchableItem,{key:route.key,accessible:true,accessibilityLabel:accessibilityLabel,onPress:function onPress(){onItemPress({route:route,focused:focused});},delayPressIn:0,__source:{fileName:_jsxFileName,lineNumber:42}},React.createElement(SafeAreaView,{style:[{backgroundColor:backgroundColor},styles.item,itemStyle],forceInset:(_ref2={},_defineProperty(_ref2,drawerPosition,'always'),_defineProperty(_ref2,drawerPosition==='left'?'right':'left','never'),_defineProperty(_ref2,"vertical",'never'),_ref2),__source:{fileName:_jsxFileName,lineNumber:51}},icon?React.createElement(View,{style:[styles.icon,focused?null:styles.inactiveIcon,iconContainerStyle],__source:{fileName:_jsxFileName,lineNumber:60}},icon):null,typeof label==='string'?React.createElement(Text,{style:[styles.label,{color:color},labelStyle,extraLabelStyle],__source:{fileName:_jsxFileName,lineNumber:71}},label):label));}));};DrawerNavigatorItems.defaultProps={activeTintColor:'#2196f3',activeBackgroundColor:'rgba(0, 0, 0, .04)',inactiveTintColor:'rgba(0, 0, 0, .87)',inactiveBackgroundColor:'transparent'};var styles=StyleSheet.create({container:{paddingVertical:4},item:{flexDirection:'row',alignItems:'center'},icon:{marginHorizontal:16,width:24,alignItems:'center'},inactiveIcon:{opacity:0.62},label:{margin:16,fontWeight:'bold'}});export default DrawerNavigatorItems;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";var _jsxFileName="/Users/osdnk/OSS/navigation-ex/packages/drawer/src/views/DrawerNavigatorItems.tsx";import*as React from'react';import{View,Text,StyleSheet}from'react-native';import SafeAreaView from'react-native-safe-area-view';import TouchableItem from'./TouchableItem';var DrawerNavigatorItems=function DrawerNavigatorItems(_ref){var items=_ref.items,activeItemKey=_ref.activeItemKey,activeTintColor=_ref.activeTintColor,activeBackgroundColor=_ref.activeBackgroundColor,inactiveTintColor=_ref.inactiveTintColor,inactiveBackgroundColor=_ref.inactiveBackgroundColor,getLabel=_ref.getLabel,renderIcon=_ref.renderIcon,onItemPress=_ref.onItemPress,itemsContainerStyle=_ref.itemsContainerStyle,itemStyle=_ref.itemStyle,labelStyle=_ref.labelStyle,activeLabelStyle=_ref.activeLabelStyle,inactiveLabelStyle=_ref.inactiveLabelStyle,iconContainerStyle=_ref.iconContainerStyle,drawerPosition=_ref.drawerPosition;return React.createElement(View,{style:[styles.container,itemsContainerStyle],__source:{fileName:_jsxFileName,lineNumber:29}},items.map(function(route,index){var _ref2;var focused=activeItemKey===route.key;var color=focused?activeTintColor:inactiveTintColor;var backgroundColor=focused?activeBackgroundColor:inactiveBackgroundColor;var scene={route:route,index:index,focused:focused,tintColor:color};var icon=renderIcon(scene);var label=getLabel(scene);var accessibilityLabel=typeof label==='string'?label:undefined;var extraLabelStyle=focused?activeLabelStyle:inactiveLabelStyle;return React.createElement(TouchableItem,{key:route.key,accessible:true,accessibilityLabel:accessibilityLabel,onPress:function onPress(){onItemPress({route:route,focused:focused});},delayPressIn:0,__source:{fileName:_jsxFileName,lineNumber:42}},React.createElement(SafeAreaView,{style:[{backgroundColor:backgroundColor},styles.item,itemStyle],forceInset:(_ref2={},_defineProperty(_ref2,drawerPosition,'always'),_defineProperty(_ref2,drawerPosition==='left'?'right':'left','never'),_defineProperty(_ref2,"vertical",'never'),_ref2),__source:{fileName:_jsxFileName,lineNumber:51}},icon?React.createElement(View,{style:[styles.icon,focused?null:styles.inactiveIcon,iconContainerStyle],__source:{fileName:_jsxFileName,lineNumber:60}},icon):null,typeof label==='string'?React.createElement(Text,{style:[styles.label,{color:color},labelStyle,extraLabelStyle],__source:{fileName:_jsxFileName,lineNumber:71}},label):label));}));};DrawerNavigatorItems.defaultProps={activeTintColor:'#2196f3',activeBackgroundColor:'rgba(0, 0, 0, .04)',inactiveTintColor:'rgba(0, 0, 0, .87)',inactiveBackgroundColor:'transparent'};var styles=StyleSheet.create({container:{paddingVertical:4},item:{flexDirection:'row',alignItems:'center'},icon:{marginHorizontal:16,width:24,alignItems:'center'},inactiveIcon:{opacity:0.62},label:{margin:16,fontWeight:'bold'}});export default DrawerNavigatorItems;
 //# sourceMappingURL=DrawerNavigatorItems.js.map

lib/module/views/DrawerSidebar.js

@@ -1,2 +0,2 @@
-import _extends from"@babel/runtime/helpers/extends";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _inherits from"@babel/runtime/helpers/inherits";var _jsxFileName="/Users/satya/Workspace/Projects/navigation-ex/packages/drawer/src/views/DrawerSidebar.tsx";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(source,true).forEach(function(key){_defineProperty(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(source).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}import*as React from'react';import{StyleSheet,View}from'react-native';import{BaseActions}from'@react-navigation/core';import{DrawerActions}from'@react-navigation/routers';var DrawerSidebar=function(_React$PureComponent){_inherits(DrawerSidebar,_React$PureComponent);function DrawerSidebar(){var _getPrototypeOf2;var _this;_classCallCheck(this,DrawerSidebar);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=_possibleConstructorReturn(this,(_getPrototypeOf2=_getPrototypeOf(DrawerSidebar)).call.apply(_getPrototypeOf2,[this].concat(args)));_this.getScreenOptions=function(routeKey){var descriptor=_this.props.descriptors[routeKey];if(!descriptor.options){throw new Error('Cannot access screen descriptor options from drawer sidebar');}return descriptor.options;};_this.getLabel=function(_ref){var focused=_ref.focused,tintColor=_ref.tintColor,route=_ref.route;var _this$getScreenOption=_this.getScreenOptions(route.key),drawerLabel=_this$getScreenOption.drawerLabel,title=_this$getScreenOption.title;if(drawerLabel){return typeof drawerLabel==='function'?drawerLabel({tintColor:tintColor,focused:focused}):drawerLabel;}if(typeof title==='string'){return title;}return route.name;};_this.renderIcon=function(_ref2){var focused=_ref2.focused,tintColor=_ref2.tintColor,route=_ref2.route;var _this$getScreenOption2=_this.getScreenOptions(route.key),drawerIcon=_this$getScreenOption2.drawerIcon;if(drawerIcon){return typeof drawerIcon==='function'?drawerIcon({tintColor:tintColor,focused:focused}):drawerIcon;}return null;};_this.handleItemPress=function(_ref3){var route=_ref3.route,focused=_ref3.focused;var _this$props=_this.props,state=_this$props.state,navigation=_this$props.navigation;navigation.dispatch(_objectSpread({},focused?DrawerActions.closeDrawer():BaseActions.navigate(route.name),{target:state.key}));};return _this;}_createClass(DrawerSidebar,[{key:"render",value:function render(){var ContentComponent=this.props.contentComponent;if(!ContentComponent){return null;}var state=this.props.state;if(typeof state.index!=='number'){throw new Error('The index of the route should be state in the navigation state');}return React.createElement(View,{style:[styles.container,this.props.style],__source:{fileName:_jsxFileName,lineNumber:102}},React.createElement(ContentComponent,_extends({},this.props.contentOptions,{navigation:this.props.navigation,descriptors:this.props.descriptors,drawerOpenProgress:this.props.drawerOpenProgress,items:state.routes,activeItemKey:state.routes[state.index]?state.routes[state.index].key:null,getLabel:this.getLabel,renderIcon:this.renderIcon,onItemPress:this.handleItemPress,drawerPosition:this.props.drawerPosition,__source:{fileName:_jsxFileName,lineNumber:103}})));}}]);return DrawerSidebar;}(React.PureComponent);export default DrawerSidebar;var styles=StyleSheet.create({container:{flex:1}});
+import _extends from"@babel/runtime/helpers/extends";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _inherits from"@babel/runtime/helpers/inherits";var _jsxFileName="/Users/osdnk/OSS/navigation-ex/packages/drawer/src/views/DrawerSidebar.tsx";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(source,true).forEach(function(key){_defineProperty(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(source).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}import*as React from'react';import{StyleSheet,View}from'react-native';import{CommonActions}from'@react-navigation/core';import{DrawerActions}from'@react-navigation/routers';var DrawerSidebar=function(_React$PureComponent){_inherits(DrawerSidebar,_React$PureComponent);function DrawerSidebar(){var _getPrototypeOf2;var _this;_classCallCheck(this,DrawerSidebar);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=_possibleConstructorReturn(this,(_getPrototypeOf2=_getPrototypeOf(DrawerSidebar)).call.apply(_getPrototypeOf2,[this].concat(args)));_this.getScreenOptions=function(routeKey){var descriptor=_this.props.descriptors[routeKey];if(!descriptor.options){throw new Error('Cannot access screen descriptor options from drawer sidebar');}return descriptor.options;};_this.getLabel=function(_ref){var focused=_ref.focused,tintColor=_ref.tintColor,route=_ref.route;var _this$getScreenOption=_this.getScreenOptions(route.key),drawerLabel=_this$getScreenOption.drawerLabel,title=_this$getScreenOption.title;if(drawerLabel){return typeof drawerLabel==='function'?drawerLabel({tintColor:tintColor,focused:focused}):drawerLabel;}if(typeof title==='string'){return title;}return route.name;};_this.renderIcon=function(_ref2){var focused=_ref2.focused,tintColor=_ref2.tintColor,route=_ref2.route;var _this$getScreenOption2=_this.getScreenOptions(route.key),drawerIcon=_this$getScreenOption2.drawerIcon;if(drawerIcon){return typeof drawerIcon==='function'?drawerIcon({tintColor:tintColor,focused:focused}):drawerIcon;}return null;};_this.handleItemPress=function(_ref3){var route=_ref3.route,focused=_ref3.focused;var _this$props=_this.props,state=_this$props.state,navigation=_this$props.navigation;navigation.dispatch(_objectSpread({},focused?DrawerActions.closeDrawer():CommonActions.navigate(route.name),{target:state.key}));};return _this;}_createClass(DrawerSidebar,[{key:"render",value:function render(){var ContentComponent=this.props.contentComponent;if(!ContentComponent){return null;}var state=this.props.state;if(typeof state.index!=='number'){throw new Error('The index of the route should be state in the navigation state');}return React.createElement(View,{style:[styles.container,this.props.style],__source:{fileName:_jsxFileName,lineNumber:102}},React.createElement(ContentComponent,_extends({},this.props.contentOptions,{navigation:this.props.navigation,descriptors:this.props.descriptors,drawerOpenProgress:this.props.drawerOpenProgress,items:state.routes,activeItemKey:state.routes[state.index]?state.routes[state.index].key:null,getLabel:this.getLabel,renderIcon:this.renderIcon,onItemPress:this.handleItemPress,drawerPosition:this.props.drawerPosition,__source:{fileName:_jsxFileName,lineNumber:103}})));}}]);return DrawerSidebar;}(React.PureComponent);export default DrawerSidebar;var styles=StyleSheet.create({container:{flex:1}});
 //# sourceMappingURL=DrawerSidebar.js.map

lib/module/views/DrawerView.js

@@ -1,2 +0,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _inherits from"@babel/runtime/helpers/inherits";import _extends from"@babel/runtime/helpers/extends";var _jsxFileName="/Users/satya/Workspace/Projects/navigation-ex/packages/drawer/src/views/DrawerView.tsx";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(source,true).forEach(function(key){_defineProperty(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(source).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}import*as React from'react';import{Dimensions,StyleSheet,I18nManager,Platform}from'react-native';import{ScreenContainer}from'react-native-screens';import SafeAreaView from'react-native-safe-area-view';import{ScrollView}from'react-native-gesture-handler';import{DrawerActions}from'@react-navigation/routers';import DrawerSidebar from'./DrawerSidebar';import DrawerGestureContext from'../utils/DrawerGestureContext';import ResourceSavingScene from'./ResourceSavingScene';import DrawerNavigatorItems from'./DrawerNavigatorItems';import Drawer from'./Drawer';var DefaultContentComponent=function DefaultContentComponent(props){return React.createElement(ScrollView,{alwaysBounceVertical:false,__source:{fileName:_jsxFileName,lineNumber:36}},React.createElement(SafeAreaView,{forceInset:{top:'always',horizontal:'never'},__source:{fileName:_jsxFileName,lineNumber:37}},React.createElement(DrawerNavigatorItems,_extends({},props,{__source:{fileName:_jsxFileName,lineNumber:38}}))));};var DrawerView=function(_React$PureComponent){_inherits(DrawerView,_React$PureComponent);function DrawerView(){var _getPrototypeOf2;var _this;_classCallCheck(this,DrawerView);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=_possibleConstructorReturn(this,(_getPrototypeOf2=_getPrototypeOf(DrawerView)).call.apply(_getPrototypeOf2,[this].concat(args)));_this.state={loaded:[_this.props.state.index],drawerWidth:typeof _this.props.drawerWidth==='function'?_this.props.drawerWidth():_this.props.drawerWidth};_this.drawerGestureRef=React.createRef();_this.handleDrawerOpen=function(){var _this$props=_this.props,state=_this$props.state,navigation=_this$props.navigation;navigation.dispatch(_objectSpread({},DrawerActions.openDrawer(),{target:state.key}));navigation.emit({type:'drawerOpen'});};_this.handleDrawerClose=function(){var _this$props2=_this.props,state=_this$props2.state,navigation=_this$props2.navigation;navigation.dispatch(_objectSpread({},DrawerActions.closeDrawer(),{target:state.key}));navigation.emit({type:'drawerClose'});};_this.updateWidth=function(){var drawerWidth=typeof _this.props.drawerWidth==='function'?_this.props.drawerWidth():_this.props.drawerWidth;if(_this.state.drawerWidth!==drawerWidth){_this.setState({drawerWidth:drawerWidth});}};_this.renderNavigationView=function(_ref){var progress=_ref.progress;return React.createElement(DrawerSidebar,_extends({drawerOpenProgress:progress},_this.props,{__source:{fileName:_jsxFileName,lineNumber:136}}));};_this.renderContent=function(){var _this$props3=_this.props,lazy=_this$props3.lazy,state=_this$props3.state,descriptors=_this$props3.descriptors,unmountInactiveRoutes=_this$props3.unmountInactiveRoutes;var loaded=_this.state.loaded;if(unmountInactiveRoutes){var activeKey=state.routes[state.index].key;var descriptor=descriptors[activeKey];return descriptor.render();}else{return React.createElement(ScreenContainer,{style:styles.content,__source:{fileName:_jsxFileName,lineNumber:151}},state.routes.map(function(route,index){if(lazy&&!loaded.includes(index)){return null;}var isFocused=state.index===index;var descriptor=descriptors[route.key];return React.createElement(ResourceSavingScene,{key:route.key,style:[StyleSheet.absoluteFill,{opacity:isFocused?1:0}],isVisible:isFocused,__source:{fileName:_jsxFileName,lineNumber:162}},descriptor.render());}));}};_this.setDrawerGestureRef=function(ref){_this.drawerGestureRef.current=ref;};return _this;}_createClass(DrawerView,[{key:"componentDidMount",value:function componentDidMount(){Dimensions.addEventListener('change',this.updateWidth);}},{key:"componentWillUnmount",value:function componentWillUnmount(){Dimensions.removeEventListener('change',this.updateWidth);}},{key:"render",value:function render(){var _this$props4=this.props,state=_this$props4.state,descriptors=_this$props4.descriptors,drawerType=_this$props4.drawerType,drawerPosition=_this$props4.drawerPosition,drawerBackgroundColor=_this$props4.drawerBackgroundColor,overlayColor=_this$props4.overlayColor,contentContainerStyle=_this$props4.contentContainerStyle,edgeWidth=_this$props4.edgeWidth,minSwipeDistance=_this$props4.minSwipeDistance,hideStatusBar=_this$props4.hideStatusBar,statusBarAnimation=_this$props4.statusBarAnimation,gestureHandlerProps=_this$props4.gestureHandlerProps;var activeKey=state.routes[state.index].key;var drawerLockMode=descriptors[activeKey].options.drawerLockMode;var isOpen=drawerLockMode==='locked-closed'?false:drawerLockMode==='locked-open'?true:state.isDrawerOpen;return React.createElement(DrawerGestureContext.Provider,{value:this.drawerGestureRef,__source:{fileName:_jsxFileName,lineNumber:212}},React.createElement(Drawer,{open:isOpen,locked:drawerLockMode==='locked-open'||drawerLockMode==='locked-closed',onOpen:this.handleDrawerOpen,onClose:this.handleDrawerClose,onGestureRef:this.setDrawerGestureRef,gestureHandlerProps:gestureHandlerProps,drawerType:drawerType,drawerPosition:drawerPosition,contentContainerStyle:contentContainerStyle,drawerStyle:{backgroundColor:drawerBackgroundColor||'white',width:this.state.drawerWidth},overlayStyle:{backgroundColor:overlayColor||'rgba(0, 0, 0, 0.5)'},swipeEdgeWidth:edgeWidth,swipeDistanceThreshold:minSwipeDistance,hideStatusBar:hideStatusBar,statusBarAnimation:statusBarAnimation,renderDrawerContent:this.renderNavigationView,renderSceneContent:this.renderContent,__source:{fileName:_jsxFileName,lineNumber:213}}));}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(nextProps,prevState){var index=nextProps.state.index;return{loaded:prevState.loaded.includes(index)?prevState.loaded:[].concat(_toConsumableArray(prevState.loaded),[index])};}}]);return DrawerView;}(React.PureComponent);DrawerView.defaultProps={lazy:true,drawerWidth:function drawerWidth(){var _Dimensions$get=Dimensions.get('window'),height=_Dimensions$get.height,width=_Dimensions$get.width;var smallerAxisSize=Math.min(height,width);var isLandscape=width>height;var isTablet=smallerAxisSize>=600;var appBarHeight=Platform.OS==='ios'?isLandscape?32:44:56;var maxWidth=isTablet?320:280;return Math.min(smallerAxisSize-appBarHeight,maxWidth);},contentComponent:DefaultContentComponent,drawerPosition:I18nManager.isRTL?'right':'left',keyboardDismissMode:'on-drag',drawerBackgroundColor:'white',drawerType:'front',hideStatusBar:false,statusBarAnimation:'slide'};export{DrawerView as default};var styles=StyleSheet.create({content:{flex:1}});
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _inherits from"@babel/runtime/helpers/inherits";import _extends from"@babel/runtime/helpers/extends";var _jsxFileName="/Users/osdnk/OSS/navigation-ex/packages/drawer/src/views/DrawerView.tsx";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(source,true).forEach(function(key){_defineProperty(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(source).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}import*as React from'react';import{Dimensions,StyleSheet,I18nManager,Platform}from'react-native';import{ScreenContainer}from'react-native-screens';import SafeAreaView from'react-native-safe-area-view';import{ScrollView}from'react-native-gesture-handler';import{DrawerActions}from'@react-navigation/routers';import DrawerSidebar from'./DrawerSidebar';import DrawerGestureContext from'../utils/DrawerGestureContext';import ResourceSavingScene from'./ResourceSavingScene';import DrawerNavigatorItems from'./DrawerNavigatorItems';import Drawer from'./Drawer';var DefaultContentComponent=function DefaultContentComponent(props){return React.createElement(ScrollView,{alwaysBounceVertical:false,__source:{fileName:_jsxFileName,lineNumber:36}},React.createElement(SafeAreaView,{forceInset:{top:'always',horizontal:'never'},__source:{fileName:_jsxFileName,lineNumber:37}},React.createElement(DrawerNavigatorItems,_extends({},props,{__source:{fileName:_jsxFileName,lineNumber:38}}))));};var DrawerView=function(_React$PureComponent){_inherits(DrawerView,_React$PureComponent);function DrawerView(){var _getPrototypeOf2;var _this;_classCallCheck(this,DrawerView);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=_possibleConstructorReturn(this,(_getPrototypeOf2=_getPrototypeOf(DrawerView)).call.apply(_getPrototypeOf2,[this].concat(args)));_this.state={loaded:[_this.props.state.index],drawerWidth:typeof _this.props.drawerWidth==='function'?_this.props.drawerWidth():_this.props.drawerWidth};_this.drawerGestureRef=React.createRef();_this.handleDrawerOpen=function(){var _this$props=_this.props,state=_this$props.state,navigation=_this$props.navigation;navigation.dispatch(_objectSpread({},DrawerActions.openDrawer(),{target:state.key}));navigation.emit({type:'drawerOpen'});};_this.handleDrawerClose=function(){var _this$props2=_this.props,state=_this$props2.state,navigation=_this$props2.navigation;navigation.dispatch(_objectSpread({},DrawerActions.closeDrawer(),{target:state.key}));navigation.emit({type:'drawerClose'});};_this.updateWidth=function(){var drawerWidth=typeof _this.props.drawerWidth==='function'?_this.props.drawerWidth():_this.props.drawerWidth;if(_this.state.drawerWidth!==drawerWidth){_this.setState({drawerWidth:drawerWidth});}};_this.renderNavigationView=function(_ref){var progress=_ref.progress;return React.createElement(DrawerSidebar,_extends({drawerOpenProgress:progress},_this.props,{__source:{fileName:_jsxFileName,lineNumber:136}}));};_this.renderContent=function(){var _this$props3=_this.props,lazy=_this$props3.lazy,state=_this$props3.state,descriptors=_this$props3.descriptors,unmountInactiveRoutes=_this$props3.unmountInactiveRoutes;var loaded=_this.state.loaded;if(unmountInactiveRoutes){var activeKey=state.routes[state.index].key;var descriptor=descriptors[activeKey];return descriptor.render();}else{return React.createElement(ScreenContainer,{style:styles.content,__source:{fileName:_jsxFileName,lineNumber:151}},state.routes.map(function(route,index){if(lazy&&!loaded.includes(index)){return null;}var isFocused=state.index===index;var descriptor=descriptors[route.key];return React.createElement(ResourceSavingScene,{key:route.key,style:[StyleSheet.absoluteFill,{opacity:isFocused?1:0}],isVisible:isFocused,__source:{fileName:_jsxFileName,lineNumber:162}},descriptor.render());}));}};_this.setDrawerGestureRef=function(ref){_this.drawerGestureRef.current=ref;};return _this;}_createClass(DrawerView,[{key:"componentDidMount",value:function componentDidMount(){Dimensions.addEventListener('change',this.updateWidth);}},{key:"componentWillUnmount",value:function componentWillUnmount(){Dimensions.removeEventListener('change',this.updateWidth);}},{key:"render",value:function render(){var _this$props4=this.props,state=_this$props4.state,descriptors=_this$props4.descriptors,drawerType=_this$props4.drawerType,drawerPosition=_this$props4.drawerPosition,drawerBackgroundColor=_this$props4.drawerBackgroundColor,overlayColor=_this$props4.overlayColor,contentContainerStyle=_this$props4.contentContainerStyle,edgeWidth=_this$props4.edgeWidth,minSwipeDistance=_this$props4.minSwipeDistance,hideStatusBar=_this$props4.hideStatusBar,statusBarAnimation=_this$props4.statusBarAnimation,gestureHandlerProps=_this$props4.gestureHandlerProps;var activeKey=state.routes[state.index].key;var drawerLockMode=descriptors[activeKey].options.drawerLockMode;var isOpen=drawerLockMode==='locked-closed'?false:drawerLockMode==='locked-open'?true:state.isDrawerOpen;return React.createElement(DrawerGestureContext.Provider,{value:this.drawerGestureRef,__source:{fileName:_jsxFileName,lineNumber:212}},React.createElement(Drawer,{open:isOpen,locked:drawerLockMode==='locked-open'||drawerLockMode==='locked-closed',onOpen:this.handleDrawerOpen,onClose:this.handleDrawerClose,onGestureRef:this.setDrawerGestureRef,gestureHandlerProps:gestureHandlerProps,drawerType:drawerType,drawerPosition:drawerPosition,contentContainerStyle:contentContainerStyle,drawerStyle:{backgroundColor:drawerBackgroundColor||'white',width:this.state.drawerWidth},overlayStyle:{backgroundColor:overlayColor||'rgba(0, 0, 0, 0.5)'},swipeEdgeWidth:edgeWidth,swipeDistanceThreshold:minSwipeDistance,hideStatusBar:hideStatusBar,statusBarAnimation:statusBarAnimation,renderDrawerContent:this.renderNavigationView,renderSceneContent:this.renderContent,__source:{fileName:_jsxFileName,lineNumber:213}}));}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(nextProps,prevState){var index=nextProps.state.index;return{loaded:prevState.loaded.includes(index)?prevState.loaded:[].concat(_toConsumableArray(prevState.loaded),[index])};}}]);return DrawerView;}(React.PureComponent);DrawerView.defaultProps={lazy:true,drawerWidth:function drawerWidth(){var _Dimensions$get=Dimensions.get('window'),height=_Dimensions$get.height,width=_Dimensions$get.width;var smallerAxisSize=Math.min(height,width);var isLandscape=width>height;var isTablet=smallerAxisSize>=600;var appBarHeight=Platform.OS==='ios'?isLandscape?32:44:56;var maxWidth=isTablet?320:280;return Math.min(smallerAxisSize-appBarHeight,maxWidth);},contentComponent:DefaultContentComponent,drawerPosition:I18nManager.isRTL?'right':'left',keyboardDismissMode:'on-drag',drawerBackgroundColor:'white',drawerType:'front',hideStatusBar:false,statusBarAnimation:'slide'};export{DrawerView as default};var styles=StyleSheet.create({content:{flex:1}});
 //# sourceMappingURL=DrawerView.js.map

lib/module/views/ResourceSavingScene.js

@@ -1,2 +0,2 @@
-import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _inherits from"@babel/runtime/helpers/inherits";var _jsxFileName="/Users/satya/Workspace/Projects/navigation-ex/packages/drawer/src/views/ResourceSavingScene.tsx";import*as React from'react';import{Platform,StyleSheet,View}from'react-native';import{Screen,screensEnabled}from'react-native-screens';var FAR_FAR_AWAY=3000;var ResourceSavingScene=function(_React$Component){_inherits(ResourceSavingScene,_React$Component);function ResourceSavingScene(){_classCallCheck(this,ResourceSavingScene);return _possibleConstructorReturn(this,_getPrototypeOf(ResourceSavingScene).apply(this,arguments));}_createClass(ResourceSavingScene,[{key:"render",value:function render(){if(screensEnabled&&screensEnabled()){var _this$props=this.props,_isVisible=_this$props.isVisible,_rest=_objectWithoutProperties(_this$props,["isVisible"]);return React.createElement(Screen,_extends({active:_isVisible?1:0},_rest,{__source:{fileName:_jsxFileName,lineNumber:20}}));}var _this$props2=this.props,isVisible=_this$props2.isVisible,children=_this$props2.children,style=_this$props2.style,rest=_objectWithoutProperties(_this$props2,["isVisible","children","style"]);return React.createElement(View,_extends({style:[styles.container,style],collapsable:false,removeClippedSubviews:Platform.OS==='ios'?!isVisible:true,pointerEvents:isVisible?'auto':'none'},rest,{__source:{fileName:_jsxFileName,lineNumber:25}}),React.createElement(View,{style:isVisible?styles.attached:styles.detached,__source:{fileName:_jsxFileName,lineNumber:36}},children));}}]);return ResourceSavingScene;}(React.Component);export{ResourceSavingScene as default};var styles=StyleSheet.create({container:{flex:1,overflow:'hidden'},attached:{flex:1},detached:{flex:1,top:FAR_FAR_AWAY}});
+import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _inherits from"@babel/runtime/helpers/inherits";var _jsxFileName="/Users/osdnk/OSS/navigation-ex/packages/drawer/src/views/ResourceSavingScene.tsx";import*as React from'react';import{Platform,StyleSheet,View}from'react-native';import{Screen,screensEnabled}from'react-native-screens';var FAR_FAR_AWAY=3000;var ResourceSavingScene=function(_React$Component){_inherits(ResourceSavingScene,_React$Component);function ResourceSavingScene(){_classCallCheck(this,ResourceSavingScene);return _possibleConstructorReturn(this,_getPrototypeOf(ResourceSavingScene).apply(this,arguments));}_createClass(ResourceSavingScene,[{key:"render",value:function render(){if(screensEnabled&&screensEnabled()){var _this$props=this.props,_isVisible=_this$props.isVisible,_rest=_objectWithoutProperties(_this$props,["isVisible"]);return React.createElement(Screen,_extends({active:_isVisible?1:0},_rest,{__source:{fileName:_jsxFileName,lineNumber:20}}));}var _this$props2=this.props,isVisible=_this$props2.isVisible,children=_this$props2.children,style=_this$props2.style,rest=_objectWithoutProperties(_this$props2,["isVisible","children","style"]);return React.createElement(View,_extends({style:[styles.container,style],collapsable:false,removeClippedSubviews:Platform.OS==='ios'?!isVisible:true,pointerEvents:isVisible?'auto':'none'},rest,{__source:{fileName:_jsxFileName,lineNumber:25}}),React.createElement(View,{style:isVisible?styles.attached:styles.detached,__source:{fileName:_jsxFileName,lineNumber:36}},children));}}]);return ResourceSavingScene;}(React.Component);export{ResourceSavingScene as default};var styles=StyleSheet.create({container:{flex:1,overflow:'hidden'},attached:{flex:1},detached:{flex:1,top:FAR_FAR_AWAY}});
 //# sourceMappingURL=ResourceSavingScene.js.map

lib/module/views/TouchableItem.js

@@ -1,2 +0,2 @@
-import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _inherits from"@babel/runtime/helpers/inherits";var _jsxFileName="/Users/satya/Workspace/Projects/navigation-ex/packages/drawer/src/views/TouchableItem.tsx";import*as React from'react';import{Platform,TouchableNativeFeedback,TouchableOpacity,View}from'react-native';var ANDROID_VERSION_LOLLIPOP=21;var TouchableItem=function(_React$Component){_inherits(TouchableItem,_React$Component);function TouchableItem(){_classCallCheck(this,TouchableItem);return _possibleConstructorReturn(this,_getPrototypeOf(TouchableItem).apply(this,arguments));}_createClass(TouchableItem,[{key:"render",value:function render(){if(Platform.OS==='android'&&Platform.Version>=ANDROID_VERSION_LOLLIPOP){var _this$props=this.props,style=_this$props.style,rest=_objectWithoutProperties(_this$props,["style"]);return React.createElement(TouchableNativeFeedback,_extends({},rest,{style:null,background:TouchableNativeFeedback.Ripple(this.props.pressColor,this.props.borderless),__source:{fileName:_jsxFileName,lineNumber:47}}),React.createElement(View,{style:style,__source:{fileName:_jsxFileName,lineNumber:55}},React.Children.only(this.props.children)));}return React.createElement(TouchableOpacity,_extends({},this.props,{__source:{fileName:_jsxFileName,lineNumber:61}}),this.props.children);}}]);return TouchableItem;}(React.Component);TouchableItem.defaultProps={borderless:false,pressColor:'rgba(0, 0, 0, .32)'};export{TouchableItem as default};
+import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _inherits from"@babel/runtime/helpers/inherits";var _jsxFileName="/Users/osdnk/OSS/navigation-ex/packages/drawer/src/views/TouchableItem.tsx";import*as React from'react';import{Platform,TouchableNativeFeedback,TouchableOpacity,View}from'react-native';var ANDROID_VERSION_LOLLIPOP=21;var TouchableItem=function(_React$Component){_inherits(TouchableItem,_React$Component);function TouchableItem(){_classCallCheck(this,TouchableItem);return _possibleConstructorReturn(this,_getPrototypeOf(TouchableItem).apply(this,arguments));}_createClass(TouchableItem,[{key:"render",value:function render(){if(Platform.OS==='android'&&Platform.Version>=ANDROID_VERSION_LOLLIPOP){var _this$props=this.props,style=_this$props.style,rest=_objectWithoutProperties(_this$props,["style"]);return React.createElement(TouchableNativeFeedback,_extends({},rest,{style:null,background:TouchableNativeFeedback.Ripple(this.props.pressColor,this.props.borderless),__source:{fileName:_jsxFileName,lineNumber:47}}),React.createElement(View,{style:style,__source:{fileName:_jsxFileName,lineNumber:55}},React.Children.only(this.props.children)));}return React.createElement(TouchableOpacity,_extends({},this.props,{__source:{fileName:_jsxFileName,lineNumber:61}}),this.props.children);}}]);return TouchableItem;}(React.Component);TouchableItem.defaultProps={borderless:false,pressColor:'rgba(0, 0, 0, .32)'};export{TouchableItem as default};
 //# sourceMappingURL=TouchableItem.js.map

lib/typescript/core/src/BaseRouter.d.ts

@@ -7,5 +7,5 @@ import { NavigationState } from './types';
 declare const BaseRouter: {
-    getStateForAction<State extends NavigationState>(state: State, action: import("./BaseActions").Action): State | null;
-    shouldActionChangeFocus(action: import("./BaseActions").Action): boolean;
+    getStateForAction<State extends NavigationState>(state: State, action: import("./CommonActions").Action): State | null;
+    shouldActionChangeFocus(action: import("./CommonActions").Action): boolean;
 };
 export default BaseRouter;

lib/typescript/core/src/index.d.ts

@@ -1,3 +0,3 @@
-import * as BaseActions from './BaseActions';
-export { BaseActions };
+import * as CommonActions from './CommonActions';
+export { CommonActions };
 export { default as BaseRouter } from './BaseRouter';
@@ -4,0 +4,0 @@ export { default as NavigationContainer } from './NavigationContainer';

lib/typescript/core/src/NavigationContainer.d.ts

 import * as React from 'react';
-import { NavigationState, InitialState, PartialState, NavigationContainerRef } from './types';
-declare type State = NavigationState | PartialState<NavigationState> | undefined;
-declare type Props = {
-    initialState?: InitialState;
-    onStateChange?: (state: State) => void;
-    children: React.ReactNode;
-};
+import { NavigationState, PartialState, NavigationContainerRef, NavigationContainerProps } from './types';
 export declare const NavigationStateContext: React.Context<{
@@ -25,3 +19,3 @@ state?: NavigationState | PartialState<NavigationState> | undefined;
  */
-declare const Container: React.ForwardRefExoticComponent<Props & React.RefAttributes<NavigationContainerRef>>;
+declare const Container: React.ForwardRefExoticComponent<NavigationContainerProps & React.RefAttributes<NavigationContainerRef>>;
 export default Container;

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

@@ -1,4 +0,4 @@
-/// <reference types="react" />
-import * as BaseActions from './BaseActions';
-export declare type CommonAction = BaseActions.Action;
+import * as CommonActions from './CommonActions';
+import * as React from 'react';
+export declare type CommonAction = CommonActions.Action;
 export declare type NavigationState = {
@@ -156,3 +156,3 @@ /**
 };
-export declare type EventArg<EventName extends string, Data> = {
+export declare type EventArg<EventName extends string, Data = undefined> = {
     /**
@@ -199,5 +199,6 @@ * Type of the event (e.g. `focus`, `blur`)
         type: EventName;
-        data?: EventMap[EventName];
         target?: string;
-    }): EventArg<EventName, EventMap[EventName]>;
+    } & (EventMap[EventName] extends undefined ? {} : {
+        data: EventMap[EventName];
+    })): EventArg<EventName, EventMap[EventName]>;
 };
@@ -270,5 +271,5 @@ export declare class PrivateValueStore<A, B, C> {
 } & PrivateValueStore<ParamList, keyof ParamList, {}>;
-export declare type NavigationHelpers<ParamList extends ParamListBase> = NavigationHelpersCommon<ParamList> & EventEmitter<{
+export declare type NavigationHelpers<ParamList extends ParamListBase, EventMap extends {
     [key: string]: any;
-}> & {
+} = {}> = NavigationHelpersCommon<ParamList> & EventEmitter<EventMap> & {
     /**
@@ -282,2 +283,7 @@ * Update the param object for the route.
 };
+export declare type NavigationContainerProps = {
+    initialState?: InitialState;
+    onStateChange?: (state: NavigationState | PartialState<NavigationState> | undefined) => void;
+    children: React.ReactNode;
+};
 export declare type NavigationProp<ParamList extends ParamListBase, RouteName extends keyof ParamList = string, State extends NavigationState = NavigationState, ScreenOptions extends object = {}, EventMap extends {
@@ -284,0 +290,0 @@ [key: string]: any;

lib/typescript/core/src/useNavigationBuilder.d.ts

 import * as React from 'react';
-import { DefaultRouterOptions, DefaultNavigatorOptions, NavigationState, ParamListBase, RouterFactory, PartialState, PrivateValueStore } from './types';
+import { DefaultRouterOptions, DefaultNavigatorOptions, NavigationState, ParamListBase, RouterFactory, PartialState, PrivateValueStore, NavigationAction } from './types';
 /**
@@ -10,6 +10,8 @@ * Hook for building navigators.
  */
-export default function useNavigationBuilder<State extends NavigationState, ScreenOptions extends object, RouterOptions extends DefaultRouterOptions>(createRouter: RouterFactory<State, any, RouterOptions>, options: DefaultNavigatorOptions<ScreenOptions> & RouterOptions): {
+export default function useNavigationBuilder<State extends NavigationState, RouterOptions extends DefaultRouterOptions, ScreenOptions extends object, EventMap extends {
+    [key: string]: any;
+}>(createRouter: RouterFactory<State, any, RouterOptions>, options: DefaultNavigatorOptions<ScreenOptions> & RouterOptions): {
     state: State;
     navigation: {
-        dispatch(action: import("./types").NavigationAction | ((state: NavigationState) => NavigationState)): void;
+        dispatch(action: NavigationAction | ((state: NavigationState) => NavigationState)): void;
         navigate<RouteName extends React.ReactText>(...args: ParamListBase[RouteName] extends undefined ? [RouteName] | [RouteName, undefined] : [RouteName, ParamListBase[RouteName]]): void;
@@ -28,8 +30,6 @@ navigate<RouteName extends React.ReactText>(route: {
         canGoBack(): boolean;
-    } & PrivateValueStore<ParamListBase, React.ReactText, {}> & import("./types").EventEmitter<{
-        [key: string]: any;
-    }> & {
+    } & PrivateValueStore<ParamListBase, React.ReactText, {}> & import("./types").EventEmitter<EventMap> & {
         setParams<RouteName extends React.ReactText>(params: ParamListBase[RouteName]): void;
     } & {
-        dispatch(action: import("./types").NavigationAction | ((state: any) => any)): void;
+        dispatch(action: NavigationAction | ((state: any) => any)): void;
         navigate<RouteName extends React.ReactText>(...args: ParamListBase[RouteName] extends undefined ? [RouteName] | [RouteName, undefined] : [RouteName, ParamListBase[RouteName]]): void;
@@ -36,0 +36,0 @@ navigate<RouteName extends React.ReactText>(route: {

lib/typescript/core/src/useNavigationHelpers.d.ts

@@ -15,3 +15,5 @@ import * as React from 'react';
  */
-export default function useNavigationHelpers<State extends NavigationState, Action extends NavigationAction>({ onAction, getState, setState, emitter, router }: Options<State, Action>): {
+export default function useNavigationHelpers<State extends NavigationState, Action extends NavigationAction, EventMap extends {
+    [key: string]: any;
+}>({ onAction, getState, setState, emitter, router }: Options<State, Action>): {
     dispatch(action: NavigationAction | ((state: NavigationState) => NavigationState)): void;
@@ -31,5 +33,3 @@ navigate<RouteName extends React.ReactText>(...args: ParamListBase[RouteName] extends undefined ? [RouteName] | [RouteName, undefined] : [RouteName, ParamListBase[RouteName]]): void;
     canGoBack(): boolean;
-} & PrivateValueStore<ParamListBase, React.ReactText, {}> & import("./types").EventEmitter<{
-    [key: string]: any;
-}> & {
+} & PrivateValueStore<ParamListBase, React.ReactText, {}> & import("./types").EventEmitter<EventMap> & {
     setParams<RouteName extends React.ReactText>(params: ParamListBase[RouteName]): void;
@@ -36,0 +36,0 @@ } & {

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

@@ -179,2 +179,3 @@ /// <reference types="react" />
 };
+export declare type DrawerNavigationHelpers = NavigationHelpers<ParamListBase, DrawerNavigationEventMap>;
 export declare type DrawerNavigationProp<ParamList extends ParamListBase, RouteName extends keyof ParamList = string> = NavigationProp<ParamList, RouteName, DrawerNavigationState, DrawerNavigationOptions, DrawerNavigationEventMap> & {
@@ -181,0 +182,0 @@ /**

lib/typescript/drawer/src/views/DrawerSidebar.d.ts

 import * as React from 'react';
 import { ViewStyle, StyleProp } from 'react-native';
 import Animated from 'react-native-reanimated';
-import { NavigationHelpers, ParamListBase } from '@react-navigation/core';
 import { DrawerNavigationState } from '@react-navigation/routers';
-import { ContentComponentProps, DrawerDescriptorMap } from '../types';
+import { ContentComponentProps, DrawerDescriptorMap, DrawerNavigationHelpers } from '../types';
 declare type Props = {
@@ -11,3 +10,3 @@ contentComponent?: React.ComponentType<ContentComponentProps>;
     state: DrawerNavigationState;
-    navigation: NavigationHelpers<ParamListBase>;
+    navigation: DrawerNavigationHelpers;
     descriptors: DrawerDescriptorMap;
@@ -14,0 +13,0 @@ drawerOpenProgress: Animated.Node<number>;

lib/typescript/drawer/src/views/DrawerView.d.ts

 import * as React from 'react';
-import { ParamListBase, NavigationHelpers } from '@react-navigation/core';
 import { DrawerNavigationState } from '@react-navigation/routers';
-import { DrawerDescriptorMap, DrawerNavigationConfig, ContentComponentProps } from '../types';
+import { DrawerDescriptorMap, DrawerNavigationConfig, ContentComponentProps, DrawerNavigationHelpers } from '../types';
 declare type Props = DrawerNavigationConfig & {
     state: DrawerNavigationState;
-    navigation: NavigationHelpers<ParamListBase>;
+    navigation: DrawerNavigationHelpers;
     descriptors: DrawerDescriptorMap;
@@ -9,0 +8,0 @@ };

package.json

@@ -14,3 +14,3 @@ {
   ],
-  "version": "5.0.0-alpha.3",
+  "version": "5.0.0-alpha.4",
   "license": "MIT",
@@ -38,3 +38,3 @@ "repository": {
   "dependencies": {
-    "@react-navigation/routers": "^5.0.0-alpha.3",
+    "@react-navigation/routers": "^5.0.0-alpha.4",
     "react-native-safe-area-view": "^0.14.6"
@@ -71,3 +71,3 @@ },
   },
-  "gitHead": "4e07461526c0192377e1819240ed42fa661f8350"
+  "gitHead": "3703ab6353eaec7ac8c0ea52e8a290d58f247ffb"
 }

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

326394

increased by0.09%

Lines of code

3193

increased by0.22%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updated@react-navigation/routers@^5.0.0-alpha.4