@tap-payments/os-micro-frontend-shared 0.1.391-test.2 → 0.1.391-test.6

package/build/hooks/useScrolledTo.js

@@ -1,45 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-const DEFAULT_THRESHOLD = 10;
-export function useScrolledTo({ threshold = DEFAULT_THRESHOLD, containerRef } = {}) {
-    const [scrolledToTop, setScrolledToTop] = useState(true);
-    const [scrolledToBottom, setScrolledToBottom] = useState(false);
-    const [scrollable, setScrollable] = useState(false);
-    const updateFromElement = useCallback((el) => {
-        const { scrollTop, scrollHeight, clientHeight } = el;
-        setScrollable(scrollHeight > clientHeight + threshold);
-        setScrolledToTop(scrollTop <= threshold);
-        setScrolledToBottom(scrollHeight - (scrollTop + clientHeight) <= threshold);
-    }, [threshold]);
-    const handleScroll = useCallback((source) => {
-        if (!source)
-            return;
-        // React onScroll event
-        if ('currentTarget' in source) {
-            updateFromElement(source.currentTarget);
-            return;
-        }
-        // Direct HTMLElement
-        updateFromElement(source);
-    }, [updateFromElement]);
-    useEffect(() => {
-        if (!(containerRef === null || containerRef === void 0 ? void 0 : containerRef.current))
-            return;
-        const element = containerRef.current;
-        // Initial calculation
-        handleScroll(element);
-        // Watch for container size changes
-        const resizeObserver = new ResizeObserver(() => {
-            handleScroll(element);
-        });
-        resizeObserver.observe(element);
-        return () => {
-            resizeObserver.disconnect();
-        };
-    }, [containerRef, handleScroll]);
-    return {
-        handleScroll,
-        scrolledToTop,
-        scrolledToBottom,
-        scrollable,
-    };
-}