@codacy/ui-components 0.62.3 → 0.62.4

package/lib/hooks/useInfiniteScroll.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
+/** @deprecated Use useInfiniteScrollRef instead */
 export declare function useInfiniteScroll<T extends Element>(ref: React.RefObject<T>, onLoadMore?: () => void, containerRef?: Element | null): void;
+export default function useInfiniteScrollRef<T extends Element>(onLoadMore?: () => void, containerRef?: Element | null): (node: T) => void;

package/lib/hooks/useInfiniteScroll.js

@@ -1,4 +1,7 @@
-import { useCallback, useEffect, useRef } from 'react';
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useCallback, useEffect, useRef } from 'react';
+/** @deprecated Use useInfiniteScrollRef instead */
+
 export function useInfiniteScroll(ref, onLoadMore, containerRef) {
   var observer = useRef();
   var handleLoadMore = useCallback(function (entries, _) {
@@ -18,4 +21,34 @@ export function useInfiniteScroll(ref, onLoadMore, containerRef) {
       if (observer.current) observer.current.disconnect();
     };
   }, [ref, handleLoadMore, containerRef]);
+}
+export default function useInfiniteScrollRef(onLoadMore, containerRef) {
+  var observer = useRef();
+
+  var _React$useState = React.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      ref = _React$useState2[0],
+      setRef = _React$useState2[1];
+
+  var handleLoadMore = useCallback(function (entries, _) {
+    if (entries[0].isIntersecting && onLoadMore) {
+      onLoadMore();
+    }
+  }, [onLoadMore]);
+  var refCallback = useCallback(function (node) {
+    setRef(node);
+  }, []);
+  useEffect(function () {
+    if (ref) {
+      observer.current = new IntersectionObserver(handleLoadMore, {
+        root: containerRef
+      });
+      observer.current.observe(ref);
+    }
+
+    return function () {
+      if (observer.current) observer.current.disconnect();
+    };
+  }, [ref, handleLoadMore, containerRef]);
+  return refCallback;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codacy/ui-components",
-  "version": "0.62.3",
+  "version": "0.62.4",
   "description": "",
   "license": "ISC",
   "author": "",