react-native-drawer-layout - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

dist/DrawerLayout.ios.js

 Object.defineProperty(exports, "__esModule", { value: true });exports.default = undefined;var _extends = Object.assign || function (target) {for (var i = 1; i < arguments.length; i++) {var source = arguments[i];for (var key in source) {if (Object.prototype.hasOwnProperty.call(source, key)) {target[key] = source[key];}}}return target;};var _createClass = function () {function defineProperties(target, props) {for (var i = 0; i < props.length; i++) {var descriptor = props[i];descriptor.enumerable = descriptor.enumerable || false;descriptor.configurable = true;if ("value" in descriptor) descriptor.writable = true;Object.defineProperty(target, descriptor.key, descriptor);}}return function (Constructor, protoProps, staticProps) {if (protoProps) defineProperties(Constructor.prototype, protoProps);if (staticProps) defineProperties(Constructor, staticProps);return Constructor;};}();var _desc, _value, _class, _class2, _temp;var _react = require('react');var _react2 = _interopRequireDefault(_react);
 var _autobindDecorator = require('autobind-decorator');var _autobindDecorator2 = _interopRequireDefault(_autobindDecorator);
 var _reactNativeDismissKeyboard = require('react-native-dismiss-keyboard');var _reactNativeDismissKeyboard2 = _interopRequireDefault(_reactNativeDismissKeyboard);
-var _reactNative = require('react-native');var _reactNative2 = _interopRequireDefault(_reactNative);function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };}function _classCallCheck(instance, Constructor) {if (!(instance instanceof Constructor)) {throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self, call) {if (!self) {throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call && (typeof call === "object" || typeof call === "function") ? call : self;}function _inherits(subClass, superClass) {if (typeof superClass !== "function" && superClass !== null) {throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);}subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } });if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;}function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) {var desc = {};Object['ke' + 'ys'](descriptor).forEach(function (key) {desc[key] = descriptor[key];});desc.enumerable = !!desc.enumerable;desc.configurable = !!desc.configurable;if ('value' in desc || desc.initializer) {desc.writable = true;}desc = decorators.slice().reverse().reduce(function (desc, decorator) {return decorator(target, property, desc) || desc;}, desc);if (context && desc.initializer !== void 0) {desc.value = desc.initializer ? desc.initializer.call(context) : void 0;desc.initializer = undefined;}if (desc.initializer === void 0) {Object['define' + 'Property'](target, property, desc);desc = null;}return desc;}var 
+var _reactNative = require('react-native');var _reactNative2 = _interopRequireDefault(_reactNative);function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };}function _classCallCheck(instance, Constructor) {if (!(instance instanceof Constructor)) {throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self, call) {if (!self) {throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call && (typeof call === "object" || typeof call === "function") ? call : self;}function _inherits(subClass, superClass) {if (typeof superClass !== "function" && superClass !== null) {throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);}subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } });if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;}function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) {var desc = {};Object['ke' + 'ys'](descriptor).forEach(function (key) {desc[key] = descriptor[key];});desc.enumerable = !!desc.enumerable;desc.configurable = !!desc.configurable;if ('value' in desc || desc.initializer) {desc.writable = true;}desc = decorators.slice().reverse().reduce(function (desc, decorator) {return decorator(target, property, desc) || desc;}, desc);if (context && desc.initializer !== void 0) {desc.value = desc.initializer ? desc.initializer.call(context) : void 0;desc.initializer = undefined;}if (desc.initializer === void 0) {Object['define' + 'Property'](target, property, desc);desc = null;}return desc;}var
 
 
-Animated = _reactNative2.default.Animated;var 
-Dimensions = _reactNative2.default.Dimensions;var 
-InteractionManager = _reactNative2.default.InteractionManager;var 
-PanResponder = _reactNative2.default.PanResponder;var 
-StyleSheet = _reactNative2.default.StyleSheet;var 
-TouchableWithoutFeedback = _reactNative2.default.TouchableWithoutFeedback;var 
-View = _reactNative2.default.View;var 
+Animated = _reactNative2.default.Animated;var
+Dimensions = _reactNative2.default.Dimensions;var
+InteractionManager = _reactNative2.default.InteractionManager;var
+PanResponder = _reactNative2.default.PanResponder;var
+StyleSheet = _reactNative2.default.StyleSheet;var
+TouchableWithoutFeedback = _reactNative2.default.TouchableWithoutFeedback;var
+View = _reactNative2.default.View;var
 
