react-in-viewport - npm Package Compare versions

Comparing version 0.0.18 to 0.0.19

dist/index.js

@@ -1,8 +0,49 @@
-import _Object$assign from 'babel-runtime/core-js/object/assign';
-import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _assign = require('babel-runtime/core-js/object/assign');
+
+var _assign2 = _interopRequireDefault(_assign);
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactDom = require('react-dom');
+
+var _reactDom2 = _interopRequireDefault(_reactDom);
+
+var _hoistNonReactStatics = require('hoist-non-react-statics');
+
+var _hoistNonReactStatics2 = _interopRequireDefault(_hoistNonReactStatics);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 if (typeof window !== 'undefined') {
@@ -13,6 +54,2 @@ // Polyfills for intersection-observer
 
-import React, { PureComponent } from 'react';
-import ReactDOM from 'react-dom';
-import hoistNonReactStatic from 'hoist-non-react-statics';
-
 function handleViewport(Component, options) {
@@ -22,8 +59,8 @@ var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : { disconnectOnLeave: false };
   var InViewport = function (_PureComponent) {
-    _inherits(InViewport, _PureComponent);
+    (0, _inherits3.default)(InViewport, _PureComponent);
 
     function InViewport(props) {
-      _classCallCheck(this, InViewport);
+      (0, _classCallCheck3.default)(this, InViewport);
 
-      var _this = _possibleConstructorReturn(this, (InViewport.__proto__ || _Object$getPrototypeOf(InViewport)).call(this, props));
+      var _this = (0, _possibleConstructorReturn3.default)(this, (InViewport.__proto__ || (0, _getPrototypeOf2.default)(InViewport)).call(this, props));
 
@@ -41,3 +78,3 @@ _this.observer = null;
 
-    _createClass(InViewport, [{
+    (0, _createClass3.default)(InViewport, [{
       key: 'componentDidMount',
@@ -132,8 +169,8 @@ value: function componentDidMount() {
             onLeaveViewport = _props2.onLeaveViewport,
-            others = _objectWithoutProperties(_props2, ['onEnterViewport', 'onLeaveViewport']);
+            others = (0, _objectWithoutProperties3.default)(_props2, ['onEnterViewport', 'onLeaveViewport']);
 
-        return React.createElement(Component, _Object$assign({}, others, {
+        return _react2.default.createElement(Component, (0, _assign2.default)({}, others, {
           inViewport: this.state.inViewport,
           ref: function ref(node) {
-            _this2.node = ReactDOM.findDOMNode(node);
+            _this2.node = _reactDom2.default.findDOMNode(node);
           },
@@ -143,5 +180,5 @@ innerRef: function innerRef(node) {
               // handle stateless
-              _this2.node = ReactDOM.findDOMNode(node);
+              _this2.node = _reactDom2.default.findDOMNode(node);
               _this2.initIntersectionObserver();
-              _this2.startObserver(ReactDOM.findDOMNode(node), _this2.observer);
+              _this2.startObserver(_reactDom2.default.findDOMNode(node), _this2.observer);
             }
@@ -152,9 +189,8 @@ }
     }]);
-
     return InViewport;
-  }(PureComponent);
+  }(_react.PureComponent);
 
-  return hoistNonReactStatic(InViewport, Component);
+  return (0, _hoistNonReactStatics2.default)(InViewport, Component);
 }
 
-export default handleViewport;
+exports.default = handleViewport;

package.json

 {
   "name": "react-in-viewport",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "Track React component in viewport",
@@ -5,0 +5,0 @@ "author": "Roderick Hsiao <[e-mail]>",

New 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

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 2 instances in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3360788

11852.02%

Number of package files

13

44.44%

Lines of code

22890

3944.17%

Worsened metrics

Number of low supply chain risk alerts

3

Infinity%

Number of medium supply chain risk alerts

12

Infinity%

No dependency changes