react-now-you-see-me - npm Package Compare versions

Comparing version 1.5.7 to 1.5.8

lib/in-view.js

@@ -22,3 +22,3 @@ "use strict";
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
@@ -25,0 +25,0 @@ function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

lib/in-view.test.js

 "use strict";
 
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 var React = _interopRequireWildcard(require("react"));
@@ -15,11 +17,7 @@
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
 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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
@@ -89,10 +87,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 afterEach(_reactTestingLibrary.cleanup);
-test('renders as true when visible',
-/*#__PURE__*/
-_asyncToGenerator(
-/*#__PURE__*/
-regeneratorRuntime.mark(function _callee() {
+test('renders as true when visible', function _callee() {
   var _renderInView, getBox, setBoundingRect;
 
-  return regeneratorRuntime.wrap(function _callee$(_context) {
+  return regeneratorRuntime.async(function _callee$(_context) {
     while (1) {
@@ -108,5 +102,5 @@ switch (_context.prev = _context.next) {
           _context.next = 4;
-          return (0, _reactTestingLibrary.wait)(function () {
+          return regeneratorRuntime.awrap((0, _reactTestingLibrary.wait)(function () {
             return expect(getBox()).toHaveTextContent('true');
-          });
+          }));
 
@@ -118,12 +112,8 @@ case 4:
     }
-  }, _callee);
-})));
-test('renders as false when not in document',
-/*#__PURE__*/
-_asyncToGenerator(
-/*#__PURE__*/
-regeneratorRuntime.mark(function _callee2() {
+  });
+});
+test('renders as false when not in document', function _callee2() {
   var _renderInView2, getBox, setBoundingRect;
 
-  return regeneratorRuntime.wrap(function _callee2$(_context2) {
+  return regeneratorRuntime.async(function _callee2$(_context2) {
     while (1) {
@@ -139,5 +129,5 @@ switch (_context2.prev = _context2.next) {
           _context2.next = 4;
-          return (0, _reactTestingLibrary.wait)(function () {
+          return regeneratorRuntime.awrap((0, _reactTestingLibrary.wait)(function () {
             return expect(getBox()).toHaveTextContent('false');
-          });
+          }));
 
@@ -149,12 +139,8 @@ case 4:
     }
-  }, _callee2);
-})));
-test('renders as true when within boundingLeft and boundingRight',
-/*#__PURE__*/
-_asyncToGenerator(
-/*#__PURE__*/
-regeneratorRuntime.mark(function _callee3() {
+  });
+});
+test('renders as true when within boundingLeft and boundingRight', function _callee3() {
   var _renderInView3, getBox, setBoundingRect;
 
-  return regeneratorRuntime.wrap(function _callee3$(_context3) {
+  return regeneratorRuntime.async(function _callee3$(_context3) {
     while (1) {
@@ -174,5 +160,5 @@ switch (_context3.prev = _context3.next) {
           _context3.next = 4;
-          return (0, _reactTestingLibrary.wait)(function () {
+          return regeneratorRuntime.awrap((0, _reactTestingLibrary.wait)(function () {
             return expect(getBox()).toHaveTextContent('true');
-          });
+          }));
 
@@ -184,12 +170,8 @@ case 4:
     }
-  }, _callee3);
-})));
-test('renders as false when outside of boundingLeft',
-/*#__PURE__*/
-_asyncToGenerator(
-/*#__PURE__*/
-regeneratorRuntime.mark(function _callee4() {
+  });
+});
+test('renders as false when outside of boundingLeft', function _callee4() {
   var _renderInView4, getBox, setBoundingRect;
 
-  return regeneratorRuntime.wrap(function _callee4$(_context4) {
+  return regeneratorRuntime.async(function _callee4$(_context4) {
     while (1) {
@@ -209,5 +191,5 @@ switch (_context4.prev = _context4.next) {
           _context4.next = 4;
-          return (0, _reactTestingLibrary.wait)(function () {
+          return regeneratorRuntime.awrap((0, _reactTestingLibrary.wait)(function () {
             return expect(getBox()).toHaveTextContent('false');
-          });
+          }));
 
@@ -219,12 +201,8 @@ case 4:
     }
-  }, _callee4);
-})));
-test('renders as false when outside of boundingRight',
-/*#__PURE__*/
-_asyncToGenerator(
-/*#__PURE__*/
-regeneratorRuntime.mark(function _callee5() {
+  });
+});
+test('renders as false when outside of boundingRight', function _callee5() {
   var _renderInView5, getBox, setBoundingRect;
 
-  return regeneratorRuntime.wrap(function _callee5$(_context5) {
+  return regeneratorRuntime.async(function _callee5$(_context5) {
     while (1) {
@@ -244,5 +222,5 @@ switch (_context5.prev = _context5.next) {
           _context5.next = 4;
-          return (0, _reactTestingLibrary.wait)(function () {
+          return regeneratorRuntime.awrap((0, _reactTestingLibrary.wait)(function () {
             return expect(getBox()).toHaveTextContent('false');
-          });
+          }));
 
@@ -254,12 +232,8 @@ case 4:
     }
-  }, _callee5);
-})));
-test('boundingLeft continues to work even after prop change',
-/*#__PURE__*/
-_asyncToGenerator(
-/*#__PURE__*/
-regeneratorRuntime.mark(function _callee6() {
+  });
+});
+test('boundingLeft continues to work even after prop change', function _callee6() {
   var _renderInView6, getBox, setBoundingRect, rerender, scroll;
 
-  return regeneratorRuntime.wrap(function _callee6$(_context6) {
+  return regeneratorRuntime.async(function _callee6$(_context6) {
     while (1) {
@@ -280,7 +254,8 @@ switch (_context6.prev = _context6.next) {
           _context6.next = 4;
-          return (0, _reactTestingLibrary.wait)(function () {
+          return regeneratorRuntime.awrap((0, _reactTestingLibrary.wait)(function () {
             return expect(getBox()).toHaveTextContent('false');
-          });
+          }));
 
         case 4:
+          // Should still be out of bounds.
           rerender({
@@ -293,5 +268,5 @@ debounce: 1,
           _context6.next = 8;
-          return (0, _reactTestingLibrary.wait)(function () {
+          return regeneratorRuntime.awrap((0, _reactTestingLibrary.wait)(function () {
             return expect(getBox()).toHaveTextContent('false');
-          });
+          }));
 
@@ -303,12 +278,8 @@ case 8:
     }
-  }, _callee6);
-})));
-test('boundingRight continues to work even after prop change',
-/*#__PURE__*/
-_asyncToGenerator(
-/*#__PURE__*/
-regeneratorRuntime.mark(function _callee7() {
+  });
+});
+test('boundingRight continues to work even after prop change', function _callee7() {
   var _renderInView7, getBox, setBoundingRect, rerender, scroll;
 
-  return regeneratorRuntime.wrap(function _callee7$(_context7) {
+  return regeneratorRuntime.async(function _callee7$(_context7) {
     while (1) {
@@ -329,7 +300,8 @@ switch (_context7.prev = _context7.next) {
           _context7.next = 4;
-          return (0, _reactTestingLibrary.wait)(function () {
+          return regeneratorRuntime.awrap((0, _reactTestingLibrary.wait)(function () {
             return expect(getBox()).toHaveTextContent('false');
-          });
+          }));
 
         case 4:
+          // Should still be out of bounds.
           rerender({
@@ -342,5 +314,5 @@ debounce: 1,
           _context7.next = 8;
-          return (0, _reactTestingLibrary.wait)(function () {
+          return regeneratorRuntime.awrap((0, _reactTestingLibrary.wait)(function () {
             return expect(getBox()).toHaveTextContent('false');
-          });
+          }));
 
@@ -352,12 +324,8 @@ case 8:
     }
-  }, _callee7);
-})));
-test('inViewport accepts changed bounding props',
-/*#__PURE__*/
-_asyncToGenerator(
-/*#__PURE__*/
-regeneratorRuntime.mark(function _callee8() {
+  });
+});
+test('inViewport accepts changed bounding props', function _callee8() {
   var _renderInView8, getBox, setBoundingRect, rerender, scroll;
 
-  return regeneratorRuntime.wrap(function _callee8$(_context8) {
+  return regeneratorRuntime.async(function _callee8$(_context8) {
     while (1) {
@@ -378,7 +346,8 @@ switch (_context8.prev = _context8.next) {
           _context8.next = 4;
-          return (0, _reactTestingLibrary.wait)(function () {
+          return regeneratorRuntime.awrap((0, _reactTestingLibrary.wait)(function () {
             return expect(getBox()).toHaveTextContent('false');
-          });
+          }));
 
         case 4:
+          // Now should be in-bounds.
           rerender({
@@ -391,5 +360,5 @@ debounce: 1,
           _context8.next = 8;
-          return (0, _reactTestingLibrary.wait)(function () {
+          return regeneratorRuntime.awrap((0, _reactTestingLibrary.wait)(function () {
             return expect(getBox()).toHaveTextContent('true');
-          });
+          }));
 
@@ -401,12 +370,8 @@ case 8:
     }
-  }, _callee8);
-})));
-test('inViewport returns true for isFullyContained=false',
-/*#__PURE__*/
-_asyncToGenerator(
-/*#__PURE__*/
-regeneratorRuntime.mark(function _callee9() {
+  });
+});
+test('inViewport returns true for isFullyContained=false', function _callee9() {
   var _renderInView9, getBox, setBoundingRect;
 
-  return regeneratorRuntime.wrap(function _callee9$(_context9) {
+  return regeneratorRuntime.async(function _callee9$(_context9) {
     while (1) {
@@ -428,5 +393,5 @@ switch (_context9.prev = _context9.next) {
           _context9.next = 4;
-          return (0, _reactTestingLibrary.wait)(function () {
+          return regeneratorRuntime.awrap((0, _reactTestingLibrary.wait)(function () {
             return expect(getBox()).toHaveTextContent('true');
-          });
+          }));
 
@@ -438,12 +403,8 @@ case 4:
     }
-  }, _callee9);
-})));
-test('inViewport accepts changed isFullyContained prop',
-/*#__PURE__*/
-_asyncToGenerator(
-/*#__PURE__*/
-regeneratorRuntime.mark(function _callee10() {
+  });
+});
+test('inViewport accepts changed isFullyContained prop', function _callee10() {
   var _renderInView10, getBox, setBoundingRect, rerender, scroll;
 
-  return regeneratorRuntime.wrap(function _callee10$(_context10) {
+  return regeneratorRuntime.async(function _callee10$(_context10) {
     while (1) {
@@ -465,7 +426,8 @@ switch (_context10.prev = _context10.next) {
           _context10.next = 4;
-          return (0, _reactTestingLibrary.wait)(function () {
+          return regeneratorRuntime.awrap((0, _reactTestingLibrary.wait)(function () {
             return expect(getBox()).toHaveTextContent('false');
-          });
+          }));
 
         case 4:
+          // Now should be in-bounds.
           rerender({
@@ -476,5 +438,5 @@ isFullyContained: false
           _context10.next = 8;
-          return (0, _reactTestingLibrary.wait)(function () {
+          return regeneratorRuntime.awrap((0, _reactTestingLibrary.wait)(function () {
             return expect(getBox()).toHaveTextContent('true');
-          });
+          }));
 
@@ -486,3 +448,3 @@ case 8:
     }
-  }, _callee10);
-})));
+  });
+});

package.json

 {
   "name": "react-now-you-see-me",
   "description": "A React component for determining when an element is within a given threshold of the viewport, horizontally.",
-  "version": "1.5.7",
+  "version": "1.5.8",
   "author": "Jane Web Team",
@@ -48,8 +48,8 @@ "contributors": [
   "devDependencies": {
-    "@babel/cli": "7.6.0",
-    "@babel/core": "7.6.0",
-    "@babel/plugin-proposal-class-properties": "7.5.5",
-    "@babel/preset-env": "7.6.0",
-    "@babel/preset-react": "7.0.0",
-    "@babel/register": "7.6.0",
+    "@babel/cli": "7.7.4",
+    "@babel/core": "7.7.4",
+    "@babel/plugin-proposal-class-properties": "7.7.4",
+    "@babel/preset-env": "7.7.4",
+    "@babel/preset-react": "7.7.4",
+    "@babel/register": "7.7.4",
     "babel-core": "7.0.0-bridge.0",
@@ -60,22 +60,22 @@ "babel-eslint": "10.0.3",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
-    "core-js": "3.2.1",
-    "coveralls": "3.0.6",
+    "core-js": "3.4.2",
+    "coveralls": "3.0.8",
     "dom-testing-library": "2.5.0",
-    "eslint": "6.3.0",
+    "eslint": "6.7.0",
     "eslint-plugin-jane": "7.0.0",
-    "husky": "3.0.5",
+    "husky": "3.1.0",
     "jest": "24.9.0",
-    "lint-staged": "9.2.5",
+    "lint-staged": "9.4.3",
     "marked": "0.7.0",
     "npm-run-all": "4.1.5",
-    "prettier": "1.18.2",
+    "prettier": "1.19.1",
     "prop-types": "15.7.2",
-    "react": "16.5.2",
-    "react-dom": "16.5.2",
+    "react": "16.12.0",
+    "react-dom": "16.12.0",
     "react-testing-library": "5.2.0",
     "regenerator-runtime": "0.13.3",
-    "sortpack": "2.0.1",
-    "webpack": "4.40.0",
-    "webpack-cli": "3.3.8",
-    "webpack-dev-server": "3.8.0"
+    "sortpack": "2.0.4",
+    "webpack": "4.41.2",
+    "webpack-cli": "3.3.10",
+    "webpack-dev-server": "3.9.0"
   },
@@ -82,0 +82,0 @@ "jest": {

No alert changes

Worsened metrics

Total package byte prevSize

37840

decreased by-1.06%

Lines of code

722

decreased by-4.87%

No dependency changes