@@ -26,3 +26,3 @@
 var DRAGGING = 'Dragging';
-var SETTLING = 'Settling';var 
+var SETTLING = 'Settling';var
 
@@ -54,3 +54,5 @@ DrawerLayout = (_class = (_temp = _class2 = function (_React$Component) {_inherits(DrawerLayout, _React$Component);
 
-  function DrawerLayout(props, context) {_classCallCheck(this, DrawerLayout);var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(DrawerLayout).call(this, 
+
+
+  function DrawerLayout(props, context) {_classCallCheck(this, DrawerLayout);var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(DrawerLayout).call(this,
     props, context));
@@ -60,9 +62,9 @@
 
-    _this.state = { 
-      openValue: new Animated.Value(0), 
-      drawerShown: false };return _this;}_createClass(DrawerLayout, [{ key: 'componentWillMount', value: function componentWillMount() 
+    _this.state = {
+      openValue: new Animated.Value(0),
+      drawerShown: false };return _this;
 
+  }_createClass(DrawerLayout, [{ key: 'componentWillMount', value: function componentWillMount()
 
-
-    {var _this2 = this;var 
+    {var _this2 = this;var
       openValue = this.state.openValue;
@@ -73,38 +75,49 @@
         if (drawerShown !== _this2.state.drawerShown) {
-          _this2.setState({ drawerShown: drawerShown });}
+          _this2.setState({ drawerShown: drawerShown });
+        }
 
-
         if (_this2.props.keyboardDismissMode === 'on-drag') {
-          (0, _reactNativeDismissKeyboard2.default)();}
+          (0, _reactNativeDismissKeyboard2.default)();
+        }
 
-
         if (value === 0 || value === 1) {
           if (_this2.interactionHandle) {
             InteractionManager.clearInteractionHandle(_this2.interactionHandle);
-            _this2.interactionHandle = undefined;}} else 
+            _this2.interactionHandle = undefined;
+          }
+        } else if (!_this2.interactionHandle) {
+          _this2.interactionHandle = InteractionManager.createInteractionHandle();
+        }
 
-        if (!_this2.interactionHandle) {
-          _this2.interactionHandle = InteractionManager.createInteractionHandle();}
-
-
         _this2._lastOpenValue = value;
         if (_this2.props.onDrawerSlide) {
-          _this2.props.onDrawerSlide({ nativeEvent: { offset: value } });}});
+          _this2.props.onDrawerSlide({ nativeEvent: { offset: value } });
+        }
+      });
 
+      this._panResponder = PanResponder.create({
+        onMoveShouldSetPanResponder: this._shouldSetPanResponder,
+        onPanResponderGrant: this._panResponderGrant,
+        onPanResponderMove: this._panResponderMove,
+        onPanResponderTerminationRequest: function onPanResponderTerminationRequest() {return true;},
+        onPanResponderRelease: this._panResponderRelease,
+        onPanResponderTerminate: function onPanResponderTerminate() {} });
 
+    } }, { key: 'render', value: function render()
 
-      this._panResponder = PanResponder.create({ 
-        onMoveShouldSetPanResponder: this._shouldSetPanResponder, 
-        onPanResponderGrant: this._panResponderGrant, 
-        onPanResponderMove: this._panResponderMove, 
-        onPanResponderTerminationRequest: function () {return true;}, 
-        onPanResponderRelease: this._panResponderRelease, 
-        onPanResponderTerminate: function () {} });} }, { key: 'render', value: function render() 
+    {var _state =
 
 
 
-    {var _state = 
-      this.state;var openValue = _state.openValue;var drawerShown = _state.drawerShown;var _props = 
-      this.props;var drawerPosition = _props.drawerPosition;var drawerWidth = _props.drawerWidth;
-      var dynamicDrawerStyles = {};
+      this.state;var drawerShown = _state.drawerShown;var openValue = _state.openValue;var _props =
+
+
+
+
+
+      this.props;var drawerBackgroundColor = _props.drawerBackgroundColor;var drawerPosition = _props.drawerPosition;var drawerWidth = _props.drawerWidth;
+
+      var dynamicDrawerStyles = {
+        backgroundColor: drawerBackgroundColor };
+
       dynamicDrawerStyles[drawerPosition] = 0;
@@ -117,10 +130,10 @@ dynamicDrawerStyles.width = drawerWidth;
       if (drawerPosition === 'left') {
-        outputRange = [-drawerWidth, 0];} else 
-      {
-        outputRange = [drawerWidth, 0];}
+        outputRange = [-drawerWidth, 0];
+      } else {
+        outputRange = [drawerWidth, 0];
+      }
 
-
-      var drawerTranslateX = openValue.interpolate({ 
-        inputRange: [0, 1], 
-        outputRange: outputRange, 
+      var drawerTranslateX = openValue.interpolate({
+        inputRange: [0, 1],
+        outputRange: outputRange,
         extrapolate: 'clamp' });
@@ -131,5 +144,5 @@
       /* Overlay styles */
-      var overlayOpacity = openValue.interpolate({ 
-        inputRange: [0, 1], 
-        outputRange: [0, 0.7], 
+      var overlayOpacity = openValue.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, 0.7],
         extrapolate: 'clamp' });
@@ -140,35 +153,35 @@
       return (
-        _react2.default.createElement(View, _extends({ style: { flex: 1, backgroundColor: 'transparent' } }, this._panResponder.panHandlers), 
-        _react2.default.createElement(Animated.View, { style: styles.main }, 
-        this.props.children), 
+        _react2.default.createElement(View, _extends({ style: { flex: 1, backgroundColor: 'transparent' } }, this._panResponder.panHandlers),
+          _react2.default.createElement(Animated.View, { style: styles.main },
+            this.props.children),
 
 
-        drawerShown && 
-        _react2.default.createElement(TouchableWithoutFeedback, { onPress: this._onOverlayClick }, 
-        _react2.default.createElement(Animated.View, { 
-          style: [styles.overlay, animatedOverlayStyles] })), 
+          drawerShown &&
+          _react2.default.createElement(TouchableWithoutFeedback, { onPress: this._onOverlayClick },
+            _react2.default.createElement(Animated.View, {
+              style: [styles.overlay, animatedOverlayStyles] })),
 
 
-        _react2.default.createElement(Animated.View, { style: [styles.drawer, dynamicDrawerStyles, animatedDrawerStyles] }, 
-        this.props.renderNavigationView())));} }, { key: '_onOverlayClick', value: function _onOverlayClick(
+          _react2.default.createElement(Animated.View, { style: [styles.drawer, dynamicDrawerStyles, animatedDrawerStyles] },
+            this.props.renderNavigationView())));
 
 
 
+    } }, { key: '_onOverlayClick', value: function _onOverlayClick(
 
 
-
     e) {
       e.stopPropagation();
       if (!this._isLockedClosed() && !this._isLockedOpen()) {
-        this.closeDrawer();}} }, { key: '_emitStateChanged', value: function _emitStateChanged(
+        this.closeDrawer();
+      }
+    } }, { key: '_emitStateChanged', value: function _emitStateChanged(
 
-
-
     newState) {
       if (this.props.onDrawerStateChanged) {
-        this.props.onDrawerStateChanged(newState);}} }, { key: 'openDrawer', value: function openDrawer() 
+        this.props.onDrawerStateChanged(newState);
+      }
+    } }, { key: 'openDrawer', value: function openDrawer()
 
 
-
-
     {var _this3 = this;var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
@@ -178,9 +191,9 @@ this._emitStateChanged(SETTLING);
         if (_this3.props.onDrawerOpen) {
-          _this3.props.onDrawerOpen();}
+          _this3.props.onDrawerOpen();
+        }
+        _this3._emitStateChanged(IDLE);
+      });
+    } }, { key: 'closeDrawer', value: function closeDrawer()
 
-        _this3._emitStateChanged(IDLE);});} }, { key: 'closeDrawer', value: function closeDrawer() 
 
-
-
-
     {var _this4 = this;var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
@@ -190,30 +203,30 @@ this._emitStateChanged(SETTLING);
         if (_this4.props.onDrawerClose) {
-          _this4.props.onDrawerClose();}
+          _this4.props.onDrawerClose();
+        }
+        _this4._emitStateChanged(IDLE);
+      });
+    } }, { key: '_handleDrawerOpen', value: function _handleDrawerOpen()
 
-        _this4._emitStateChanged(IDLE);});} }, { key: '_handleDrawerOpen', value: function _handleDrawerOpen() 
 
-
-
-
     {
       if (this.props.onDrawerOpen) {
-        this.props.onDrawerOpen();}} }, { key: '_handleDrawerClose', value: function _handleDrawerClose() 
+        this.props.onDrawerOpen();
+      }
+    } }, { key: '_handleDrawerClose', value: function _handleDrawerClose()
 
 
-
-
     {
       if (this.props.onDrawerClose) {
-        this.props.onDrawerClose();}} }, { key: '_shouldSetPanResponder', value: function _shouldSetPanResponder(
+        this.props.onDrawerClose();
+      }
+    } }, { key: '_shouldSetPanResponder', value: function _shouldSetPanResponder(
 
 
-
-
-    e, _ref2) {var moveX = _ref2.moveX;var dx = _ref2.dx;var dy = _ref2.dy;var 
+    e, _ref2) {var moveX = _ref2.moveX;var dx = _ref2.dx;var dy = _ref2.dy;var
       drawerPosition = this.props.drawerPosition;
 
       if (this._isLockedClosed() || this._isLockedOpen()) {
-        return false;}
+        return false;
+      }
 
-
       if (drawerPosition === 'left') {
@@ -226,13 +239,13 @@ var overlayArea = DEVICE_WIDTH - (DEVICE_WIDTH - this.props.drawerWidth);
             this._closingAnchorValue = this._getOpenValueForX(moveX);
-            return true;}} else 
-
-        {
+            return true;
+          }
+        } else {
           if (moveX <= 35 && dx > 0) {
             this._isClosing = false;
-            return true;}
+            return true;
+          }
 
