rc-swipeout - npm Package Compare versions

Comparing version 1.3.3 to 1.3.4

lib/Swipeout.js

@@ -31,2 +31,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _reactNative = require('react-native');
@@ -132,10 +136,10 @@
 Swipeout.propTypes = {
-  prefixCls: _react.PropTypes.string,
-  autoClose: _react.PropTypes.bool,
-  disabled: _react.PropTypes.bool,
-  left: _react.PropTypes.arrayOf(_react.PropTypes.object),
-  right: _react.PropTypes.arrayOf(_react.PropTypes.object),
-  onOpen: _react.PropTypes.func,
-  onClose: _react.PropTypes.func,
-  children: _react.PropTypes.any
+  prefixCls: _propTypes2["default"].string,
+  autoClose: _propTypes2["default"].bool,
+  disabled: _propTypes2["default"].bool,
+  left: _propTypes2["default"].arrayOf(_propTypes2["default"].object),
+  right: _propTypes2["default"].arrayOf(_propTypes2["default"].object),
+  onOpen: _propTypes2["default"].func,
+  onClose: _propTypes2["default"].func,
+  children: _propTypes2["default"].any
 };
@@ -142,0 +146,0 @@ Swipeout.defaultProps = {

lib/Swipeout.web.js

@@ -31,2 +31,10 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _reactDom = require('react-dom');
+
+var _reactDom2 = _interopRequireDefault(_reactDom);
+
 var _rcHammerjs = require('rc-hammerjs');
@@ -68,3 +76,3 @@
 
-    var width = this.refs.content.offsetWidth;
+    var width = this.content.offsetWidth;
 
@@ -187,3 +195,3 @@ if (this.refs.cover) {
     var contentLeft = this._getContentEasing(value, limit);
-    this.refs.content.style.left = contentLeft + 'px';
+    this.content.style.left = contentLeft + 'px';
     this.refs.cover.style.display = Math.abs(value) > 0 ? 'block' : 'none';
@@ -250,2 +258,4 @@ this.refs.cover.style.left = contentLeft + 'px';
   Swipeout.prototype.render = function render() {
+    var _this4 = this;
+
     var _splitObject = (0, _splitObject4["default"])(this.props, ['prefixCls', 'left', 'right', 'children']),
@@ -261,3 +271,7 @@ _splitObject2 = (0, _slicedToArray3["default"])(_splitObject, 2),
     var divProps = (0, _object2["default"])(restProps, ['disabled', 'autoClose', 'onOpen', 'onClose']);
-
+    var refProps = {
+      ref: function ref(el) {
+        return _this4.content = _reactDom2["default"].findDOMNode(el);
+      }
+    };
     return left.length || right.length ? _react2["default"].createElement(
@@ -271,3 +285,3 @@ 'div',
         _rcHammerjs2["default"],
-        {
+        (0, _extends3["default"])({
           direction: 'DIRECTION_HORIZONTAL',
@@ -277,6 +291,6 @@ onPanStart: this.onPanStart,
           onPanEnd: this.onPanEnd
-        },
+        }, refProps),
         _react2["default"].createElement(
           'div',
-          { className: prefixCls + '-content', ref: 'content' },
+          { className: prefixCls + '-content' },
           children
@@ -287,3 +301,3 @@ )
       'div',
-      (0, _extends3["default"])({ ref: 'content' }, divProps),
+      (0, _extends3["default"])({}, refProps, divProps),
       children
@@ -297,10 +311,10 @@ );
 Swipeout.propTypes = {
-  prefixCls: _react.PropTypes.string,
-  autoClose: _react.PropTypes.bool,
-  disabled: _react.PropTypes.bool,
-  left: _react.PropTypes.arrayOf(_react.PropTypes.object),
-  right: _react.PropTypes.arrayOf(_react.PropTypes.object),
-  onOpen: _react.PropTypes.func,
-  onClose: _react.PropTypes.func,
-  children: _react.PropTypes.any
+  prefixCls: _propTypes2["default"].string,
+  autoClose: _propTypes2["default"].bool,
+  disabled: _propTypes2["default"].bool,
+  left: _propTypes2["default"].arrayOf(_propTypes2["default"].object),
+  right: _propTypes2["default"].arrayOf(_propTypes2["default"].object),
+  onOpen: _propTypes2["default"].func,
+  onClose: _propTypes2["default"].func,
+  children: _propTypes2["default"].any
 };
@@ -307,0 +321,0 @@ Swipeout.defaultProps = {

package.json

 {
   "name": "rc-swipeout",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "swipe out ui component for react(web and react-native)",
@@ -45,3 +45,4 @@ "keywords": [
     "object.omit": "~2.0.0",
-    "rc-hammerjs": "^0.6.4",
+    "prop-types": "^15.5.10",
+    "rc-hammerjs": "^0.6.6",
     "react-native-swipeout": "~2.1.1"
@@ -54,5 +55,4 @@ },
     "rc-tools": "~5.10.3",
-    "react": "~15.2.1",
-    "react-addons-test-utils": "~15.2.1",
-    "react-dom": "~15.2.1",
+    "react": "^15.0.0",
+    "react-dom": "^15.0.0",
     "react-native": "0.30.0"
@@ -59,0 +59,0 @@ },

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

21761

increased by2.47%

Dev dependency count

7

decreased by-12.5%

Lines of code

478

increased by2.36%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dependency count

5

increased by25%

Dependency changes

• + Addedprop-types@^15.5.10

• Updatedrc-hammerjs@^0.6.6