@versini/ui-datagrid 0.3.8 → 0.4.0

package/dist/DataGridInfinite/useInfiniteScroll.js

@@ -1,136 +0,0 @@
-/*!
-  @versini/ui-datagrid v0.3.8
-  © 2026 gizmette.com
-*/
-
-import { useCallback, useEffect, useRef, useState } from "react";
-
-;// CONCATENATED MODULE: external "react"
-
-;// CONCATENATED MODULE: ./src/DataGridInfinite/useInfiniteScroll.ts
-
-const DEFAULT_BATCH_SIZE = 20;
-const DEFAULT_THRESHOLD = 5;
-const DEFAULT_ROOT_MARGIN = "20px";
-/**
- * Finds the nearest scrollable ancestor of an element. Returns null if no
- * scrollable ancestor is found (uses viewport).
- */ function findScrollableAncestor(element) {
-    let parent = element.parentElement;
-    while(parent){
-        const style = getComputedStyle(parent);
-        const overflowY = style.overflowY;
-        if (overflowY === "auto" || overflowY === "scroll") {
-            return parent;
-        }
-        parent = parent.parentElement;
-    }
-    return null;
-}
-/**
- * Hook for implementing infinite scroll with IntersectionObserver.
- *
- * @example
- * ```tsx
- * const { visibleCount, hasMore, markerRef } = useInfiniteScroll({
- *   totalItems: data.length,
- *   batchSize: 25,
- * });
- *
- * return (
- *   <DataGrid>
- *     <DataGridBody>
- *       {data.slice(0, visibleCount).map((item, index) => (
- *         <DataGridRow key={item.id}>...</DataGridRow>
- *       ))}
- *       {hasMore && <InfiniteScrollMarker ref={markerRef} />}
- *     </DataGridBody>
- *   </DataGrid>
- * );
- * ```
- *
- */ function useInfiniteScroll({ batchSize = DEFAULT_BATCH_SIZE, threshold = DEFAULT_THRESHOLD, rootMargin = DEFAULT_ROOT_MARGIN, totalItems, initialVisibleCount, onLoadMore, scrollContainer }) {
-    const observerRef = useRef(null);
-    const initialCount = initialVisibleCount ?? batchSize + threshold;
-    const [visibleCount, setVisibleCount] = useState(Math.min(initialCount, totalItems));
-    const hasMore = visibleCount < totalItems;
-    /**
-	 * IntersectionObserver callback - triggered when marker becomes visible.
-	 */ const handleIntersection = useCallback((entries)=>{
-        const target = entries[0];
-        if (target?.isIntersecting) {
-            setVisibleCount((prev)=>{
-                const newCount = Math.min(prev + batchSize, totalItems);
-                if (onLoadMore && newCount > prev) {
-                    onLoadMore(newCount);
-                }
-                return newCount;
-            });
-        }
-    }, [
-        batchSize,
-        totalItems,
-        onLoadMore
-    ]);
-    /**
-	 * Callback ref for the marker element. Creates/disconnects observer as needed.
-	 */ const markerRef = useCallback((node)=>{
-        // Disconnect previous observer.
-        if (observerRef.current) {
-            observerRef.current.disconnect();
-            observerRef.current = null;
-        }
-        if (node && typeof IntersectionObserver !== "undefined") {
-            // Find the scrollable ancestor if not explicitly provided.
-            const root = scrollContainer ?? findScrollableAncestor(node);
-            const options = {
-                root,
-                rootMargin
-            };
-            observerRef.current = new IntersectionObserver(handleIntersection, options);
-            observerRef.current.observe(node);
-        }
-    }, [
-        handleIntersection,
-        rootMargin,
-        scrollContainer
-    ]);
-    /**
-	 * Reset to initial count.
-	 */ const reset = useCallback(()=>{
-        setVisibleCount(Math.min(initialCount, totalItems));
-    }, [
-        initialCount,
-        totalItems
-    ]);
-    /**
-	 * Expand visible count to include a specific index. Useful for scroll-to-row
-	 * functionality.
-	 */ const expandToInclude = useCallback((index)=>{
-        if (index >= visibleCount) {
-            setVisibleCount(index + threshold);
-        }
-    }, [
-        visibleCount,
-        threshold
-    ]);
-    /**
-	 * Cleanup observer on unmount.
-	 */ useEffect(()=>{
-        return ()=>{
-            if (observerRef.current) {
-                observerRef.current.disconnect();
-            }
-        };
-    }, []);
-    return {
-        visibleCount,
-        hasMore,
-        markerRef,
-        reset,
-        setVisibleCount,
-        expandToInclude
-    };
-}
-
-export { findScrollableAncestor, useInfiniteScroll };