-
-          return false;}} else 
-
-      {
+          return false;
+        }
+      } else {
         var _overlayArea = DEVICE_WIDTH - this.props.drawerWidth;
@@ -244,21 +257,21 @@
             this._closingAnchorValue = this._getOpenValueForX(moveX);
-            return true;}} else 
-
-        {
+            return true;
+          }
+        } else {
           if (moveX >= DEVICE_WIDTH - 35 && dx < 0) {
             this._isClosing = false;
-            return true;}
+            return true;
+          }
 
+          return false;
+        }
+      }
+    } }, { key: '_panResponderGrant', value: function _panResponderGrant()
 
-          return false;}}} }, { key: '_panResponderGrant', value: function _panResponderGrant() 
 
-
-
-
-
     {
-      this._emitStateChanged(DRAGGING);} }, { key: '_panResponderMove', value: function _panResponderMove(
+      this._emitStateChanged(DRAGGING);
+    } }, { key: '_panResponderMove', value: function _panResponderMove(
 
 
-
     e, _ref3) {var moveX = _ref3.moveX;
@@ -268,16 +281,16 @@ var openValue = this._getOpenValueForX(moveX);
       if (this._isClosing) {
-        openValue = 1 - (this._closingAnchorValue - openValue);}
+        openValue = 1 - (this._closingAnchorValue - openValue);
+      }
 
-
       if (openValue > 1) {
-        openValue = 1;} else 
-      if (openValue < 0) {
-        openValue = 0;}
+        openValue = 1;
+      } else if (openValue < 0) {
+        openValue = 0;
+      }
 
