react-infinite-scroll-hook - npm Package Compare versions

Comparing version 2.0.0 to 2.0.1-beta.0

es/index.js

@@ -1,1 +0,1 @@
-export { default as useInfiniteScroll } from "./useInfiniteScroll";
+export { default as useInfiniteScroll } from './useInfiniteScroll';

es/useInfiniteScroll.js

@@ -19,3 +19,3 @@ import { useEffect, useRef, useState } from "react";
 
-  var ref = useRef();
+  var ref = useRef(null);
 
@@ -22,0 +22,0 @@ var _useWindowSize = useWindowSize(),

es/useWindowSize.js

 var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 
-import { useState, useEffect, useCallback } from "react";
+import { useState, useEffect, useCallback } from 'react';
 
 function useWindowSize() {
-  var validWindow = (typeof window === "undefined" ? "undefined" : _typeof(window)) === "object";
+  var validWindow = (typeof window === 'undefined' ? 'undefined' : _typeof(window)) === 'object';
 
@@ -27,6 +27,6 @@ var getSize = useCallback(function () {
     if (validWindow) {
-      window.addEventListener("resize", handleResize);
+      window.addEventListener('resize', handleResize);
 
       return function () {
-        window.removeEventListener("resize", handleResize);
+        window.removeEventListener('resize', handleResize);
       };
@@ -33,0 +33,0 @@ }

index.d.ts

@@ -16,5 +16,5 @@ declare module "react-infinite-scroll-hook" {
   }
-  export function useInfiniteScroll(
+  export function useInfiniteScroll<T>(
     props: useInfiniteScrollProps
-  ): React.MutableRefObject<undefined>;
+  ): React.MutableRefObject<T | null>;
 }

lib/index.js

@@ -1,8 +0,8 @@
-"use strict";
+'use strict';
 
 exports.__esModule = true;
 
-var _useInfiniteScroll = require("./useInfiniteScroll");
+var _useInfiniteScroll = require('./useInfiniteScroll');
 
-Object.defineProperty(exports, "useInfiniteScroll", {
+Object.defineProperty(exports, 'useInfiniteScroll', {
   enumerable: true,
@@ -9,0 +9,0 @@ get: function get() {

lib/useInfiniteScroll.js

@@ -31,3 +31,3 @@ "use strict";
 
-  var ref = (0, _react.useRef)();
+  var ref = (0, _react.useRef)(null);
 
@@ -34,0 +34,0 @@ var _useWindowSize = (0, _useWindowSize3.default)(),

lib/useWindowSize.js

@@ -1,2 +0,2 @@
-"use strict";
+'use strict';
 
@@ -7,6 +7,6 @@ exports.__esModule = true;
 
-var _react = require("react");
+var _react = require('react');
 
 function useWindowSize() {
-  var validWindow = (typeof window === "undefined" ? "undefined" : _typeof(window)) === "object";
+  var validWindow = (typeof window === 'undefined' ? 'undefined' : _typeof(window)) === 'object';
 
@@ -32,6 +32,6 @@ var getSize = (0, _react.useCallback)(function () {
     if (validWindow) {
-      window.addEventListener("resize", handleResize);
+      window.addEventListener('resize', handleResize);
 
       return function () {
-        window.removeEventListener("resize", handleResize);
+        window.removeEventListener('resize', handleResize);
       };
@@ -45,2 +45,2 @@ }
 exports.default = useWindowSize;
-module.exports = exports["default"];
+module.exports = exports['default'];

package.json

 {
   "name": "react-infinite-scroll-hook",
-  "version": "2.0.0",
+  "version": "2.0.1-beta.0",
   "description": "A simple hook to create infinite scroll components",
@@ -47,11 +47,14 @@ "author": "Onur Onder",
     "eslint": "^5.16.0",
-    "eslint-loader": "^2.1.2",
-    "eslint-plugin-react": "^7.13.0",
-    "eslint-plugin-react-hooks": "^1.6.0",
+    "eslint-config-prettier": "^6.0.0",
+    "eslint-loader": "^2.2.1",
+    "eslint-plugin-prettier": "^3.1.0",
+    "eslint-plugin-react": "^7.14.2",
+    "eslint-plugin-react-hooks": "^1.6.1",
     "gh-pages": "^2.0.1",
     "nwb": "0.23.x",
+    "prettier": "^1.18.2",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
-    "styled-components": "^4.3.1"
+    "styled-components": "^4.3.2"
   }
 }

README.md

@@ -14,2 +14,8 @@ # react-infinite-scroll-hook
 
+### Installation
+
+```sh
+npm install react-infinite-scroll-hook
+```
+
 ### Basic Usage
@@ -29,3 +35,3 @@
       setLoading(false);
-      setHasNextPage(nextPage.hasNextPage);
+      setHasNextPage(newPage.hasNextPage);
       setItems([...items, newPage.items]);
@@ -32,0 +38,0 @@ });

umd/react-infinite-scroll-hook.js

 /*!
- * react-infinite-scroll-hook v2.0.0 - https://onderonur.github.io/react-infinite-scroll-hook/
+ * react-infinite-scroll-hook v2.0.1-beta.0 - https://onderonur.github.io/react-infinite-scroll-hook/
  * MIT Licensed
@@ -130,3 +130,3 @@ */
 function useWindowSize() {
-  var validWindow = (typeof window === "undefined" ? "undefined" : _typeof(window)) === "object";
+  var validWindow = (typeof window === 'undefined' ? 'undefined' : _typeof(window)) === 'object';
 
@@ -152,6 +152,6 @@ var getSize = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["useCallback"])(function () {
     if (validWindow) {
-      window.addEventListener("resize", handleResize);
+      window.addEventListener('resize', handleResize);
 
       return function () {
-        window.removeEventListener("resize", handleResize);
+        window.removeEventListener('resize', handleResize);
       };
@@ -211,3 +211,3 @@ }
 
-  var ref = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["useRef"])();
+  var ref = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["useRef"])(null);
 
@@ -214,0 +214,0 @@ var _useWindowSize = src_useWindowSize(),

umd/react-infinite-scroll-hook.min.js

 /*!
- * react-infinite-scroll-hook v2.0.0 - https://onderonur.github.io/react-infinite-scroll-hook/
+ * react-infinite-scroll-hook v2.0.1-beta.0 - https://onderonur.github.io/react-infinite-scroll-hook/
  * MIT Licensed
  */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.ReactInfiniteScrollHook=t(require("react")):e.ReactInfiniteScrollHook=t(e.React)}(window,function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(t,n){t.exports=e},function(e,t,n){e.exports=n(2)},function(e,t,n){"use strict";n.r(t);var r=n(0),o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};var i=function(){var e="object"===("undefined"==typeof window?"undefined":o(window)),t=Object(r.useCallback)(function(){return{width:e?window.innerWidth:void 0,height:e?window.innerHeight:void 0}},[e]),n=Object(r.useState)(t()),i=n[0],u=n[1];return Object(r.useEffect)(function(){function n(){u(t())}if(e)return window.addEventListener("resize",n),function(){window.removeEventListener("resize",n)}},[t,e]),i};var u=function(e,t){var n=Object(r.useRef)();Object(r.useEffect)(function(){n.current=e},[e]),Object(r.useEffect)(function(){if(t){var e=setInterval(function(){n.current()},t);return function(){return clearInterval(e)}}},[t])},f="window",c="parent";var a=function(e){var t=e.loading,n=e.hasNextPage,o=e.onLoadMore,a=e.threshold,l=void 0===a?150:a,d=e.checkInterval,p=void 0===d?200:d,s=e.scrollContainer,b=void 0===s?f:s,v=Object(r.useRef)(),y=i(),m=y.height,j=y.width,w=Object(r.useState)(!0),g=w[0],h=w[1];function O(){var e=v.current.parentNode.getBoundingClientRect();return{top:e.top,bottom:e.bottom,left:e.left,right:e.right}}function S(){if(g&&!t&&n&&v.current){if(b===c&&!function(){if(v.current&&v.current.parentNode){var e=O(),t=e.left,n=e.right,r=e.top,o=e.bottom;if(t>j)return!1;if(n<0)return!1;if(r>m)return!1;if(o<0)return!1}return!0}())return;(function(){var e=v.current.getBoundingClientRect().bottom,t=e-m;return b===c&&(t=e-O().bottom),t})()<l&&(h(!1),o())}}return Object(r.useEffect)(function(){t||h(!0)},[t]),u(function(){S()},n?p:0),v};n.d(t,"useInfiniteScroll",function(){return a})}]).default});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.ReactInfiniteScrollHook=t(require("react")):e.ReactInfiniteScrollHook=t(e.React)}(window,function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(t,n){t.exports=e},function(e,t,n){e.exports=n(2)},function(e,t,n){"use strict";n.r(t);var r=n(0),o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};var i=function(){var e="object"===("undefined"==typeof window?"undefined":o(window)),t=Object(r.useCallback)(function(){return{width:e?window.innerWidth:void 0,height:e?window.innerHeight:void 0}},[e]),n=Object(r.useState)(t()),i=n[0],u=n[1];return Object(r.useEffect)(function(){function n(){u(t())}if(e)return window.addEventListener("resize",n),function(){window.removeEventListener("resize",n)}},[t,e]),i};var u=function(e,t){var n=Object(r.useRef)();Object(r.useEffect)(function(){n.current=e},[e]),Object(r.useEffect)(function(){if(t){var e=setInterval(function(){n.current()},t);return function(){return clearInterval(e)}}},[t])},f="window",c="parent";var l=function(e){var t=e.loading,n=e.hasNextPage,o=e.onLoadMore,l=e.threshold,a=void 0===l?150:l,d=e.checkInterval,p=void 0===d?200:d,s=e.scrollContainer,b=void 0===s?f:s,v=Object(r.useRef)(null),y=i(),m=y.height,j=y.width,w=Object(r.useState)(!0),g=w[0],h=w[1];function O(){var e=v.current.parentNode.getBoundingClientRect();return{top:e.top,bottom:e.bottom,left:e.left,right:e.right}}function S(){if(g&&!t&&n&&v.current){if(b===c&&!function(){if(v.current&&v.current.parentNode){var e=O(),t=e.left,n=e.right,r=e.top,o=e.bottom;if(t>j)return!1;if(n<0)return!1;if(r>m)return!1;if(o<0)return!1}return!0}())return;(function(){var e=v.current.getBoundingClientRect().bottom,t=e-m;return b===c&&(t=e-O().bottom),t})()<a&&(h(!1),o())}}return Object(r.useEffect)(function(){t||h(!0)},[t]),u(function(){S()},n?p:0),v};n.d(t,"useInfiniteScroll",function(){return l})}]).default});
 //# sourceMappingURL=react-infinite-scroll-hook.min.js.map

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

45253

0.77%

Number of lines in readme file

74

8.82%

Worsened metrics

Dev dependency count

12

33.33%

Number of low quality alerts

2

100%

No dependency changes