react-virtual-renderer 1.0.5 → 1.0.7

package/README.md

@@ -1,8 +1,8 @@
-# React Virtual Renderer
+# 🚀 React Virtual Renderer
 
-High-performance React virtualization library for **large lists, grids, tables, infinite scrolling, dynamic heights, and masonry layouts**.
+High-performance React virtualization library for **large lists, grids, tables, infinite scrolling, chat apps, dynamic heights, and masonry layouts**.
 
-A modern alternative to react-window and react-virtualized with built-in accessibility, dynamic sizing, and TypeScript support.
+A modern alternative to `react-window` and `react-virtualized` with **better layout flexibility, TypeScript-first API, and advanced rendering control**.
 
 ![npm version](https://img.shields.io/npm/v/react-virtual-renderer)
 ![downloads](https://img.shields.io/npm/dm/react-virtual-renderer)
@@ -11,82 +11,80 @@ A modern alternative to react-window and react-virtualized with built-in accessi
 
 ---
 
-## Why React Virtual Renderer?
+## ✨ Why React Virtual Renderer?
 
-Rendering thousands of DOM nodes can severely impact performance.
+Rendering thousands of DOM nodes can severely degrade performance in React apps.
 
-React Virtual Renderer only renders visible items, allowing your application to handle:
+This library solves it by rendering **only visible items + overscan buffer**, enabling smooth performance at scale.
 
-- 10,000+ rows
-- Infinite scrolling
-- Dynamic item heights
-- Large tables
-- Chat applications
-- Product catalogs
-- Masonry layouts
+### Built for:
 
-while maintaining smooth scrolling and low memory usage.
+- Chat applications (WhatsApp-style, reverse scroll)
+- Large data tables (10k+ rows)
+- Infinite feeds
+- E-commerce product catalogs
+- Masonry / Pinterest layouts
+- Real-time dashboards
+- Search-heavy UIs
 
 ---
 
-## Features
+## ⚡ Features
 
-### Performance
+### 🚀 Performance
 
-- Virtualized Lists
-- Virtualized Grids
-- Infinite Scrolling
-- Dynamic Heights
-- Variable Item Sizes
-- Overscan Optimization
-- Scroll Position Restoration
+- Virtualized List rendering
+- Virtualized Grid system
+- Infinite scroll support
+- Reverse scrolling (chat apps)
+- Overscan buffering
+- Dynamic height measurement
+- Measurement caching engine
+- Stable scroll handling
 
-### Developer Experience
+### 🧠 Layout Engine
 
-- TypeScript First
-- Tree Shakeable
-- Lightweight Bundle
-- Zero Dependencies
-- React 18 & React 19 Support
+- Fixed grid layout
+- Masonry layout (Pinterest-style)
+- Variable row heights
+- Auto column calculation
+- Sticky rows support
+- Adaptive overscan based on scroll speed
 
-### Accessibility
+### 🧑‍💻 Developer Experience
 
-- WCAG 2.1 AA Friendly
-- Keyboard Navigation
-- ARIA Support
-- Screen Reader Compatible
+- Full TypeScript support
+- Hook-based API (`useVirtualList`)
+- Imperative scroll control
+- Ref forwarding support
+- Zero dependencies
+- React 18+ compatible
 
-### Layouts
+### ♿ Accessibility
 
-- List
-- Grid
-- Masonry
-- Feed Layout
+- Minimal DOM updates
+- Screen-reader safe structure
+- Keyboard-friendly scrolling
 
 ---
 
-## Installation
+## 📦 Installation
 
-```bash
+````bash
 npm install react-virtual-renderer
-```
 
-or
-
-```bash
-yarn add react-virtual-renderer
-```
+## 🚀 Quick Start Examples
 
 ---
 
-## Quick Start
+### 📋 Basic Virtual List
 
 ```tsx
 import { VirtualList } from "react-virtual-renderer";
 
-const items = Array.from({ length: 10000 }, (_, index) => ({
-  id: index,
-  name: `Item ${index}`,
+const items = Array.from({ length: 10000 }, (_, i) => ({
+  id: i,
+  name: `Item ${i}`,
 }));
 
 export default function App() {
@@ -94,77 +92,13 @@ export default function App() {
     <VirtualList
       items={items}
       height={600}
-      renderItem={({ item }) => <div style={{ padding: 12 }}>{item.name}</div>}
+      estimatedItemSize={40}
+      renderItem={({ item }) => (
+        <div style={{ padding: 12 }}>
+          {item.name}
+        </div>
+      )}
     />
   );
 }
-```
-
----
-
-## Common Use Cases
-
-- Chat Applications
-- Messaging Systems
-- Activity Feeds
-- Social Networks
-- Infinite Scroll Lists
-- Data Tables
-- Admin Dashboards
-- Product Catalogs
-- E-commerce Grids
-- Analytics Dashboards
-
----
-
-## Comparison
-
-| Feature         | React Virtual Renderer | react-window | react-virtualized |
-| --------------- | ---------------------- | ------------ | ----------------- |
-| Dynamic Heights | ✅                     | ⚠️           | ⚠️                |
-| Infinite Scroll | ✅                     | ❌           | ⚠️                |
-| Masonry Layout  | ✅                     | ❌           | ⚠️                |
-| Accessibility   | ✅                     | ❌           | ⚠️                |
-| TypeScript      | ✅                     | ⚠️           | ⚠️                |
-| Lightweight     | ✅                     | ✅           | ❌                |
-| React 19 Ready  | ✅                     | ⚠️           | ⚠️                |
-
----
-
-## Roadmap
-
-### v1.x
-
-- Virtual Lists
-- Virtual Grids
-- Infinite Scroll
-- Dynamic Heights
-- Accessibility
-
-### v2.x
-
-- Masonry Layouts
-- Waterfall Layouts
-- Advanced Grid System
-
-### v3.x
-
-- Visual Debugger
-- Performance Inspector
-- Analytics Dashboard
-
----
-
-## Documentation
-
-- Getting Started
-- API Reference
-- Accessibility Guide
-- Performance Guide
-- Examples
-
----
-
-## License
-
-MIT
+````

package/dist/components/VirtualGrid.d.ts

@@ -1,8 +1,4 @@
-import React from 'react';
-import { VirtualGridProps } from '../types';
-/**
- * VirtualGrid Component
- * Efficient rendering for grid and masonry layouts
- */
+import React from "react";
+import { VirtualGridProps } from "../types";
 export declare const VirtualGrid: React.ForwardRefExoticComponent<VirtualGridProps<any> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=VirtualGrid.d.ts.map

package/dist/components/VirtualGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualGrid.d.ts","sourceRoot":"","sources":["../../src/components/VirtualGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,gBAAgB,EAAmB,MAAM,UAAU,CAAC;AAW7D;;;GAGG;AACH,eAAO,MAAM,WAAW,8FAkTvB,CAAC"}
+{"version":3,"file":"VirtualGrid.d.ts","sourceRoot":"","sources":["../../src/components/VirtualGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAS5C,eAAO,MAAM,WAAW,8FAyQvB,CAAC"}

package/dist/components/VirtualGrid.js

@@ -1,187 +1,175 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo, useState, useRef, useImperativeHandle, } from 'react';
-/**
- * VirtualGrid Component
- * Efficient rendering for grid and masonry layouts
- */
-export const VirtualGrid = forwardRef(({ items, renderItem, itemKey, height, width, columnCount = 3, rowHeight = 200, columnWidth, layout = 'grid', overscan = 3, gap = 16, onScroll, className = '', style = {}, }, containerRef) => {
-    const [scrollOffset, setScrollOffset] = useState(0);
+import { forwardRef, useMemo, useState, useRef, useEffect, useImperativeHandle, } from "react";
+export const VirtualGrid = forwardRef(({ items, renderItem, itemKey, height = 600, width = "100%", columnCount = 3, rowHeight = 200, columnWidth, layout = "grid", overscan = 5, gap = 16, onScroll, innerClassName, innerStyle, }, ref) => {
+    const containerRef = useRef(null);
+    useImperativeHandle(ref, () => containerRef.current);
+    const [scrollTop, setScrollTop] = useState(0);
     const [isScrolling, setIsScrolling] = useState(false);
-    const internalContainerRef = useRef(null);
-    const scrollTimeoutRef = useRef(null);
-    const columnHeightsRef = useRef([]);
+    const scrollTimeout = useRef(null);
     /**
-     * Expose container ref
+     * ✅ FIX 1: Safe container width (supports %, number, fallback)
      */
-    useImperativeHandle(containerRef, () => internalContainerRef.current);
+    const containerWidth = useMemo(() => {
+        if (typeof width === "number")
+            return width;
+        if (typeof width === "string") {
+            if (width.endsWith("%")) {
+                const parentWidth = containerRef.current?.offsetWidth ||
+                    window.innerWidth;
+                return (parseFloat(width) / 100) * parentWidth;
+            }
+            const parsed = Number(width);
+            return Number.isFinite(parsed) ? parsed : 800;
+        }
+        return 800;
+    }, [width]);
     /**
-     * Calculate columns
+     * Columns
      */
-    const cols = typeof columnCount === 'number'
-        ? columnCount
-        : Math.floor(width /
-            (typeof columnWidth === 'number'
-                ? columnWidth
-                : 200));
+    const cols = useMemo(() => {
+        if (columnCount === "auto") {
+            const containerWidth = typeof width === "number"
+                ? width
+                : containerRef.current?.offsetWidth || 800;
+            const minColWidth = 250; // you can tune this
+            return Math.max(1, Math.floor(containerWidth / minColWidth));
+        }
+        return Math.max(1, columnCount);
+    }, [columnCount, width]);
     /**
-     * Calculate column width
+     * ✅ FIX 2: Safe column width (NO NaN ever)
      */
-    const colWidth = typeof columnWidth === 'number'
-        ? columnWidth
-        : width / cols;
+    const colWidth = useMemo(() => {
+        if (typeof columnWidth === "number")
+            return columnWidth;
+        const safeWidth = Number.isFinite(containerWidth)
+            ? containerWidth
+            : 800;
+        return (safeWidth - gap * (cols - 1)) / cols;
+    }, [columnWidth, containerWidth, cols, gap]);
     /**
-     * Calculate item positions
+     * Precompute positions
      */
     const positions = useMemo(() => {
-        const calculatedPositions = [];
-        if (layout === 'masonry') {
-            const columnHeights = Array(cols).fill(0);
-            items.forEach((_, index) => {
-                const shortestColIndex = columnHeights.indexOf(Math.min(...columnHeights));
-                const itemHeight = typeof rowHeight === 'function'
-                    ? rowHeight(index)
+        const pos = [];
+        if (!Number.isFinite(colWidth))
+            return pos;
+        if (layout === "masonry") {
+            const colHeights = Array(cols).fill(0);
+            for (let i = 0; i < items.length; i++) {
+                const minCol = colHeights.indexOf(Math.min(...colHeights));
+                const h = typeof rowHeight === "function"
+                    ? rowHeight(i)
                     : rowHeight;
-                const position = {
-                    row: 0,
-                    col: shortestColIndex,
-                    x: shortestColIndex *
-                        (colWidth + gap),
-                    y: columnHeights[shortestColIndex],
+                pos.push({
+                    x: minCol * (colWidth + gap),
+                    y: colHeights[minCol],
                     width: colWidth,
-                    height: itemHeight,
-                };
-                calculatedPositions.push(position);
-                columnHeights[shortestColIndex] +=
-                    itemHeight + gap;
-            });
-            columnHeightsRef.current = columnHeights;
+                    height: h,
+                });
+                colHeights[minCol] += h + gap;
+            }
         }
         else {
-            items.forEach((_, index) => {
-                const row = Math.floor(index / cols);
-                const col = index % cols;
-                const itemHeight = typeof rowHeight === 'function'
-                    ? rowHeight(index)
+            for (let i = 0; i < items.length; i++) {
+                const row = Math.floor(i / cols);
+                const col = i % cols;
+                const h = typeof rowHeight === "function"
+                    ? rowHeight(i)
                     : rowHeight;
-                calculatedPositions.push({
-                    row,
-                    col,
+                pos.push({
                     x: col * (colWidth + gap),
-                    y: row * (itemHeight + gap),
+                    y: row * (h + gap),
                     width: colWidth,
-                    height: itemHeight,
+                    height: h,
                 });
-            });
+            }
         }
-        return calculatedPositions;
-    }, [
-        items,
-        cols,
-        colWidth,
-        gap,
-        layout,
-        rowHeight,
-    ]);
+        return pos;
+    }, [items, cols, colWidth, gap, layout, rowHeight]);
     /**
-     * Visible range calculation
+     * Visible range (safe + stable)
      */
     const visibleRange = useMemo(() => {
-        const startIdx = positions.findIndex((p) => p.y + p.height > scrollOffset);
-        const endIdx = positions.findIndex((p) => p.y > scrollOffset + height);
-        const start = Math.max(0, (startIdx === -1 ? 0 : startIdx) - overscan);
-        const end = endIdx === -1
-            ? items.length
-            : Math.min(items.length, endIdx + overscan);
+        const startIndex = positions.findIndex((p) => p.y + p.height >= scrollTop);
+        const endIndex = positions.findIndex((p) => p.y > scrollTop + (typeof height === "number" ? height : 600));
+        const start = Math.max(0, startIndex - overscan);
+        const end = endIndex === -1
+            ? items.length - 1
+            : Math.min(items.length - 1, endIndex + overscan);
         return { start, end };
-    }, [
-        positions,
-        scrollOffset,
-        height,
-        overscan,
-        items.length,
-    ]);
+    }, [positions, scrollTop, height, overscan, items.length]);
+    /**
+     * Total height (safe)
+     */
+    const totalHeight = useMemo(() => {
+        if (!positions.length)
+            return 0;
+        if (layout === "masonry") {
+            return Math.max(...positions.map((p) => p.y + p.height));
+        }
+        const rows = Math.ceil(items.length / cols);
+        const avgHeight = typeof rowHeight === "function" ? 200 : rowHeight;
+        return rows * (avgHeight + gap);
+    }, [positions, layout, items.length, cols, rowHeight, gap]);
     /**
      * Scroll handler
      */
     const handleScroll = (e) => {
-        const offset = e.currentTarget.scrollTop;
-        setScrollOffset(offset);
+        const top = e.currentTarget.scrollTop;
+        setScrollTop(top);
         setIsScrolling(true);
-        if (onScroll) {
-            onScroll(offset);
+        onScroll?.(top, e.currentTarget.scrollLeft);
+        if (scrollTimeout.current) {
+            clearTimeout(scrollTimeout.current);
         }
-        if (scrollTimeoutRef.current) {
-            clearTimeout(scrollTimeoutRef.current);
-        }
-        scrollTimeoutRef.current = setTimeout(() => {
+        scrollTimeout.current = setTimeout(() => {
             setIsScrolling(false);
-        }, 150);
+        }, 120);
     };
-    /**
-     * Total grid height
-     */
-    const totalHeight = useMemo(() => {
-        if (layout === 'masonry') {
-            return Math.max(...(columnHeightsRef.current.length
-                ? columnHeightsRef.current
-                : [0]));
-        }
-        const totalRows = Math.ceil(items.length / cols);
-        const maxItemHeight = Math.max(...Array.from({ length: items.length || 1 }, (_, i) => typeof rowHeight === 'function'
-            ? rowHeight(i)
-            : rowHeight));
-        return totalRows * (maxItemHeight + gap);
-    }, [
-        items.length,
-        cols,
-        gap,
-        layout,
-        rowHeight,
-    ]);
-    /**
-     * Container style
-     */
+    useEffect(() => {
+        return () => {
+            if (scrollTimeout.current) {
+                clearTimeout(scrollTimeout.current);
+            }
+        };
+    }, []);
     const containerStyle = {
         height,
         width,
-        overflow: 'auto',
-        position: 'relative',
-        ...style,
+        overflowY: "auto",
+        overflowX: "hidden",
+        position: "relative",
+        ...innerStyle,
     };
-    /**
-     * Grid wrapper style
-     */
-    const gridStyle = {
-        position: 'relative',
+    const safeColWidth = Number.isFinite(colWidth) ? colWidth : 200;
+    const innerStyleComputed = {
+        position: "relative",
         height: totalHeight,
-        width: '100%',
+        width: cols * safeColWidth + gap * (cols - 1),
     };
-    return (_jsx("div", { ref: internalContainerRef, className: `virtualize-grid ${className}`, style: containerStyle, onScroll: handleScroll, children: _jsx("div", { style: gridStyle, className: "virtualize-grid-inner", children: items.map((item, index) => {
-                if (index < visibleRange.start ||
-                    index >= visibleRange.end) {
+    return (_jsx("div", { ref: containerRef, className: innerClassName, style: containerStyle, onScroll: handleScroll, children: _jsx("div", { style: innerStyleComputed, children: Array.from({ length: visibleRange.end - visibleRange.start + 1 }, (_, i) => {
+                const index = visibleRange.start + i;
+                const item = items[index];
+                const pos = positions[index];
+                if (!item || !pos)
                     return null;
-                }
-                const position = positions[index];
-                if (!position) {
+                if (!Number.isFinite(pos.width))
                     return null;
-                }
-                const renderProps = {
-                    item,
-                    index,
-                    style: {
-                        position: 'absolute',
-                        left: position.x,
-                        top: position.y,
-                        width: position.width,
-                        height: position.height,
-                    },
-                    isScrolling,
+                const style = {
+                    position: "absolute",
+                    top: pos.y,
+                    left: pos.x,
+                    width: pos.width,
+                    height: pos.height,
                 };
-                const key = itemKey
-                    ? itemKey(index, item)
-                    : index;
-                return (_jsx("div", { style: renderProps.style, "data-virtualize-index": index, children: renderItem(renderProps) }, key));
+                return (_jsx("div", { style: style, children: renderItem({
+                        item,
+                        index,
+                        isScrolling,
+                        style,
+                    }) }, itemKey?.(index, item) ?? index));
             }) }) }));
 });
-VirtualGrid.displayName = 'VirtualGrid';
+VirtualGrid.displayName = "VirtualGrid";
 //# sourceMappingURL=VirtualGrid.js.map

package/dist/components/VirtualGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualGrid.js","sourceRoot":"","sources":["../../src/components/VirtualGrid.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"VirtualGrid.js","sourceRoot":"","sources":["../../src/components/VirtualGrid.tsx"],"names":[],"mappings":";AAAA,OAAc,EACV,UAAU,EACV,OAAO,EACP,QAAQ,EACR,MAAM,EACN,SAAS,EACT,mBAAmB,GACtB,MAAM,OAAO,CAAC;AAWf,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACjC,CACI,EACI,KAAK,EACL,UAAU,EACV,OAAO,EACP,MAAM,GAAG,GAAG,EACZ,KAAK,GAAG,MAAM,EACd,WAAW,GAAG,CAAC,EACf,SAAS,GAAG,GAAG,EACf,WAAW,EACX,MAAM,GAAG,MAAM,EACf,QAAQ,GAAG,CAAC,EACZ,GAAG,GAAG,EAAE,EACR,QAAQ,EACR,cAAc,EACd,UAAU,GACb,EACD,GAAG,EACL,EAAE;IACA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAyB,CAAC,CAAC;IAEvE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,aAAa,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE1D;;OAEG;IACH,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,OAAO,KAAK,CAAC;QAE5C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC5B,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBACtB,MAAM,WAAW,GACb,YAAY,CAAC,OAAO,EAAE,WAAW;oBACjC,MAAM,CAAC,UAAU,CAAC;gBAEtB,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,WAAW,CAAC;YACnD,CAAC;YAED,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YAC7B,OAAO,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;QAClD,CAAC;QAED,OAAO,GAAG,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ;;OAEG;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACtB,IAAI,WAAW,KAAK,MAAM,EAAE,CAAC;YACzB,MAAM,cAAc,GAChB,OAAO,KAAK,KAAK,QAAQ;gBACrB,CAAC,CAAC,KAAK;gBACP,CAAC,CAAC,YAAY,CAAC,OAAO,EAAE,WAAW,IAAI,GAAG,CAAC;YAEnD,MAAM,WAAW,GAAG,GAAG,CAAC,CAAC,oBAAoB;YAE7C,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC;QACjE,CAAC;QAED,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB;;OAEG;IACH,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,IAAI,OAAO,WAAW,KAAK,QAAQ;YAAE,OAAO,WAAW,CAAC;QAExD,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC;YAC7C,CAAC,CAAC,cAAc;YAChB,CAAC,CAAC,GAAG,CAAC;QAEV,OAAO,CAAC,SAAS,GAAG,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;IAE7C;;OAEG;IACH,MAAM,SAAS,GAAG,OAAO,CAAiB,GAAG,EAAE;QAC3C,MAAM,GAAG,GAAmB,EAAE,CAAC;QAE/B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAAE,OAAO,GAAG,CAAC;QAE3C,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YACvB,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAEvC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACpC,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAC7B,IAAI,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,CAC1B,CAAC;gBAEF,MAAM,CAAC,GACH,OAAO,SAAS,KAAK,UAAU;oBAC3B,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;oBACd,CAAC,CAAC,SAAS,CAAC;gBAEpB,GAAG,CAAC,IAAI,CAAC;oBACL,CAAC,EAAE,MAAM,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC;oBAC5B,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC;oBACrB,KAAK,EAAE,QAAQ;oBACf,MAAM,EAAE,CAAC;iBACZ,CAAC,CAAC;gBAEH,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;YAClC,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACpC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;gBACjC,MAAM,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC;gBAErB,MAAM,CAAC,GACH,OAAO,SAAS,KAAK,UAAU;oBAC3B,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;oBACd,CAAC,CAAC,SAAS,CAAC;gBAEpB,GAAG,CAAC,IAAI,CAAC;oBACL,CAAC,EAAE,GAAG,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC;oBACzB,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;oBAClB,KAAK,EAAE,QAAQ;oBACf,MAAM,EAAE,CAAC;iBACZ,CAAC,CAAC;YACP,CAAC;QACL,CAAC;QAED,OAAO,GAAG,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IAEpD;;OAEG;IACH,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,UAAU,GAAG,SAAS,CAAC,SAAS,CAClC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,IAAI,SAAS,CACrC,CAAC;QAEF,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,CAChC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CACvE,CAAC;QAEF,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC,CAAC;QAEjD,MAAM,GAAG,GACL,QAAQ,KAAK,CAAC,CAAC;YACX,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;YAClB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC,CAAC;QAE1D,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;IAC1B,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAE3D;;OAEG;IACH,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,SAAS,CAAC,MAAM;YAAE,OAAO,CAAC,CAAC;QAEhC,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YACvB,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;QAC7D,CAAC;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;QAC5C,MAAM,SAAS,GACX,OAAO,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;QAEtD,OAAO,IAAI,GAAG,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;IAE5D;;OAEG;IACH,MAAM,YAAY,GAAG,CAAC,CAAgC,EAAE,EAAE;QACtD,MAAM,GAAG,GAAG,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC;QAEtC,YAAY,CAAC,GAAG,CAAC,CAAC;QAClB,cAAc,CAAC,IAAI,CAAC,CAAC;QAErB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAE5C,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YACxB,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACxC,CAAC;QAED,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACpC,cAAc,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE;YACR,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;gBACxB,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACxC,CAAC;QACL,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAwB;QACxC,MAAM;QACN,KAAK;QACL,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,UAAU;QACpB,GAAG,UAAU;KAChB,CAAC;IAEF,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;IAEhE,MAAM,kBAAkB,GAAwB;QAC5C,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,WAAW;QACnB,KAAK,EAAE,IAAI,GAAG,YAAY,GAAG,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC;KAChD,CAAC;IAEF,OAAO,CACH,cACI,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,YAAY,YAEtB,cAAK,KAAK,EAAE,kBAAkB,YACzB,KAAK,CAAC,IAAI,CACP,EAAE,MAAM,EAAE,YAAY,CAAC,GAAG,GAAG,YAAY,CAAC,KAAK,GAAG,CAAC,EAAE,EACrD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACL,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,GAAG,CAAC,CAAC;gBAErC,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;gBAC1B,MAAM,GAAG,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;gBAE7B,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG;oBAAE,OAAO,IAAI,CAAC;gBAC/B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;oBAAE,OAAO,IAAI,CAAC;gBAE7C,MAAM,KAAK,GAAwB;oBAC/B,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,GAAG,CAAC,CAAC;oBACV,IAAI,EAAE,GAAG,CAAC,CAAC;oBACX,KAAK,EAAE,GAAG,CAAC,KAAK;oBAChB,MAAM,EAAE,GAAG,CAAC,MAAM;iBACrB,CAAC;gBAEF,OAAO,CACH,cAII,KAAK,EAAE,KAAK,YAEX,UAAU,CAAC;wBACR,IAAI;wBACJ,KAAK;wBACL,WAAW;wBACX,KAAK;qBACR,CAAC,IATE,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,KAAK,CAUjC,CACT,CAAC;YACN,CAAC,CACJ,GACC,GACJ,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/components/VirtualList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../src/components/VirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,gBAAgB,EAAmB,MAAM,UAAU,CAAC;AAE7D;;;GAGG;AACH,eAAO,MAAM,WAAW,8FAsLvB,CAAC"}
+{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../src/components/VirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAGf,OAAO,EACH,gBAAgB,EAEnB,MAAM,UAAU,CAAC;AAElB;;;GAGG;AACH,eAAO,MAAM,WAAW,8FAoPvB,CAAC"}