+      this.state.openValue.setValue(openValue);
+    } }, { key: '_panResponderRelease', value: function _panResponderRelease(
 
-      this.state.openValue.setValue(openValue);} }, { key: '_panResponderRelease', value: function _panResponderRelease(
 
-
-
-    e, _ref4) {var moveX = _ref4.moveX;var vx = _ref4.vx;var 
+    e, _ref4) {var moveX = _ref4.moveX;var vx = _ref4.vx;var
       drawerPosition = this.props.drawerPosition;
@@ -289,59 +302,59 @@ var previouslyOpen = this._isClosing;
         if (vx > 0 && moveX > THRESHOLD || vx >= VX_MAX || isWithinVelocityThreshold && previouslyOpen && moveX > THRESHOLD) {
-          this.openDrawer({ velocity: vx });} else 
-        if (vx < 0 && moveX < THRESHOLD || vx < -VX_MAX || isWithinVelocityThreshold && !previouslyOpen) {
-          this.closeDrawer({ velocity: vx });} else 
-        if (previouslyOpen) {
-          this.openDrawer();} else 
-        {
-          this.closeDrawer();}}
+          this.openDrawer({ velocity: vx });
+        } else if (vx < 0 && moveX < THRESHOLD || vx < -VX_MAX || isWithinVelocityThreshold && !previouslyOpen) {
+          this.closeDrawer({ velocity: vx });
+        } else if (previouslyOpen) {
+          this.openDrawer();
+        } else {
+          this.closeDrawer();
+        }
+      }
 
-
-
       if (drawerPosition === 'right') {
         if (vx < 0 && moveX < THRESHOLD || vx <= -VX_MAX || isWithinVelocityThreshold && previouslyOpen && moveX < THRESHOLD) {
-          this.openDrawer({ velocity: -1 * vx });} else 
-        if (vx > 0 && moveX > THRESHOLD || vx > VX_MAX || isWithinVelocityThreshold && !previouslyOpen) {
-          this.closeDrawer({ velocity: -1 * vx });} else 
-        if (previouslyOpen) {
-          this.openDrawer();} else 
-        {
-          this.closeDrawer();}}} }, { key: '_isLockedClosed', value: function _isLockedClosed() 
+          this.openDrawer({ velocity: -1 * vx });
+        } else if (vx > 0 && moveX > THRESHOLD || vx > VX_MAX || isWithinVelocityThreshold && !previouslyOpen) {
+          this.closeDrawer({ velocity: -1 * vx });
+        } else if (previouslyOpen) {
+          this.openDrawer();
+        } else {
+          this.closeDrawer();
+        }
+      }
+    } }, { key: '_isLockedClosed', value: function _isLockedClosed()
 
-
-
-
     {
-      return this.props.drawerLockMode === 'locked-closed' && !this.state.drawerShown;} }, { key: '_isLockedOpen', value: function _isLockedOpen() 
+      return this.props.drawerLockMode === 'locked-closed' && !this.state.drawerShown;
+    } }, { key: '_isLockedOpen', value: function _isLockedOpen()
 
-
     {
-      return this.props.drawerLockMode === 'locked-open' && this.state.drawerShown;} }, { key: '_getOpenValueForX', value: function _getOpenValueForX(
+      return this.props.drawerLockMode === 'locked-open' && this.state.drawerShown;
+    } }, { key: '_getOpenValueForX', value: function _getOpenValueForX(
 
-
-    x) {var _props2 = 
+    x) {var _props2 =
       this.props;var drawerPosition = _props2.drawerPosition;var drawerWidth = _props2.drawerWidth;
 
       if (drawerPosition === 'left') {
-        return x / drawerWidth;} else 
-      if (drawerPosition === 'right') {
-        return (DEVICE_WIDTH - x) / drawerWidth;}} }]);return DrawerLayout;}(_react2.default.Component), _class2.defaultProps = { drawerWidth: 0, drawerPosition: 'left' }, _class2.positions = { Left: 'left', Right: 'right' }, _class2.propTypes = { children: PropTypes.node, drawerLockMode: PropTypes.oneOf(['unlocked', 'locked-closed', 'locked-open']), drawerPosition: PropTypes.oneOf(['left', 'right']).isRequired, drawerWidth: PropTypes.number.isRequired, keyboardDismissMode: PropTypes.oneOf(['none', 'on-drag']), onDrawerClose: PropTypes.func, onDrawerOpen: PropTypes.func, onDrawerSlide: PropTypes.func, onDrawerStateChanged: PropTypes.func, renderNavigationView: PropTypes.func.isRequired }, _temp), (_applyDecoratedDescriptor(_class.prototype, '_onOverlayClick', [_autobindDecorator2.default], Object.getOwnPropertyDescriptor(_class.prototype, '_onOverlayClick'), _class.prototype), _applyDecoratedDescriptor(_class.prototype, 'openDrawer', [_autobindDecorator2.default], Object.getOwnPropertyDescriptor(_class.prototype, 'openDrawer'), _class.prototype), _applyDecoratedDescriptor(_class.prototype, 'closeDrawer', [_autobindDecorator2.default], Object.getOwnPropertyDescriptor(_class.prototype, 'closeDrawer'), _class.prototype), _applyDecoratedDescriptor(_class.prototype, '_handleDrawerOpen', [_autobindDecorator2.default], Object.getOwnPropertyDescriptor(_class.prototype, '_handleDrawerOpen'), _class.prototype), _applyDecoratedDescriptor(_class.prototype, '_handleDrawerClose', [_autobindDecorator2.default], Object.getOwnPropertyDescriptor(_class.prototype, '_handleDrawerClose'), _class.prototype), _applyDecoratedDescriptor(_class.prototype, '_shouldSetPanResponder', [_autobindDecorator2.default], Object.getOwnPropertyDescriptor(_class.prototype, '_shouldSetPanResponder'), _class.prototype), _applyDecoratedDescriptor(_class.prototype, '_panResponderGrant', [_autobindDecorator2.default], Object.getOwnPropertyDescriptor(_class.prototype, '_panResponderGrant'), _class.prototype), _applyDecoratedDescriptor(_class.prototype, '_panResponderMove', [_autobindDecorator2.default], Object.getOwnPropertyDescriptor(_class.prototype, '_panResponderMove'), _class.prototype), _applyDecoratedDescriptor(_class.prototype, '_panResponderRelease', [_autobindDecorator2.default], Object.getOwnPropertyDescriptor(_class.prototype, '_panResponderRelease'), _class.prototype)), _class);exports.default = DrawerLayout;
+        return x / drawerWidth;
+      } else if (drawerPosition === 'right') {
+        return (DEVICE_WIDTH - x) / drawerWidth;
+      }
+    } }]);return DrawerLayout;}(_react2.default.Component), _class2.defaultProps = { drawerWidth: 0, drawerPosition: 'left' }, _class2.positions = { Left: 'left', Right: 'right' }, _class2.propTypes = { children: PropTypes.node, drawerBackgroundColor: PropTypes.string, drawerLockMode: PropTypes.oneOf(['unlocked', 'locked-closed', 'locked-open']), drawerPosition: PropTypes.oneOf(['left', 'right']).isRequired, drawerWidth: PropTypes.number.isRequired, keyboardDismissMode: PropTypes.oneOf(['none', 'on-drag']), onDrawerClose: PropTypes.func, onDrawerOpen: PropTypes.func, onDrawerSlide: PropTypes.func, onDrawerStateChanged: PropTypes.func, renderNavigationView: PropTypes.func.isRequired, statusBarBackgroundColor: PropTypes.string }, _temp), (_applyDecoratedDescriptor(_class.prototype, '_onOverlayClick', [_autobindDecorator2.default], Object.getOwnPropertyDescriptor(_class.prototype, '_onOverlayClick'), _class.prototype), _applyDecoratedDescriptor(_class.prototype, 'openDrawer', [_autobindDecorator2.default], Object.getOwnPropertyDescriptor(_class.prototype, 'openDrawer'), _class.prototype), _applyDecoratedDescriptor(_class.prototype, 'closeDrawer', [_autobindDecorator2.default], Object.getOwnPropertyDescriptor(_class.prototype, 'closeDrawer'), _class.prototype), _applyDecoratedDescriptor(_class.prototype, '_handleDrawerOpen', [_autobindDecorator2.default], Object.getOwnPropertyDescriptor(_class.prototype, '_handleDrawerOpen'), _class.prototype), _applyDecoratedDescriptor(_class.prototype, '_handleDrawerClose', [_autobindDecorator2.default], Object.getOwnPropertyDescriptor(_class.prototype, '_handleDrawerClose'), _class.prototype), _applyDecoratedDescriptor(_class.prototype, '_shouldSetPanResponder', [_autobindDecorator2.default], Object.getOwnPropertyDescriptor(_class.prototype, '_shouldSetPanResponder'), _class.prototype), _applyDecoratedDescriptor(_class.prototype, '_panResponderGrant', [_autobindDecorator2.default], Object.getOwnPropertyDescriptor(_class.prototype, '_panResponderGrant'), _class.prototype), _applyDecoratedDescriptor(_class.prototype, '_panResponderMove', [_autobindDecorator2.default], Object.getOwnPropertyDescriptor(_class.prototype, '_panResponderMove'), _class.prototype), _applyDecoratedDescriptor(_class.prototype, '_panResponderRelease', [_autobindDecorator2.default], Object.getOwnPropertyDescriptor(_class.prototype, '_panResponderRelease'), _class.prototype)), _class);exports.default = DrawerLayout;
 
 
+var styles = StyleSheet.create({
+  drawer: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0 },
 
+  main: {
+    flex: 1 },
 
-var styles = StyleSheet.create({ 
-  drawer: { 
-    position: 'absolute', 
-    top: 0, 
-    bottom: 0 }, 
-
-  main: { 
-    flex: 1 }, 
-
-  overlay: { 
-    backgroundColor: '#000', 
-    position: 'absolute', 
-    top: 0, 
-    left: 0, 
-    bottom: 0, 
+  overlay: {
+    backgroundColor: '#000',
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    bottom: 0,
     right: 0 } });

dist/index.js

@@ -1,7 +0,8 @@
-var React = require('react-native');var 
+var React = require('react-native');var
 Platform = React.Platform;var DrawerLayoutAndroid = React.DrawerLayoutAndroid;
 
 if (Platform.OS === 'android') {
-  module.exports = DrawerLayoutAndroid;} else 
-if (Platform.OS === 'ios') {
-  module.exports = require('./DrawerLayout.ios').default;}
+  module.exports = DrawerLayoutAndroid;
+} else if (Platform.OS === 'ios') {
+  module.exports = require('./DrawerLayout.ios').default;
+}

package.json

 {
   "name": "react-native-drawer-layout",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A platform-agnostic drawer layout. Pure JavaScript implementation on iOS and native implementation on Android. Why? Because the drawer layout is a useful component regardless of the platform! And if you can use it without changing any code, that's perfect.",
@@ -99,2 +99,3 @@ "main": "dist/index.js",
     "babel-plugin-transform-decorators-legacy": "^1.3.4",
+    "babel-preset-react-native": "^1.8.0",
     "eslint": "^1.10.3",
@@ -101,0 +102,0 @@ "eslint-config-xo": "^0.9.1",

README.md

@@ -17,2 +17,4 @@ ## react-native-drawer-layout [![Circle CI](https://circleci.com/gh/iodine/react-native-drawer-layout.svg?style=svg)](https://circleci.com/gh/iodine/react-native-drawer-layout)
 
+To run the demo please run `npm install` in the `DrawerLayoutExample/` directory and start the demo up from there like any other React Native application.
+
 ## Support
@@ -25,4 +27,8 @@
 
-If you experience any restrictions with other versions, please let us know.
+If you experience any further restrictions with other versions, please let us know.
 
+## Restrictions
+
+- Currently, there is no support for setting the status bar color in iOS. If you know any workaround, we would be glad to see an idea or a PR.
+
 ## Release Notes
@@ -29,0 +35,0 @@

No alert changes

Improved metrics

Total package byte prevSize

21155

increased by4.29%

Lines of code

262

increased by23%

Number of lines in readme file

48

increased by14.29%

Worsened metrics

Dev dependency count

12

increased by9.09%

No dependency changes