@candidstartup/react-virtual-scroll 0.3.1 → 0.5.0

package/README.md

@@ -23,7 +23,7 @@ Most of the logic is implemented by custom hooks that are used by both `VirtualL
 import { VirtualList, useVariableSizeItemOffsetMapping } from '@candidstartup/react-virtual-scroll';
 
 const mapping = useVariableSizeItemOffsetMapping(30, [50]);
-const list = React.createRef();
+const list = React.useRef(null);
 
 ...
 
@@ -46,7 +46,7 @@ import { VirtualList, useVariableSizeItemOffsetMapping, useFixedSizeItemOffsetMa
 
 const rowMapping = useVariableSizeItemOffsetMapping(30, [50]);
 const columnMapping = useFixedSizeItemOffsetMapping(280);
-const grid = React.createRef();
+const grid = React.useRef(null);
 
 ...
 

package/dist/index.d.ts

@@ -1,88 +1,350 @@
 import React from 'react';
 
+/**
+ * Common props for {@link VirtualListItem} and {@link VirtualGridItem}
+ */
 interface VirtualBaseItemProps {
-    data: any;
+    /** Value of {@link VirtualBaseProps.itemData} from owning component */
+    data: unknown;
+    /**
+     * Is the owning component being actively scrolled? Used to change how the item is rendered depending on scroll state.
+     *
+     * Only defined if {@link VirtualBaseProps.useIsScrolling} is true.
+     * */
     isScrolling?: boolean;
-    style: Object;
+    /** Style that should be applied to each item rendered. Positions the item within the inner container. */
+    style: React.CSSProperties;
 }
+/**
+ * Common props for {@link VirtualList} and {@link VirtualGrid}
+ */
 interface VirtualBaseProps {
+    /** The `className` applied to the outer container element. Use when styling the entire component. */
+    className?: string;
+    /** The `className` applied to the inner container element. Use for special cases when styling only the inner container and items. */
+    innerClassName?: string;
+    /** Component height */
     height: number;
+    /** Component width */
     width: number;
-    itemData?: any;
+    /** Passed as {@link VirtualBaseItemProps.data} to each child item */
+    itemData?: unknown;
+    /**
+     * Determines whether the component should track whether it's being actively scrolled
+     * and pass to child items as {@link VirtualBaseItemProps.isScrolling}.
+     *
+     * @defaultValue false
+     * */
     useIsScrolling?: boolean;
+    /**
+     * Maximum size for CSS element beyond which layout breaks. You should never normally need to change this.
+     * The default value is compatible with all major browsers.
+     *
+     * @defaultValue 6000000
+     * */
     maxCssSize?: number;
+    /**
+     * The minimum number of virtual pages to use when inner container would otherwise be more than {@link VirtualBaseProps.maxCssSize} big.
+     * You should never normally need to change this.
+     *
+     * @defaultValue 100
+     */
     minNumPages?: number;
 }
+/**
+ * Props that an implementation of {@link VirtualInnerRender} must accept.
+ */
+interface VirtualInnerProps {
+    /** The `className` to apply to the inner container div. Passed through from {@link VirtualBaseProps.innerClassName} */
+    className: string | undefined;
+    /** The visible child items rendered into the inner container div */
+    children: React.ReactNode;
+    /** Style to apply to the inner container div */
+    style: React.CSSProperties;
+}
+/**
+ * Render prop for inner container in a virtual scrolling component
+ *
+ * Can be passed to {@link VirtualList} or {@link VirtualGrid} to replace default
+ * implementation. Function must render a div and forward {@link VirtualInnerProps}
+ * and any `ref` to it.
+ *
+ * @example Minimal compliant implementation
+ * ```
+ * const innerRender: VirtualInnerRender = ({...rest}, ref) => (
+ *   <div ref={ref} {...rest} />
+ * )
+ * ```
+ */
+type VirtualInnerRender = (props: VirtualInnerProps, ref?: React.ForwardedRef<HTMLDivElement>) => JSX.Element;
+/**
+ * Props that an implementation of {@link VirtualOuterRender} must accept.
+ */
+interface VirtualOuterProps {
+    /** The `className` to apply to the outer container div. Passed through from {@link VirtualBaseProps.className} */
+    className: string | undefined;
+    /** The child inner container rendered into the outer container div */
+    children: React.ReactNode;
+    /** Style to apply to the outer container div */
+    style: React.CSSProperties;
+    /** Scroll callback that should be applied to the outer container div */
+    onScroll: (event: ScrollEvent) => void;
+}
+/**
+ * Render prop for outer container in a virtual scrolling component
+ *
+ * Can be passed to {@link VirtualList} or {@link VirtualGrid} to replace default
+ * implementation. Function must render a div and forward {@link VirtualOuterProps}
+ * and any `ref` to it.
+ *
+ * @example Minimal compliant implementation
+ * ```
+ * const outerRender: VirtualOuterRender = ({style, ...rest}, ref) => (
+ *   <div ref={ref} {...rest} />
+ * )
+ * ```
+ */
+type VirtualOuterRender = (props: VirtualOuterProps, ref?: React.ForwardedRef<HTMLDivElement>) => JSX.Element;
+/**
+ * Interface that {@link VirtualList} and {@link VirtualGrid} use to determine size and
+ * positioning offset for items in a single dimension.
+ */
 interface ItemOffsetMapping {
+    /** Size of item with given index */
     itemSize(itemIndex: number): number;
+    /** Offset from start of container to specified item
+     *
+     * `itemOffset(n)` should be equal to `Sum{i:0->n-1}(itemSize(i))`
+     *
+     * To efficiently support large containers, cost should be `O(logn)` or better.
+     */
     itemOffset(itemIndex: number): number;
+    /** Given an offset, return the index of the item that intersects that offset, together with the start offset of that item */
     offsetToItem(offset: number): [itemIndex: number, startOffset: number];
 }
+/**  Alias for type of event that React passes to a `div` element's `OnScroll` handler. */
+type ScrollEvent = React.SyntheticEvent<HTMLDivElement>;
 
+/** Direction of scrolling */
 type ScrollDirection = "forward" | "backward";
+/**
+ * Overall scroll state for a single dimension.
+ */
 interface ScrollState {
+    /** Scroll bar offset. Equal to outer container's `scrollTop` or `scrollLeft` depending on dimension.  */
     scrollOffset: number;
+    /** Offset used to position current page of items in virtual space. Overall offset is `scrollOffset+renderOffset`. */
     renderOffset: number;
+    /** Index of current page. */
     page: number;
+    /** Current scrolling direction. Calculated by comparing current overall offset to that when last rendered. */
     scrollDirection: ScrollDirection;
 }
 
+/**
+ * Props accepted by {@link VirtualGridItem}
+ */
 interface VirtualGridItemProps extends VirtualBaseItemProps {
+    /** Row index of item in the grid being rendered */
     rowIndex: number;
+    /** Column index of item in the grid being rendered */
     columnIndex: number;
 }
+/**
+ * Type of item in a {@link VirtualGrid}
+ *
+ * Must be passed as a child to {@link VirtualGrid}.
+ * Accepts props defined by {@link VirtualGridItemProps}.
+ * Component must pass {@link VirtualBaseItemProps.style} to whatever it renders.
+ *
+ * @example Basic implementation
+ * ```
+ * const Cell = ({ rowIndex, columnIndex, style }: { rowIndex: number, columnIndex: number, style: React.CSSProperties }) => (
+ *   <div className="cell" style={style}>
+ *     { `${rowIndex}:${columnIndex}` }
+ *   </div>
+ * );
+ * ```
+ */
 type VirtualGridItem = React.ComponentType<VirtualGridItemProps>;
+/**
+ * Props accepted by {@link VirtualGrid}
+ */
 interface VirtualGridProps extends VirtualBaseProps {
+    /** Component used as a template to render items in the grid. Must implement {@link VirtualGridItem} interface. */
     children: VirtualGridItem;
+    /** Number of rows in the grid */
     rowCount: number;
+    /**
+     * Implementation of {@link ItemOffsetMapping} interface that defines size and offset to each row in the grid
+     *
+     * Use {@link useFixedSizeItemOffsetMapping} or {@link useVariableSizeItemOffsetMapping} to create implementations
+     * for common cases.
+     */
     rowOffsetMapping: ItemOffsetMapping;
+    /** Number of columns in the grid */
     columnCount: number;
+    /**
+     * Implementation of {@link ItemOffsetMapping} interface that defines size and offset to each column in the grid
+     *
+     * Use {@link useFixedSizeItemOffsetMapping} or {@link useVariableSizeItemOffsetMapping} to create implementations
+     * for common cases.
+     */
     columnOffsetMapping: ItemOffsetMapping;
-    itemKey?: (rowIndex: number, columnIndex: number, data: any) => any;
+    /**
+     * Function that defines the key to use for each item given row and column index and value of {@link VirtualBaseProps.itemData}.
+     * @defaultValue
+     * ```ts
+     * (rowIndex, columnIndex, _data) => `${rowIndex}:${columnIndex}`
+     * ```
+     */
+    itemKey?: (rowIndex: number, columnIndex: number, data: unknown) => React.Key;
+    /**
+     * Callback after a scroll event has been processed and state updated but before rendering
+     * @param rowOffset - Resulting overall row offset. Can be passed to {@link ItemOffsetMapping} to determine first row.
+     * @param columnOffset - Resulting overall column offset. Can be passed to {@link ItemOffsetMapping} to determine first column.
+     * @param newRowScrollState - New {@link ScrollState} for rows that will be used for rendering.
+     * @param newColumnScrollState - New {@link ScrollState} for columns that will be used for rendering.
+     */
     onScroll?: (rowOffset: number, columnOffset: number, newRowScrollState: ScrollState, newColumnScrollState: ScrollState) => void;
+    /** Render prop implementing {@link VirtualOuterRender}. Used to customize {@link VirtualGrid}. */
+    outerRender?: VirtualOuterRender;
+    /** Render prop implementing {@link VirtualInnerRender}. Used to customize {@link VirtualGrid}. */
+    innerRender?: VirtualInnerRender;
 }
+/**
+ * Custom ref handle returned by {@link VirtualGrid} that exposes imperative methods
+ *
+ * Use `React.useRef<VirtualGridProxy>(null)` to create a ref.
+ */
 interface VirtualGridProxy {
-    scrollTo(rowOffset: number, columnOffset: number): void;
-    scrollToItem(rowIndex: number, columnIndex: number): void;
+    /**
+     * Scrolls the list to the specified row and column in pixels
+     */
+    scrollTo(rowOffset?: number, columnOffset?: number): void;
+    /**
+     * Scrolls the list so that the specified item is visible
+     * @param rowIndex - Row of item to scroll to
+     * @param columnIndex - Column of item to scroll to
+     */
+    scrollToItem(rowIndex?: number, columnIndex?: number): void;
+    /** Exposes DOM clientWidth property */
+    get clientWidth(): number;
+    /** Exposes DOM clientHeight property */
+    get clientHeight(): number;
 }
+/**
+ * Virtual Scrolling Grid
+ *
+ * Accepts props defined by {@link VirtualGridProps}.
+ * Refs are forwarded to {@link VirtualGridProxy}.
+ * You must pass a single instance of {@link VirtualGridItem} as a child.
+ * @group Components
+ */
 declare const VirtualGrid: React.ForwardRefExoticComponent<VirtualGridProps & React.RefAttributes<VirtualGridProxy>>;
 
+/** Specifies the direction over which the list should implement virtual scrolling */
 type ScrollLayout = "horizontal" | "vertical";
+/**
+ * Props accepted by {@link VirtualListItem}
+ */
 interface VirtualListItemProps extends VirtualBaseItemProps {
+    /** Index of item in the list being rendered */
     index: number;
 }
+/**
+ * Type of item in a {@link VirtualList}
+ *
+ * Must be passed as a child to {@link VirtualList}.
+ * Accepts props defined by {@link VirtualListItemProps}.
+ * Component must pass {@link VirtualBaseItemProps.style} to whatever it renders.
+ *
+ * @example Basic implementation
+ * ```
+ * const Row = ({ index, style }: { index: number, style: React.CSSProperties }) => (
+ *   <div className="row" style={style}>
+ *     { index }
+ *   </div>
+ * );
+ * ```
+ */
 type VirtualListItem = React.ComponentType<VirtualListItemProps>;
+/**
+ * Props accepted by {@link VirtualList}
+ */
 interface VirtualListProps extends VirtualBaseProps {
+    /** Component used as a template to render items in the list. Must implement {@link VirtualListItem} interface. */
     children: VirtualListItem;
+    /** Number of items in the list */
     itemCount: number;
+    /**
+     * Implementation of {@link ItemOffsetMapping} interface that defines size and offset to each item in the list
+     *
+     * Use {@link useFixedSizeItemOffsetMapping} or {@link useVariableSizeItemOffsetMapping} to create implementations
+     * for common cases.
+     */
     itemOffsetMapping: ItemOffsetMapping;
-    itemKey?: (index: number, data: any) => any;
+    /**
+     * Function that defines the key to use for each item given item index and value of {@link VirtualBaseProps.itemData}.
+     * @defaultValue `(index, _data) => index`
+     */
+    itemKey?: (index: number, data: unknown) => React.Key;
+    /**
+     * Choice of 'vertical' or 'horizontal' layouts
+     * @defaultValue 'vertical'
+     */
     layout?: ScrollLayout;
+    /**
+     * Callback after a scroll event has been processed and state updated but before rendering
+     * @param offset - Resulting overall offset. Can be passed to {@link ItemOffsetMapping} to determine top item.
+     * @param newScrollState - New {@link ScrollState} that will be used for rendering.
+     */
     onScroll?: (offset: number, newScrollState: ScrollState) => void;
+    /** Render prop implementing {@link VirtualOuterRender}. Used to customize {@link VirtualList}. */
+    outerRender?: VirtualOuterRender;
+    /** Render prop implementing {@link VirtualInnerRender}. Used to customize {@link VirtualList}. */
+    innerRender?: VirtualInnerRender;
 }
+/**
+ * Custom ref handle returned by {@link VirtualList} that exposes imperative methods
+ *
+ * Use `React.useRef<VirtualListProxy>(null)` to create a ref.
+ */
 interface VirtualListProxy {
+    /**
+     * Scrolls the list to the specified offset in pixels
+     * @param offset - Offset to scroll to
+     */
     scrollTo(offset: number): void;
+    /**
+     * Scrolls the list so that the specified item is visible
+     * @param index - Index of item to scroll to
+     */
     scrollToItem(index: number): void;
 }
+/**
+ * Virtual Scrolling List
+ *
+ * Accepts props defined by {@link VirtualListProps}.
+ * Refs are forwarded to {@link VirtualListProxy}.
+ * You must pass a single instance of {@link VirtualListItem} as a child.
+ * @group Components
+ */
 declare const VirtualList: React.ForwardRefExoticComponent<VirtualListProps & React.RefAttributes<VirtualListProxy>>;
 
-declare class FixedSizeItemOffsetMapping implements ItemOffsetMapping {
-    constructor(itemSize: number);
-    itemSize(_itemIndex: number): number;
-    itemOffset(itemIndex: number): number;
-    offsetToItem(offset: number): [itemIndex: number, startOffset: number];
-    fixedItemSize: number;
-}
-declare function useFixedSizeItemOffsetMapping(itemSize: number): FixedSizeItemOffsetMapping;
+/**
+ * Returns an instance of {@link ItemOffsetMapping} suitable for use when all items have a fixed size.
+ *
+ * @param itemSize - Size to use for all items
+ */
+declare function useFixedSizeItemOffsetMapping(itemSize: number): ItemOffsetMapping;
 
-declare class VariableSizeItemOffsetMapping implements ItemOffsetMapping {
-    constructor(defaultItemSize: number, sizes: number[]);
-    itemSize(itemIndex: number): number;
-    itemOffset(itemIndex: number): number;
-    offsetToItem(offset: number): [itemIndex: number, startOffset: number];
-    defaultItemSize: number;
-    sizes: number[];
-}
-declare function useVariableSizeItemOffsetMapping(defaultItemSize: number, sizes?: number[]): VariableSizeItemOffsetMapping;
+/**
+ * Returns an instance of {@link ItemOffsetMapping} suitable for use when initial items have variable sizes.
+ *
+ * @param defaultItemSize - Size to use for all other items
+ * @param sizes - Array of sizes to use for the initial items, one size per item
+ */
+declare function useVariableSizeItemOffsetMapping(defaultItemSize: number, sizes?: number[]): ItemOffsetMapping;
 
-export { type ScrollLayout, type ScrollState, VirtualGrid, type VirtualGridItemProps, type VirtualGridProps, type VirtualGridProxy, VirtualList, type VirtualListItemProps, type VirtualListProps, type VirtualListProxy, useFixedSizeItemOffsetMapping, useVariableSizeItemOffsetMapping };
+export { type ItemOffsetMapping, type ScrollDirection, type ScrollEvent, type ScrollLayout, type ScrollState, type VirtualBaseItemProps, type VirtualBaseProps, VirtualGrid, type VirtualGridItem, type VirtualGridItemProps, type VirtualGridProps, type VirtualGridProxy, type VirtualInnerProps, type VirtualInnerRender, VirtualList, type VirtualListItem, type VirtualListItemProps, type VirtualListProps, type VirtualListProxy, type VirtualOuterProps, type VirtualOuterRender, useFixedSizeItemOffsetMapping, useVariableSizeItemOffsetMapping };

package/dist/index.js

@@ -5,9 +5,9 @@ function getRangeToRender(itemCount, itemOffsetMapping, clientExtent, scrollOffs
     if (itemCount == 0) {
         return [0, 0, []];
     }
-    var [itemIndex, startOffset] = itemOffsetMapping.offsetToItem(scrollOffset);
+    let [itemIndex, startOffset] = itemOffsetMapping.offsetToItem(scrollOffset);
     itemIndex = Math.max(0, Math.min(itemCount - 1, itemIndex));
-    var endOffset = scrollOffset + clientExtent;
+    const endOffset = scrollOffset + clientExtent;
     const overscanBackward = 1;
     const overscanForward = 1;
     for (let step = 0; step < overscanBackward && itemIndex > 0; step++) {
@@ -15,7 +15,7 @@ function getRangeToRender(itemCount, itemOffsetMapping, clientExtent, scrollOffs
         startOffset -= itemOffsetMapping.itemSize(itemIndex);
     }
     const startIndex = itemIndex;
-    var offset = startOffset;
+    let offset = startOffset;
     const sizes = [];
     while (offset < endOffset && itemIndex < itemCount) {
         const size = itemOffsetMapping.itemSize(itemIndex);
@@ -135,7 +135,7 @@ function useEventListener(eventName, handler, element = window, options = {}) {
         const el = isListener(element) ? element : element.current;
         if (!el)
             return;
-        const eventListener = (event) => savedHandler.current(event);
+        const eventListener = (event) => savedHandler.current?.(event);
         const opts = { capture, passive, once };
         el.addEventListener(eventName, eventListener, opts);
         return () => {
@@ -187,7 +187,7 @@ function useAnimationTimeout(callback, delay, key) {
                 requestRef.current = undefined;
             }
         };
-    }, [delay, key]);
+    }, [start, delay, key]);
 }
 
 const DEBOUNCE_INTERVAL = 150;
@@ -207,9 +207,29 @@ function useIsScrolling(element = window) {
 }
 
 const defaultItemKey$1 = (rowIndex, columnIndex, _data) => `${rowIndex}:${columnIndex}`;
+const Inner$1 = React.forwardRef(function VirtualGridInner({ render, ...rest }, ref) {
+    return render(rest, ref);
+});
+function defaultInnerRender$1({ ...rest }, ref) {
+    return jsx("div", { ref: ref, ...rest });
+}
+const Outer$1 = React.forwardRef(function VirtualGridOuter({ render, ...rest }, ref) {
+    return render(rest, ref);
+});
+function defaultOuterRender$1({ ...rest }, ref) {
+    return jsx("div", { ref: ref, ...rest });
+}
 // Using a named function rather than => so that the name shows up in React Developer Tools
+/**
+ * Virtual Scrolling Grid
+ *
+ * Accepts props defined by {@link VirtualGridProps}.
+ * Refs are forwarded to {@link VirtualGridProxy}.
+ * You must pass a single instance of {@link VirtualGridItem} as a child.
+ * @group Components
+ */
 const VirtualGrid = React.forwardRef(function VirtualGrid(props, ref) {
-    const { width, height, rowCount, rowOffsetMapping, columnCount, columnOffsetMapping, children, itemData = undefined, itemKey = defaultItemKey$1, onScroll: onScrollCallback, useIsScrolling: useIsScrolling$1 = false } = props;
+    const { width, height, rowCount, rowOffsetMapping, columnCount, columnOffsetMapping, children, className, innerClassName, itemData = undefined, itemKey = defaultItemKey$1, onScroll: onScrollCallback, useIsScrolling: useIsScrolling$1 = false } = props;
     // Total size is same as offset to item one off the end
     const totalRowSize = rowOffsetMapping.itemOffset(rowCount);
     const totalColumnSize = columnOffsetMapping.itemOffset(columnCount);
@@ -222,11 +242,25 @@ const VirtualGrid = React.forwardRef(function VirtualGrid(props, ref) {
             scrollTo(rowOffset, columnOffset) {
                 const outer = outerRef.current;
                 /* istanbul ignore else */
-                if (outer)
-                    outer.scrollTo(doScrollToColumn(columnOffset, outer.clientWidth), doScrollToRow(rowOffset, outer.clientHeight));
+                if (outer) {
+                    const options = {};
+                    if (rowOffset != undefined)
+                        options.top = doScrollToRow(rowOffset, outer.clientHeight);
+                    if (columnOffset != undefined)
+                        options.left = doScrollToColumn(columnOffset, outer.clientWidth);
+                    outer.scrollTo(options);
+                }
             },
             scrollToItem(rowIndex, columnIndex) {
-                this.scrollTo(rowOffsetMapping.itemOffset(rowIndex), columnOffsetMapping.itemOffset(columnIndex));
+                const rowOffset = (rowIndex != undefined) ? rowOffsetMapping.itemOffset(rowIndex) : undefined;
+                const columnOffset = (columnIndex != undefined) ? columnOffsetMapping.itemOffset(columnIndex) : undefined;
+                this.scrollTo(rowOffset, columnOffset);
+            },
+            get clientWidth() {
+                return outerRef.current ? outerRef.current.clientWidth : /* istanbul ignore next */ 0;
+            },
+            get clientHeight() {
+                return outerRef.current ? outerRef.current.clientHeight : /* istanbul ignore next */ 0;
             }
         };
     }, [rowOffsetMapping, columnOffsetMapping, doScrollToRow, doScrollToColumn]);
@@ -243,13 +277,15 @@ const VirtualGrid = React.forwardRef(function VirtualGrid(props, ref) {
     // We can decide the JSX child type at runtime as long as we use a variable that uses the same capitalized
     // naming convention as components do. 
     const ChildVar = children;
+    const outerRender = props.outerRender || defaultOuterRender$1;
+    const innerRender = props.innerRender || defaultInnerRender$1;
     // Being far too clever. Implementing a complex iteration in JSX in a map expression by abusing the comma operator. 
     // You can't declare local variables in an expression so they need to be hoisted out of the JSX. The comma operator
     // returns the result of the final statement which makes the iteration a little clumsier.
     let nextRowOffset = startRowOffset - renderRowOffset;
     let rowIndex = 0, rowOffset = 0;
     let nextColumnOffset = 0, columnIndex = 0, columnOffset = 0;
-    return (jsx("div", { onScroll: onScroll, ref: outerRef, style: { position: "relative", height, width, overflow: "auto", willChange: "transform" }, children: jsx("div", { style: { height: renderRowSize, width: renderColumnSize }, children: rowSizes.map((rowSize, rowArrayIndex) => (rowOffset = nextRowOffset,
+    return (jsx(Outer$1, { className: className, render: outerRender, onScroll: onScroll, ref: outerRef, style: { position: "relative", height, width, overflow: "auto", willChange: "transform" }, children: jsx(Inner$1, { className: innerClassName, render: innerRender, style: { height: renderRowSize, width: renderColumnSize }, children: rowSizes.map((rowSize, rowArrayIndex) => (rowOffset = nextRowOffset,
                 nextRowOffset += rowSize,
                 rowIndex = startRowIndex + rowArrayIndex,
                 nextColumnOffset = startColumnOffset - renderColumnOffset,
@@ -260,9 +296,29 @@ const VirtualGrid = React.forwardRef(function VirtualGrid(props, ref) {
 });
 
 const defaultItemKey = (index, _data) => index;
+const Inner = React.forwardRef(function VirtualListInner({ render, ...rest }, ref) {
+    return render(rest, ref);
+});
+function defaultInnerRender({ ...rest }, ref) {
+    return jsx("div", { ref: ref, ...rest });
+}
+const Outer = React.forwardRef(function VirtualListOuter({ render, ...rest }, ref) {
+    return render(rest, ref);
+});
+function defaultOuterRender({ ...rest }, ref) {
+    return jsx("div", { ref: ref, ...rest });
+}
 // Using a named function rather than => so that the name shows up in React Developer Tools
+/**
+ * Virtual Scrolling List
+ *
+ * Accepts props defined by {@link VirtualListProps}.
+ * Refs are forwarded to {@link VirtualListProxy}.
+ * You must pass a single instance of {@link VirtualListItem} as a child.
+ * @group Components
+ */
 const VirtualList = React.forwardRef(function VirtualList(props, ref) {
-    const { width, height, itemCount, itemOffsetMapping, children, itemData = undefined, itemKey = defaultItemKey, layout = 'vertical', onScroll: onScrollCallback, useIsScrolling: useIsScrolling$1 = false } = props;
+    const { width, height, itemCount, itemOffsetMapping, children, className, innerClassName, itemData = undefined, itemKey = defaultItemKey, layout = 'vertical', onScroll: onScrollCallback, useIsScrolling: useIsScrolling$1 = false } = props;
     // Total size is same as offset to item one off the end
     const totalSize = itemOffsetMapping.itemOffset(itemCount);
     const outerRef = React.useRef(null);
@@ -304,14 +360,16 @@ const VirtualList = React.forwardRef(function VirtualList(props, ref) {
     }
     const [startIndex, startOffset, sizes] = getRangeToRender(itemCount, itemOffsetMapping, isVertical ? height : width, scrollOffset + renderOffset);
     // We can decide the JSX child type at runtime as long as we use a variable that uses the same capitalized
-    // naming convention as components do. 
+    // naming convention as components do.
     const ChildVar = children;
+    const outerRender = props.outerRender || defaultOuterRender;
+    const innerRender = props.innerRender || defaultInnerRender;
     // Being far too clever. Implementing a complex iteration in JSX in a map expression by abusing the comma operator. 
     // You can't declare local variables in an expression so they need to be hoisted out of the JSX. The comma operator
     // returns the result of the final statement which makes the iteration a little clumsier.
     let nextOffset = startOffset - renderOffset;
     let index, offset;
-    return (jsx("div", { onScroll: onScroll, ref: outerRef, style: { position: "relative", height, width, overflow: "auto", willChange: "transform" }, children: jsx("div", { style: { height: isVertical ? renderSize : "100%", width: isVertical ? "100%" : renderSize }, children: sizes.map((size, arrayIndex) => (offset = nextOffset,
+    return (jsx(Outer, { className: className, render: outerRender, onScroll: onScroll, ref: outerRef, style: { position: "relative", height, width, overflow: "auto", willChange: "transform" }, children: jsx(Inner, { className: innerClassName, render: innerRender, style: { height: isVertical ? renderSize : "100%", width: isVertical ? "100%" : renderSize }, children: sizes.map((size, arrayIndex) => (offset = nextOffset,
                 nextOffset += size,
                 index = startIndex + arrayIndex,
                 jsx(ChildVar, { data: itemData, index: index, isScrolling: useIsScrolling$1 ? isScrolling : undefined, style: {
@@ -345,6 +403,11 @@ class FixedSizeItemOffsetMapping {
         return [itemIndex, startOffset];
     }
 }
+/**
+ * Returns an instance of {@link ItemOffsetMapping} suitable for use when all items have a fixed size.
+ *
+ * @param itemSize - Size to use for all items
+ */
 function useFixedSizeItemOffsetMapping(itemSize) {
     return new FixedSizeItemOffsetMapping(itemSize);
 }
@@ -370,7 +433,7 @@ class VariableSizeItemOffsetMapping {
         return (itemIndex < this.sizes.length) ? this.sizes[itemIndex] : this.defaultItemSize;
     }
     itemOffset(itemIndex) {
-        var offset = 0;
+        let offset = 0;
         let length = this.sizes.length;
         if (itemIndex > length) {
             const numDefaultSize = itemIndex - length;
@@ -385,7 +448,7 @@ class VariableSizeItemOffsetMapping {
         return offset;
     }
     offsetToItem(offset) {
-        var startOffset = 0;
+        let startOffset = 0;
         const length = this.sizes.length;
         for (let i = 0; i < length; i++) {
             const size = this.sizes[i];
@@ -399,6 +462,12 @@ class VariableSizeItemOffsetMapping {
         return [itemIndex + length, startOffset];
     }
 }
+/**
+ * Returns an instance of {@link ItemOffsetMapping} suitable for use when initial items have variable sizes.
+ *
+ * @param defaultItemSize - Size to use for all other items
+ * @param sizes - Array of sizes to use for the initial items, one size per item
+ */
 function useVariableSizeItemOffsetMapping(defaultItemSize, sizes) {
     return new VariableSizeItemOffsetMapping(defaultItemSize, sizes || []);
 }

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/VirtualBase.ts","../src/useVirtualScroll.ts","../src/useEventListener.ts","../src/useAnimationTimeout.ts","../src/useIsScrolling.ts","../src/VirtualGrid.tsx","../src/VirtualList.tsx","../src/useFixedSizeItemOffsetMapping.ts","../src/useVariableSizeItemOffsetMapping.ts"],"sourcesContent":["\nexport interface VirtualBaseItemProps {\n  data: any,\n  isScrolling?: boolean,\n  style: Object,\n};\n\nexport interface VirtualBaseProps {\n  height: number,\n  width: number,\n  itemData?: any,\n  useIsScrolling?: boolean,\n  maxCssSize?: number,\n  minNumPages?: number\n};\n\nexport interface ItemOffsetMapping {\n  itemSize(itemIndex: number): number;\n  itemOffset(itemIndex: number): number;\n  offsetToItem(offset: number): [itemIndex: number, startOffset: number];\n};\n\nexport type ScrollEvent = React.SyntheticEvent<HTMLDivElement>;\n\ntype RangeToRender = [\n  startIndex: number,\n  startOffset: number,\n  sizes: number[]\n];\n\nexport function getRangeToRender(itemCount: number, itemOffsetMapping: ItemOffsetMapping, clientExtent: number, scrollOffset: number): RangeToRender {\n  if (itemCount == 0) {\n    return [0, 0, []];\n  }\n\n  var [itemIndex, startOffset] = itemOffsetMapping.offsetToItem(scrollOffset);\n  itemIndex = Math.max(0, Math.min(itemCount - 1, itemIndex));\n  var endOffset = scrollOffset + clientExtent;\n\n  const overscanBackward = 1;\n  const overscanForward = 1;\n\n  for (let step = 0; step < overscanBackward && itemIndex > 0; step ++) {\n    itemIndex --;\n    startOffset -= itemOffsetMapping.itemSize(itemIndex);\n  }\n\n  const startIndex = itemIndex;\n  var offset = startOffset;\n  const sizes: number[] = [];\n\n  while (offset < endOffset && itemIndex < itemCount) {\n    const size = itemOffsetMapping.itemSize(itemIndex);\n    sizes.push(size);\n    offset += size;\n    itemIndex ++;\n  }\n\n  for (let step = 0; step < overscanForward && itemIndex < itemCount; step ++) {\n    const size = itemOffsetMapping.itemSize(itemIndex);\n    sizes.push(size);\n    itemIndex ++;\n  }\n\n  return [startIndex, startOffset, sizes];\n}\n","import { useState } from \"react\";\n\nexport type ScrollDirection = \"forward\" | \"backward\";\nexport interface ScrollState { \n  scrollOffset: number, \n  renderOffset: number,\n  page: number, \n  scrollDirection: ScrollDirection, \n};\n\nexport interface VirtualScroll extends ScrollState {\n  renderSize: number;\n\n  // Returns updated scrollOffset. Caller should update scroll bar position if different from value passed in. \n  onScroll(clientExtent: number, scrollExtent: number, scrollOffset: number): [number, ScrollState];\n\n  // Scroll to offset in logical space returning offset to update scroll bar position to\n  doScrollTo(offset: number, clientExtent: number): number;\n};\n\n// Max size that is safe across all browsers (Firefox is the limiting factor)\n// SlickGrid tries to dynamically determine limit on other browsers (Chrome will do 30M) but\n// I prefer simplicity of same behavior across all browsers.\nconst MAX_SUPPORTED_CSS_SIZE = 6000000;\nconst MIN_NUMBER_PAGES = 100;\n\nexport function useVirtualScroll(totalSize: number, maxCssSize = MAX_SUPPORTED_CSS_SIZE, minNumberPages = MIN_NUMBER_PAGES): VirtualScroll {\n  let renderSize=0, pageSize=0, numPages=0;\n  if (totalSize < maxCssSize) {\n    // No paging needed\n    renderSize = pageSize = totalSize;\n    numPages = 1;\n  } else {\n    // Break into pages\n    renderSize = maxCssSize;\n    pageSize = renderSize / minNumberPages;\n    numPages = Math.floor(totalSize / pageSize);\n  }\n\n  function pageToRenderOffset(page: number): number {\n    if (page <= 0)\n      return 0;\n\n    if (page >= numPages-1)\n      return totalSize - renderSize;\n\n    return Math.round((page-1) * (totalSize - renderSize) / (numPages - 3));\n  }\n\n  const initValue: ScrollState = { \n    scrollOffset: 0, \n    renderOffset: 0,\n    page: 0,\n    scrollDirection: \"forward\",\n  };\n  const [scrollState, setScrollState] = useState(initValue);\n\n  function onScroll(clientExtent: number, scrollExtent: number, scrollOffset: number): [number, ScrollState] {\n    if (scrollState.scrollOffset == scrollOffset) {\n      // No need to change state if scroll position unchanged\n      return [scrollOffset, scrollState];\n    }\n\n    // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.\n    let newOffset = Math.max(0, Math.min(scrollOffset, scrollExtent - clientExtent));\n    const newScrollDirection = scrollState.scrollOffset <= newOffset ? 'forward' : 'backward';\n\n    // Switch pages if needed\n    let newPage, newRenderOffset;\n    let retScrollOffset = scrollOffset;\n    const scrollDist = Math.abs(newOffset - scrollState.scrollOffset);\n    if (scrollDist < clientExtent) {\n      // Scrolling part of visible window, don't want to skip items, so can't scale up movement\n      // If we cross page boundary we need to reset scroll bar position back to where it should be at start of page\n      newPage = Math.min(numPages - 1, Math.floor((scrollOffset + scrollState.renderOffset) / pageSize));\n      newRenderOffset = pageToRenderOffset(newPage);\n      if (newPage != scrollState.page) {\n        // Be very intentional about when we ask caller to reset scroll bar\n        // Don't want to trigger event loops\n        newOffset = scrollOffset + scrollState.renderOffset - newRenderOffset;\n        retScrollOffset = newOffset;\n      }\n    } else {\n      // Large scale scrolling, choosing page from a rolodex\n      // First and last page are mapped 1:1 between grid and container\n      if (newOffset < pageSize) {\n        newPage = 0;\n      } else if (newOffset >= renderSize - pageSize) {\n        newPage = numPages - 1;\n      } else {\n        const scaleFactor = (totalSize - pageSize*2) / (renderSize - pageSize*2);\n        newPage = Math.min(numPages - 3, Math.floor((newOffset - pageSize) * scaleFactor / pageSize)) + 1;\n      }\n      newRenderOffset = pageToRenderOffset(newPage);\n    }\n\n    const newScrollState: ScrollState = \n      { scrollOffset: newOffset, renderOffset: newRenderOffset, page: newPage, scrollDirection: newScrollDirection };\n    setScrollState(newScrollState);\n    return [retScrollOffset, newScrollState];\n  }\n\n  function doScrollTo(offset: number, clientExtent: number) {\n    const safeOffset = Math.min(totalSize - clientExtent, Math.max(offset, 0));\n    const scrollDirection = (scrollState.scrollOffset + scrollState.renderOffset) <= safeOffset ? 'forward' : 'backward';\n    const page = Math.min(numPages - 1, Math.floor(safeOffset / pageSize));\n    const renderOffset = pageToRenderOffset(page);\n    const scrollOffset = safeOffset - renderOffset;\n\n    setScrollState({ scrollOffset, renderOffset, page, scrollDirection });\n    return scrollOffset;\n  }\n\n  return {...scrollState, renderSize, onScroll, doScrollTo} as const;\n}\n\nexport default useVirtualScroll;\n","// Based on https://github.com/realwugang/use-event-listener\n// and https://github.com/donavon/use-event-listener/blob/develop/src/index.js\n\nimport { useRef, useEffect, RefObject, createRef } from 'react';\n\ninterface Options {\n  capture?: boolean\n  once?: boolean\n  passive?: boolean\n};\n\ntype Listener = Window | Document | HTMLElement;\n\nfunction isListener(element: Listener | RefObject<HTMLElement>): element is Listener {\n  return (element as Listener).addEventListener !== undefined;\n}\n\nexport function useEventListener (eventName: string, \n                                  handler: (event: Event) => void, \n                                  element: Listener | RefObject<HTMLElement> | null = window, \n                                  options: Options = {}) {\n  const savedHandler = useRef<any>();\n  const { capture, passive, once } = options;\n\n  useEffect(() => {\n    savedHandler.current = handler\n  }, [handler])\n\n  useEffect(() => {\n    if (!element)\n      return;\n\n    const el =  isListener(element) ? element : element.current;\n    if (!el)\n      return;\n\n    const eventListener = (event: Event) => savedHandler.current(event);\n    const opts = { capture, passive, once };\n    el.addEventListener(eventName, eventListener, opts);\n    return () => {\n      el.removeEventListener(eventName, eventListener, opts);\n    };\n  }, [eventName, element, capture, passive, once]);\n}\n\nexport default useEventListener;\n\n// In-source testing for private helper functions\nif (import.meta.vitest) {\n  const { it, expect } = import.meta.vitest\n  it('isListener', () => {\n    expect(isListener(window)).toBe(true)\n    expect(isListener(document)).toBe(true)\n    expect(isListener(document.createElement(\"div\"))).toBe(true)\n    expect(isListener(createRef())).toBe(false)\n  })\n}","// Based on https://overreacted.io/making-setinterval-declarative-with-react-hooks/\n// and https://www.joshwcomeau.com/snippets/react-hooks/use-timeout/\n// and https://github.com/bvaughn/react-window/blob/master/src/timer.js\n//\n// Equivalent functionality to a useTimeout hook but based on requestAnimationFrame instead of setTimeout. Use\n// when making frequent requests for short duration timeouts where browser may throttle setTimeout.\nimport { useEffect, useRef } from 'react';\n\ntype Callback = () => void;\n\nexport function useAnimationTimeout(callback: Callback, delay: number | null, key?: unknown) {\n  const requestRef = useRef<number>();\n  const savedCallback = useRef<Callback>(callback);\n\n  // Remember the latest callback\n  useEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n \n  const start = performance.now();\n  \n  useEffect(() => {\n    function tick() {\n      requestRef.current = undefined;\n      if (delay === null)\n        return;\n\n      if (performance.now() - start >= delay) {\n        savedCallback.current();\n      } else {\n        requestRef.current = requestAnimationFrame(tick);\n      }\n    }\n\n    tick();\n\n    return () => {\n      if (typeof requestRef.current === 'number') {\n        cancelAnimationFrame(requestRef.current);\n        requestRef.current = undefined;\n      }\n    }\n  }, [delay, key]);\n}\n\nexport default useAnimationTimeout;","import { useState, RefObject } from \"react\";\nimport { useEventListener } from './useEventListener';\nimport { useAnimationTimeout } from './useAnimationTimeout';\n\nconst DEBOUNCE_INTERVAL = 150;\nconst FALLBACK_INTERVAL = 500;\n\nexport function useIsScrolling(element: Window | HTMLElement | RefObject<HTMLElement> | null = window): boolean {\n  const [scrollCount, setScrollCount] = useState(0);\n\n  // scrollend implementations in both Chrome and Firefox are buggy with missing scrollend events\n  // in some circumstances (using keyboard to scroll past end in Chrome, intermittently when using mouse wheel in Firefox)\n  // Use a timeout even when scrollend is supported to handle missing events. In this case we use a longer interval as\n  // don't want it to be over sensitive. \n  const supportsScrollEnd = ('onscrollend' in window);\n  const delay = supportsScrollEnd ? FALLBACK_INTERVAL : DEBOUNCE_INTERVAL;\n\n  useEventListener(\"scroll\", () => setScrollCount(c => c + 1), element);\n  useEventListener(\"scrollend\", () => setScrollCount(0), supportsScrollEnd ? element : null);\n  useAnimationTimeout(() => setScrollCount(0), (scrollCount == 0) ? null : delay, scrollCount);\n\n  return scrollCount > 0;\n}\n\nexport default useIsScrolling;","import React from \"react\";\nimport { Fragment } from \"react\";\nimport { ItemOffsetMapping, getRangeToRender, VirtualBaseItemProps, VirtualBaseProps, ScrollEvent } from './VirtualBase';\nimport { useVirtualScroll, ScrollState } from './useVirtualScroll';\nexport type { ScrollState } from './useVirtualScroll';\nimport { useIsScrolling as useIsScrollingHook} from './useIsScrolling';\n\nexport interface VirtualGridItemProps extends VirtualBaseItemProps {\n  rowIndex: number,\n  columnIndex: number,\n};\n\ntype VirtualGridItem = React.ComponentType<VirtualGridItemProps>;\n\nexport interface VirtualGridProps extends VirtualBaseProps {\n  children: VirtualGridItem,\n  rowCount: number,\n  rowOffsetMapping: ItemOffsetMapping,\n  columnCount: number,\n  columnOffsetMapping: ItemOffsetMapping,\n  itemKey?: (rowIndex: number, columnIndex: number, data: any) => any,\n  onScroll?: (rowOffset: number, columnOffset: number, newRowScrollState: ScrollState, newColumnScrollState: ScrollState) => void;\n};\n\nexport interface VirtualGridProxy {\n  scrollTo(rowOffset: number, columnOffset: number): void;\n  scrollToItem(rowIndex: number, columnIndex: number): void;\n};\n\nconst defaultItemKey = (rowIndex: number, columnIndex: number, _data: any) => `${rowIndex}:${columnIndex}`;\n\n// Using a named function rather than => so that the name shows up in React Developer Tools\nexport const VirtualGrid = React.forwardRef<VirtualGridProxy, VirtualGridProps>(function VirtualGrid(props, ref) {\n  const { width, height, rowCount, rowOffsetMapping, columnCount, columnOffsetMapping, children, \n    itemData = undefined, itemKey = defaultItemKey, onScroll: onScrollCallback, useIsScrolling = false } = props;\n\n  // Total size is same as offset to item one off the end\n  const totalRowSize = rowOffsetMapping.itemOffset(rowCount);\n  const totalColumnSize = columnOffsetMapping.itemOffset(columnCount);\n\n  const outerRef = React.useRef<HTMLDivElement>(null);\n  const { scrollOffset: scrollRowOffset, renderOffset: renderRowOffset, renderSize: renderRowSize,\n    onScroll: onScrollRow, doScrollTo: doScrollToRow } = useVirtualScroll(totalRowSize, props.maxCssSize, props.minNumPages);\n  const { scrollOffset: scrollColumnOffset, renderOffset: renderColumnOffset, renderSize: renderColumnSize,\n    onScroll: onScrollColumn, doScrollTo: doScrollToColumn} = useVirtualScroll(totalColumnSize, props.maxCssSize, props.minNumPages);\n  const isScrolling = useIsScrollingHook(outerRef); \n\n  React.useImperativeHandle(ref, () => {\n    return {\n      scrollTo(rowOffset: number, columnOffset: number): void {\n        const outer = outerRef.current;\n        /* istanbul ignore else */\n        if (outer)\n          outer.scrollTo(doScrollToColumn(columnOffset, outer.clientWidth), doScrollToRow(rowOffset, outer.clientHeight));\n      },\n\n      scrollToItem(rowIndex: number, columnIndex: number): void {\n        this.scrollTo(rowOffsetMapping.itemOffset(rowIndex), columnOffsetMapping.itemOffset(columnIndex));\n      }\n    }\n  }, [ rowOffsetMapping, columnOffsetMapping, doScrollToRow, doScrollToColumn ]);\n\n\n  function onScroll(event: ScrollEvent) {\n    const { clientWidth, clientHeight, scrollWidth, scrollHeight, scrollLeft, scrollTop } = event.currentTarget;\n    const [newScrollTop, newRowScrollState] = onScrollRow(clientHeight, scrollHeight, scrollTop);\n    const [newScrollLeft, newColumnScrollState] = onScrollColumn(clientWidth, scrollWidth, scrollLeft);\n    if (outerRef.current && (newScrollTop != scrollTop || newScrollLeft != scrollLeft ))\n      outerRef.current.scrollTo(newScrollLeft, newScrollTop);\n    onScrollCallback?.(newRowScrollState.scrollOffset+newRowScrollState.renderOffset, \n      newColumnScrollState.scrollOffset+newColumnScrollState.renderOffset, newRowScrollState, newColumnScrollState);\n  }\n\n  const [startRowIndex, startRowOffset, rowSizes] = \n    getRangeToRender(rowCount, rowOffsetMapping, height, scrollRowOffset + renderRowOffset);\n  const [startColumnIndex, startColumnOffset, columnSizes] = \n    getRangeToRender(columnCount, columnOffsetMapping, width, scrollColumnOffset + renderColumnOffset);\n\n  // We can decide the JSX child type at runtime as long as we use a variable that uses the same capitalized\n  // naming convention as components do. \n  const ChildVar = children;\n\n  // Being far too clever. Implementing a complex iteration in JSX in a map expression by abusing the comma operator. \n  // You can't declare local variables in an expression so they need to be hoisted out of the JSX. The comma operator\n  // returns the result of the final statement which makes the iteration a little clumsier.\n  let nextRowOffset = startRowOffset - renderRowOffset;\n  let rowIndex=0, rowOffset=0;\n  let nextColumnOffset=0, columnIndex=0, columnOffset=0;\n\n  return (\n    <div onScroll={onScroll} ref={outerRef} style={{ position: \"relative\", height, width, overflow: \"auto\", willChange: \"transform\" }}>\n      <div style={{ height: renderRowSize, width: renderColumnSize }}>\n        {rowSizes.map((rowSize, rowArrayIndex) => (\n          rowOffset = nextRowOffset,\n          nextRowOffset += rowSize,\n          rowIndex = startRowIndex + rowArrayIndex,\n          nextColumnOffset = startColumnOffset - renderColumnOffset,\n          <Fragment key={itemKey(rowIndex, 0, itemData)}>\n          {columnSizes.map((columnSize, columnArrayIndex) => (\n            columnOffset = nextColumnOffset,\n            nextColumnOffset += columnSize,\n            columnIndex = startColumnIndex + columnArrayIndex,\n            <ChildVar data={itemData} key={itemKey(rowIndex, columnIndex, itemData)}\n                      rowIndex={rowIndex} columnIndex={columnIndex}\n                      isScrolling={useIsScrolling ? isScrolling : undefined}\n                      style={{ position: \"absolute\", top: rowOffset, height: rowSize, left: columnOffset, width: columnSize }}/>\n          ))}\n          </Fragment>\n        ))}\n      </div>\n    </div>\n  );\n});\n\nexport default VirtualGrid;\n","import React from \"react\";\nimport { ItemOffsetMapping, getRangeToRender, VirtualBaseItemProps, VirtualBaseProps, ScrollEvent } from './VirtualBase';\nimport { useVirtualScroll, ScrollState } from './useVirtualScroll';\nexport type { ScrollState } from './useVirtualScroll';\nimport { useIsScrolling as useIsScrollingHook} from './useIsScrolling';\n\nexport type ScrollLayout = \"horizontal\" | \"vertical\";\n\nexport interface VirtualListItemProps extends VirtualBaseItemProps {\n  index: number,\n};\n\ntype VirtualListItem = React.ComponentType<VirtualListItemProps>;\n\nexport interface VirtualListProps extends VirtualBaseProps {\n  children: VirtualListItem,\n  itemCount: number,\n  itemOffsetMapping: ItemOffsetMapping,\n  itemKey?: (index: number, data: any) => any,\n  layout?: ScrollLayout,\n  onScroll?: (offset: number, newScrollState: ScrollState) => void;\n};\n\nexport interface VirtualListProxy {\n  scrollTo(offset: number): void;\n  scrollToItem(index: number): void;\n};\n\nconst defaultItemKey = (index: number, _data: any) => index;\n\n// Using a named function rather than => so that the name shows up in React Developer Tools\nexport const VirtualList = React.forwardRef<VirtualListProxy, VirtualListProps>(function VirtualList(props, ref) {\n  const { width, height, itemCount, itemOffsetMapping, children, \n    itemData = undefined, itemKey = defaultItemKey, layout = 'vertical', onScroll: onScrollCallback, useIsScrolling = false } = props;\n\n  // Total size is same as offset to item one off the end\n  const totalSize = itemOffsetMapping.itemOffset(itemCount);\n\n  const outerRef = React.useRef<HTMLDivElement>(null);\n  const { scrollOffset, renderOffset, renderSize, onScroll: onScrollExtent, doScrollTo } = \n    useVirtualScroll(totalSize, props.maxCssSize, props.minNumPages);\n  const isScrolling = useIsScrollingHook(outerRef); \n  const isVertical = layout === 'vertical';\n\n  React.useImperativeHandle(ref, () => {\n    return {\n      scrollTo(offset: number): void {\n        const outer = outerRef.current;\n        /* istanbul ignore else */\n        if (outer) {\n          if (isVertical)\n            outer.scrollTo(0, doScrollTo(offset, outer.clientHeight));\n          else\n            outer.scrollTo(doScrollTo(offset, outer.clientWidth), 0);\n        }\n      },\n\n      scrollToItem(index: number): void {\n        this.scrollTo(itemOffsetMapping.itemOffset(index));\n      }\n    }\n  }, [ itemOffsetMapping, isVertical, doScrollTo ]);\n\n  function onScroll(event: ScrollEvent) {\n    if (isVertical) {\n      const { clientHeight, scrollHeight, scrollTop, scrollLeft } = event.currentTarget;\n      const [newScrollTop, newScrollState] = onScrollExtent(clientHeight, scrollHeight, scrollTop);\n      if (newScrollTop != scrollTop && outerRef.current)\n        outerRef.current.scrollTo(scrollLeft, newScrollTop);\n      onScrollCallback?.(newScrollState.scrollOffset+newScrollState.renderOffset, newScrollState);\n    } else {\n      const { clientWidth, scrollWidth, scrollTop, scrollLeft } = event.currentTarget;\n      const [newScrollLeft, newScrollState] = onScrollExtent(clientWidth, scrollWidth, scrollLeft);\n      if (newScrollLeft != scrollLeft && outerRef.current)\n        outerRef.current.scrollTo(newScrollLeft, scrollTop);\n      onScrollCallback?.(newScrollState.scrollOffset+newScrollState.renderOffset, newScrollState);\n    }\n  }\n\n  const [startIndex, startOffset, sizes] = getRangeToRender(itemCount, itemOffsetMapping, \n    isVertical ? height : width, scrollOffset+renderOffset);\n\n  // We can decide the JSX child type at runtime as long as we use a variable that uses the same capitalized\n  // naming convention as components do. \n  const ChildVar = children;\n\n  // Being far too clever. Implementing a complex iteration in JSX in a map expression by abusing the comma operator. \n  // You can't declare local variables in an expression so they need to be hoisted out of the JSX. The comma operator\n  // returns the result of the final statement which makes the iteration a little clumsier.\n  let nextOffset = startOffset - renderOffset;\n  let index, offset;\n\n  return (\n    <div onScroll={onScroll} ref={outerRef} style={{ position: \"relative\", height, width, overflow: \"auto\", willChange: \"transform\" }}>\n      <div style={{ height: isVertical ? renderSize : \"100%\", width: isVertical ? \"100%\" : renderSize }}>\n        {sizes.map((size, arrayIndex) => (\n          offset = nextOffset,\n          nextOffset += size,\n          index = startIndex + arrayIndex,\n          <ChildVar data={itemData} key={itemKey(index, itemData)} index={index}\n            isScrolling={useIsScrolling ? isScrolling : undefined}\n            style={{ \n              position: \"absolute\", \n              top: isVertical ? offset : undefined, \n              left: isVertical ? undefined : offset,\n              height: isVertical ? size : \"100%\", \n              width: isVertical ? \"100%\" : size, \n            }}/>\n        ))}\n      </div>\n    </div>\n  );\n});\n\nexport default VirtualList;\n","import { ItemOffsetMapping } from './VirtualBase';\n\nclass FixedSizeItemOffsetMapping implements ItemOffsetMapping {\n  constructor (itemSize: number) {\n    this.fixedItemSize = itemSize;\n  }\n\n  itemSize(_itemIndex: number): number {\n    return this.fixedItemSize;\n  }\n\n  itemOffset(itemIndex: number): number {\n    return itemIndex * this.fixedItemSize;\n  }\n\n  offsetToItem(offset: number): [itemIndex: number, startOffset: number] {\n    const itemIndex = Math.floor(offset / this.fixedItemSize);\n    const startOffset = itemIndex * this.fixedItemSize;\n\n    return [itemIndex, startOffset];\n  }\n\n  fixedItemSize: number;\n};\n\nexport function useFixedSizeItemOffsetMapping(itemSize: number) {\n  return new FixedSizeItemOffsetMapping(itemSize);\n};\n\nexport default useFixedSizeItemOffsetMapping;\n","import { ItemOffsetMapping } from './VirtualBase';\n\nclass VariableSizeItemOffsetMapping implements ItemOffsetMapping {\n  constructor (defaultItemSize: number, sizes: number[]) {\n    this.defaultItemSize = defaultItemSize;\n    this.sizes = sizes;\n  }\n\n  itemSize(itemIndex: number): number {\n    return (itemIndex < this.sizes.length) ? this.sizes[itemIndex] : this.defaultItemSize;\n  }\n\n  itemOffset(itemIndex: number): number {\n    var offset = 0;\n    let length = this.sizes.length;\n    if (itemIndex > length) {\n      const numDefaultSize = itemIndex - length;\n      offset = numDefaultSize * this.defaultItemSize;\n    } else {\n      length = itemIndex;\n    }\n    \n    for (let i = 0; i < length; i ++)\n    {\n      offset += this.sizes[i];\n    }\n\n    return offset;\n  }\n\n  offsetToItem(offset: number): [itemIndex: number, startOffset: number] {\n    var startOffset = 0;\n    const length = this.sizes.length;\n    for (let i = 0; i < length; i ++) {\n      const size = this.sizes[i];\n      if (startOffset + size > offset) {\n        return [i, startOffset];\n      }\n      startOffset += size;\n    }\n\n    const itemIndex = Math.floor((offset - startOffset) / this.defaultItemSize);\n    startOffset += itemIndex * this.defaultItemSize;\n\n    return [itemIndex+length, startOffset];\n  }\n\n  defaultItemSize: number;\n  sizes: number[];\n};\n\nexport function useVariableSizeItemOffsetMapping(defaultItemSize: number, sizes?: number[]) {\n  return new VariableSizeItemOffsetMapping(defaultItemSize, sizes || []);\n};\n\nexport default useVariableSizeItemOffsetMapping;"],"names":["defaultItemKey","useIsScrolling","useIsScrollingHook","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/VirtualCommon.ts","../src/useVirtualScroll.ts","../src/useEventListener.ts","../src/useAnimationTimeout.ts","../src/useIsScrolling.ts","../src/VirtualGrid.tsx","../src/VirtualList.tsx","../src/useFixedSizeItemOffsetMapping.ts","../src/useVariableSizeItemOffsetMapping.ts"],"sourcesContent":["import type { ItemOffsetMapping } from \"./VirtualBase\";\n\ntype RangeToRender = [\n  startIndex: number,\n  startOffset: number,\n  sizes: number[]\n];\n\nexport function getRangeToRender(itemCount: number, itemOffsetMapping: ItemOffsetMapping, clientExtent: number, scrollOffset: number): RangeToRender {\n  if (itemCount == 0) {\n    return [0, 0, []];\n  }\n\n  let [itemIndex, startOffset] = itemOffsetMapping.offsetToItem(scrollOffset);\n  itemIndex = Math.max(0, Math.min(itemCount - 1, itemIndex));\n  const endOffset = scrollOffset + clientExtent;\n\n  const overscanBackward = 1;\n  const overscanForward = 1;\n\n  for (let step = 0; step < overscanBackward && itemIndex > 0; step ++) {\n    itemIndex --;\n    startOffset -= itemOffsetMapping.itemSize(itemIndex);\n  }\n\n  const startIndex = itemIndex;\n  let offset = startOffset;\n  const sizes: number[] = [];\n\n  while (offset < endOffset && itemIndex < itemCount) {\n    const size = itemOffsetMapping.itemSize(itemIndex);\n    sizes.push(size);\n    offset += size;\n    itemIndex ++;\n  }\n\n  for (let step = 0; step < overscanForward && itemIndex < itemCount; step ++) {\n    const size = itemOffsetMapping.itemSize(itemIndex);\n    sizes.push(size);\n    itemIndex ++;\n  }\n\n  return [startIndex, startOffset, sizes];\n}\n","import { useState } from \"react\";\n\n/** Direction of scrolling */\nexport type ScrollDirection = \"forward\" | \"backward\";\n\n/**\n * Overall scroll state for a single dimension.\n */\nexport interface ScrollState { \n  /** Scroll bar offset. Equal to outer container's `scrollTop` or `scrollLeft` depending on dimension.  */\n  scrollOffset: number, \n\n  /** Offset used to position current page of items in virtual space. Overall offset is `scrollOffset+renderOffset`. */\n  renderOffset: number,\n\n  /** Index of current page. */\n  page: number, \n\n  /** Current scrolling direction. Calculated by comparing current overall offset to that when last rendered. */\n  scrollDirection: ScrollDirection, \n}\n\nexport interface VirtualScroll extends ScrollState {\n  renderSize: number;\n\n  // Returns updated scrollOffset. Caller should update scroll bar position if different from value passed in. \n  onScroll(clientExtent: number, scrollExtent: number, scrollOffset: number): [number, ScrollState];\n\n  // Scroll to offset in logical space returning offset to update scroll bar position to\n  doScrollTo(offset: number, clientExtent: number): number;\n}\n\n// Max size that is safe across all browsers (Firefox is the limiting factor)\n// SlickGrid tries to dynamically determine limit on other browsers (Chrome will do 30M) but\n// I prefer simplicity of same behavior across all browsers.\nconst MAX_SUPPORTED_CSS_SIZE = 6000000;\nconst MIN_NUMBER_PAGES = 100;\n\nexport function useVirtualScroll(totalSize: number, maxCssSize = MAX_SUPPORTED_CSS_SIZE, minNumberPages = MIN_NUMBER_PAGES): VirtualScroll {\n  let renderSize=0, pageSize=0, numPages=0;\n  if (totalSize < maxCssSize) {\n    // No paging needed\n    renderSize = pageSize = totalSize;\n    numPages = 1;\n  } else {\n    // Break into pages\n    renderSize = maxCssSize;\n    pageSize = renderSize / minNumberPages;\n    numPages = Math.floor(totalSize / pageSize);\n  }\n\n  function pageToRenderOffset(page: number): number {\n    if (page <= 0)\n      return 0;\n\n    if (page >= numPages-1)\n      return totalSize - renderSize;\n\n    return Math.round((page-1) * (totalSize - renderSize) / (numPages - 3));\n  }\n\n  const initValue: ScrollState = { \n    scrollOffset: 0, \n    renderOffset: 0,\n    page: 0,\n    scrollDirection: \"forward\",\n  };\n  const [scrollState, setScrollState] = useState(initValue);\n\n  function onScroll(clientExtent: number, scrollExtent: number, scrollOffset: number): [number, ScrollState] {\n    if (scrollState.scrollOffset == scrollOffset) {\n      // No need to change state if scroll position unchanged\n      return [scrollOffset, scrollState];\n    }\n\n    // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.\n    let newOffset = Math.max(0, Math.min(scrollOffset, scrollExtent - clientExtent));\n    const newScrollDirection = scrollState.scrollOffset <= newOffset ? 'forward' : 'backward';\n\n    // Switch pages if needed\n    let newPage, newRenderOffset;\n    let retScrollOffset = scrollOffset;\n    const scrollDist = Math.abs(newOffset - scrollState.scrollOffset);\n    if (scrollDist < clientExtent) {\n      // Scrolling part of visible window, don't want to skip items, so can't scale up movement\n      // If we cross page boundary we need to reset scroll bar position back to where it should be at start of page\n      newPage = Math.min(numPages - 1, Math.floor((scrollOffset + scrollState.renderOffset) / pageSize));\n      newRenderOffset = pageToRenderOffset(newPage);\n      if (newPage != scrollState.page) {\n        // Be very intentional about when we ask caller to reset scroll bar\n        // Don't want to trigger event loops\n        newOffset = scrollOffset + scrollState.renderOffset - newRenderOffset;\n        retScrollOffset = newOffset;\n      }\n    } else {\n      // Large scale scrolling, choosing page from a rolodex\n      // First and last page are mapped 1:1 between grid and container\n      if (newOffset < pageSize) {\n        newPage = 0;\n      } else if (newOffset >= renderSize - pageSize) {\n        newPage = numPages - 1;\n      } else {\n        const scaleFactor = (totalSize - pageSize*2) / (renderSize - pageSize*2);\n        newPage = Math.min(numPages - 3, Math.floor((newOffset - pageSize) * scaleFactor / pageSize)) + 1;\n      }\n      newRenderOffset = pageToRenderOffset(newPage);\n    }\n\n    const newScrollState: ScrollState = \n      { scrollOffset: newOffset, renderOffset: newRenderOffset, page: newPage, scrollDirection: newScrollDirection };\n    setScrollState(newScrollState);\n    return [retScrollOffset, newScrollState];\n  }\n\n  function doScrollTo(offset: number, clientExtent: number) {\n    const safeOffset = Math.min(totalSize - clientExtent, Math.max(offset, 0));\n    const scrollDirection = (scrollState.scrollOffset + scrollState.renderOffset) <= safeOffset ? 'forward' : 'backward';\n    const page = Math.min(numPages - 1, Math.floor(safeOffset / pageSize));\n    const renderOffset = pageToRenderOffset(page);\n    const scrollOffset = safeOffset - renderOffset;\n\n    setScrollState({ scrollOffset, renderOffset, page, scrollDirection });\n    return scrollOffset;\n  }\n\n  return {...scrollState, renderSize, onScroll, doScrollTo} as const;\n}\n\nexport default useVirtualScroll;\n","// Based on https://github.com/realwugang/use-event-listener\n// and https://github.com/donavon/use-event-listener/blob/develop/src/index.js\n\nimport { useRef, useEffect, RefObject, createRef } from 'react';\n\ninterface Options {\n  capture?: boolean\n  once?: boolean\n  passive?: boolean\n}\n\ntype Listener = Window | Document | HTMLElement;\n\nfunction isListener(element: Listener | RefObject<HTMLElement>): element is Listener {\n  return (element as Listener).addEventListener !== undefined;\n}\n\ntype EventHandler = (event: Event) => void;\n\nexport function useEventListener (eventName: string, \n                                  handler: EventHandler, \n                                  element: Listener | RefObject<HTMLElement> | null = window, \n                                  options: Options = {}) {\n  const savedHandler = useRef<EventHandler>();\n  const { capture, passive, once } = options;\n\n  useEffect(() => {\n    savedHandler.current = handler\n  }, [handler])\n\n  useEffect(() => {\n    if (!element)\n      return;\n\n    const el =  isListener(element) ? element : element.current;\n    if (!el)\n      return;\n\n    const eventListener = (event: Event) => savedHandler.current?.(event);\n    const opts = { capture, passive, once };\n    el.addEventListener(eventName, eventListener, opts);\n    return () => {\n      el.removeEventListener(eventName, eventListener, opts);\n    };\n  }, [eventName, element, capture, passive, once]);\n}\n\nexport default useEventListener;\n\n// In-source testing for private helper functions\nif (import.meta.vitest) {\n  const { it, expect } = import.meta.vitest\n  it('isListener', () => {\n    expect(isListener(window)).toBe(true)\n    expect(isListener(document)).toBe(true)\n    expect(isListener(document.createElement(\"div\"))).toBe(true)\n    expect(isListener(createRef())).toBe(false)\n  })\n}","// Based on https://overreacted.io/making-setinterval-declarative-with-react-hooks/\n// and https://www.joshwcomeau.com/snippets/react-hooks/use-timeout/\n// and https://github.com/bvaughn/react-window/blob/master/src/timer.js\n//\n// Equivalent functionality to a useTimeout hook but based on requestAnimationFrame instead of setTimeout. Use\n// when making frequent requests for short duration timeouts where browser may throttle setTimeout.\nimport { useEffect, useRef } from 'react';\n\ntype Callback = () => void;\n\nexport function useAnimationTimeout(callback: Callback, delay: number | null, key?: unknown) {\n  const requestRef = useRef<number>();\n  const savedCallback = useRef<Callback>(callback);\n\n  // Remember the latest callback\n  useEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n \n  const start = performance.now();\n  \n  useEffect(() => {\n    function tick() {\n      requestRef.current = undefined;\n      if (delay === null)\n        return;\n\n      if (performance.now() - start >= delay) {\n        savedCallback.current();\n      } else {\n        requestRef.current = requestAnimationFrame(tick);\n      }\n    }\n\n    tick();\n\n    return () => {\n      if (typeof requestRef.current === 'number') {\n        cancelAnimationFrame(requestRef.current);\n        requestRef.current = undefined;\n      }\n    }\n  }, [start, delay, key]);\n}\n\nexport default useAnimationTimeout;","import { useState, RefObject } from \"react\";\nimport { useEventListener } from './useEventListener';\nimport { useAnimationTimeout } from './useAnimationTimeout';\n\nconst DEBOUNCE_INTERVAL = 150;\nconst FALLBACK_INTERVAL = 500;\n\nexport function useIsScrolling(element: Window | HTMLElement | RefObject<HTMLElement> | null = window): boolean {\n  const [scrollCount, setScrollCount] = useState(0);\n\n  // scrollend implementations in both Chrome and Firefox are buggy with missing scrollend events\n  // in some circumstances (using keyboard to scroll past end in Chrome, intermittently when using mouse wheel in Firefox)\n  // Use a timeout even when scrollend is supported to handle missing events. In this case we use a longer interval as\n  // don't want it to be over sensitive. \n  const supportsScrollEnd = ('onscrollend' in window);\n  const delay = supportsScrollEnd ? FALLBACK_INTERVAL : DEBOUNCE_INTERVAL;\n\n  useEventListener(\"scroll\", () => setScrollCount(c => c + 1), element);\n  useEventListener(\"scrollend\", () => setScrollCount(0), supportsScrollEnd ? element : null);\n  useAnimationTimeout(() => setScrollCount(0), (scrollCount == 0) ? null : delay, scrollCount);\n\n  return scrollCount > 0;\n}\n\nexport default useIsScrolling;","import React from \"react\";\nimport { Fragment } from \"react\";\nimport { ItemOffsetMapping,  VirtualBaseItemProps, VirtualBaseProps, \n  VirtualInnerRender, VirtualInnerProps, VirtualOuterRender, VirtualOuterProps, ScrollEvent } from './VirtualBase';\nimport { getRangeToRender } from './VirtualCommon';\nimport { useVirtualScroll, ScrollState } from './useVirtualScroll';\nimport { useIsScrolling as useIsScrollingHook} from './useIsScrolling';\n\n/**\n * Props accepted by {@link VirtualGridItem}\n */\nexport interface VirtualGridItemProps extends VirtualBaseItemProps {\n  /** Row index of item in the grid being rendered */\n  rowIndex: number,\n\n  /** Column index of item in the grid being rendered */\n  columnIndex: number,\n}\n\n/**\n * Type of item in a {@link VirtualGrid}\n *\n * Must be passed as a child to {@link VirtualGrid}. \n * Accepts props defined by {@link VirtualGridItemProps}.\n * Component must pass {@link VirtualBaseItemProps.style} to whatever it renders. \n * \n * @example Basic implementation\n * ```\n * const Cell = ({ rowIndex, columnIndex, style }: { rowIndex: number, columnIndex: number, style: React.CSSProperties }) => (\n *   <div className=\"cell\" style={style}>\n *     { `${rowIndex}:${columnIndex}` }\n *   </div>\n * );\n * ```\n */\nexport type VirtualGridItem = React.ComponentType<VirtualGridItemProps>;\n\n/**\n * Props accepted by {@link VirtualGrid}\n */\nexport interface VirtualGridProps extends VirtualBaseProps {\n  /** Component used as a template to render items in the grid. Must implement {@link VirtualGridItem} interface. */\n  children: VirtualGridItem,\n\n  /** Number of rows in the grid */\n  rowCount: number,\n\n  /** \n   * Implementation of {@link ItemOffsetMapping} interface that defines size and offset to each row in the grid\n   * \n   * Use {@link useFixedSizeItemOffsetMapping} or {@link useVariableSizeItemOffsetMapping} to create implementations\n   * for common cases.\n   */\n  rowOffsetMapping: ItemOffsetMapping,\n\n  /** Number of columns in the grid */\n  columnCount: number,\n\n  /** \n   * Implementation of {@link ItemOffsetMapping} interface that defines size and offset to each column in the grid\n   * \n   * Use {@link useFixedSizeItemOffsetMapping} or {@link useVariableSizeItemOffsetMapping} to create implementations\n   * for common cases.\n   */\n  columnOffsetMapping: ItemOffsetMapping,\n\n  /**\n   * Function that defines the key to use for each item given row and column index and value of {@link VirtualBaseProps.itemData}.\n   * @defaultValue\n   * ```ts\n   * (rowIndex, columnIndex, _data) => `${rowIndex}:${columnIndex}`\n   * ```\n   */\n  itemKey?: (rowIndex: number, columnIndex: number, data: unknown) => React.Key,\n\n  /**\n   * Callback after a scroll event has been processed and state updated but before rendering\n   * @param rowOffset - Resulting overall row offset. Can be passed to {@link ItemOffsetMapping} to determine first row.\n   * @param columnOffset - Resulting overall column offset. Can be passed to {@link ItemOffsetMapping} to determine first column.\n   * @param newRowScrollState - New {@link ScrollState} for rows that will be used for rendering.\n   * @param newColumnScrollState - New {@link ScrollState} for columns that will be used for rendering.\n   */\n  onScroll?: (rowOffset: number, columnOffset: number, newRowScrollState: ScrollState, newColumnScrollState: ScrollState) => void;\n\n  /** Render prop implementing {@link VirtualOuterRender}. Used to customize {@link VirtualGrid}. */\n  outerRender?: VirtualOuterRender;\n\n  /** Render prop implementing {@link VirtualInnerRender}. Used to customize {@link VirtualGrid}. */\n  innerRender?: VirtualInnerRender;\n}\n\n/**\n * Custom ref handle returned by {@link VirtualGrid} that exposes imperative methods\n * \n * Use `React.useRef<VirtualGridProxy>(null)` to create a ref.\n */\nexport interface VirtualGridProxy {\n  /**\n   * Scrolls the list to the specified row and column in pixels\n   */\n  scrollTo(rowOffset?: number, columnOffset?: number): void;\n\n  /**\n   * Scrolls the list so that the specified item is visible\n   * @param rowIndex - Row of item to scroll to\n   * @param columnIndex - Column of item to scroll to\n   */\n  scrollToItem(rowIndex?: number, columnIndex?: number): void;\n\n  /** Exposes DOM clientWidth property */\n  get clientWidth(): number;\n\n    /** Exposes DOM clientHeight property */\n    get clientHeight(): number;\n}\n\nconst defaultItemKey = (rowIndex: number, columnIndex: number, _data: unknown) => `${rowIndex}:${columnIndex}`;\n\ninterface VirtualInnerComponentProps extends VirtualInnerProps {\n  render: VirtualInnerRender;\n}\n\nconst Inner = React.forwardRef<HTMLDivElement, VirtualInnerComponentProps >(function VirtualGridInner({render, ...rest}, ref) {\n  return render(rest, ref)\n})\n\nfunction defaultInnerRender({...rest}: VirtualInnerProps, ref?: React.ForwardedRef<HTMLDivElement>): JSX.Element {\n  return <div ref={ref} {...rest} />\n}\n\ninterface VirtualOuterComponentProps extends VirtualOuterProps {\n  render: VirtualOuterRender;\n}\n\nconst Outer = React.forwardRef<HTMLDivElement, VirtualOuterComponentProps >(function VirtualGridOuter({render, ...rest}, ref) {\n  return render(rest, ref)\n})\n\nfunction defaultOuterRender({...rest}: VirtualOuterProps, ref?: React.ForwardedRef<HTMLDivElement>): JSX.Element {\n  return <div ref={ref} {...rest} />\n}\n\n// Using a named function rather than => so that the name shows up in React Developer Tools\n/**\n * Virtual Scrolling Grid\n * \n * Accepts props defined by {@link VirtualGridProps}. \n * Refs are forwarded to {@link VirtualGridProxy}. \n * You must pass a single instance of {@link VirtualGridItem} as a child.\n * @group Components\n */\nexport const VirtualGrid = React.forwardRef<VirtualGridProxy, VirtualGridProps>(function VirtualGrid(props, ref) {\n  const { width, height, rowCount, rowOffsetMapping, columnCount, columnOffsetMapping, children, className, innerClassName, \n    itemData = undefined, itemKey = defaultItemKey, onScroll: onScrollCallback, useIsScrolling = false } = props;\n\n  // Total size is same as offset to item one off the end\n  const totalRowSize = rowOffsetMapping.itemOffset(rowCount);\n  const totalColumnSize = columnOffsetMapping.itemOffset(columnCount);\n\n  const outerRef = React.useRef<HTMLDivElement>(null);\n  const { scrollOffset: scrollRowOffset, renderOffset: renderRowOffset, renderSize: renderRowSize,\n    onScroll: onScrollRow, doScrollTo: doScrollToRow } = useVirtualScroll(totalRowSize, props.maxCssSize, props.minNumPages);\n  const { scrollOffset: scrollColumnOffset, renderOffset: renderColumnOffset, renderSize: renderColumnSize,\n    onScroll: onScrollColumn, doScrollTo: doScrollToColumn} = useVirtualScroll(totalColumnSize, props.maxCssSize, props.minNumPages);\n  const isScrolling = useIsScrollingHook(outerRef); \n\n  React.useImperativeHandle(ref, () => {\n    return {\n      scrollTo(rowOffset?: number, columnOffset?: number): void {\n        const outer = outerRef.current;\n        /* istanbul ignore else */\n        if (outer) {\n          const options: ScrollToOptions = {};\n          if (rowOffset != undefined)\n            options.top = doScrollToRow(rowOffset, outer.clientHeight);\n          if (columnOffset != undefined)\n            options.left = doScrollToColumn(columnOffset, outer.clientWidth);\n          outer.scrollTo(options);\n        }\n      },\n\n      scrollToItem(rowIndex?: number, columnIndex?: number): void {\n        const rowOffset = (rowIndex != undefined) ? rowOffsetMapping.itemOffset(rowIndex) : undefined;\n        const columnOffset = (columnIndex != undefined) ? columnOffsetMapping.itemOffset(columnIndex) : undefined;\n        this.scrollTo(rowOffset, columnOffset);\n      },\n\n      get clientWidth(): number {\n        return outerRef.current ? outerRef.current.clientWidth : /* istanbul ignore next */ 0;\n      },\n\n      get clientHeight(): number {\n        return outerRef.current ? outerRef.current.clientHeight : /* istanbul ignore next */ 0;\n      }\n    }\n  }, [ rowOffsetMapping, columnOffsetMapping, doScrollToRow, doScrollToColumn ]);\n\n\n  function onScroll(event: ScrollEvent) {\n    const { clientWidth, clientHeight, scrollWidth, scrollHeight, scrollLeft, scrollTop } = event.currentTarget;\n    const [newScrollTop, newRowScrollState] = onScrollRow(clientHeight, scrollHeight, scrollTop);\n    const [newScrollLeft, newColumnScrollState] = onScrollColumn(clientWidth, scrollWidth, scrollLeft);\n    if (outerRef.current && (newScrollTop != scrollTop || newScrollLeft != scrollLeft ))\n      outerRef.current.scrollTo(newScrollLeft, newScrollTop);\n    onScrollCallback?.(newRowScrollState.scrollOffset+newRowScrollState.renderOffset, \n      newColumnScrollState.scrollOffset+newColumnScrollState.renderOffset, newRowScrollState, newColumnScrollState);\n  }\n\n  const [startRowIndex, startRowOffset, rowSizes] = \n    getRangeToRender(rowCount, rowOffsetMapping, height, scrollRowOffset + renderRowOffset);\n  const [startColumnIndex, startColumnOffset, columnSizes] = \n    getRangeToRender(columnCount, columnOffsetMapping, width, scrollColumnOffset + renderColumnOffset);\n\n  // We can decide the JSX child type at runtime as long as we use a variable that uses the same capitalized\n  // naming convention as components do. \n  const ChildVar = children;\n  const outerRender = props.outerRender || defaultOuterRender;\n  const innerRender = props.innerRender || defaultInnerRender;\n\n  // Being far too clever. Implementing a complex iteration in JSX in a map expression by abusing the comma operator. \n  // You can't declare local variables in an expression so they need to be hoisted out of the JSX. The comma operator\n  // returns the result of the final statement which makes the iteration a little clumsier.\n  let nextRowOffset = startRowOffset - renderRowOffset;\n  let rowIndex=0, rowOffset=0;\n  let nextColumnOffset=0, columnIndex=0, columnOffset=0;\n\n  return (\n    <Outer className={className} render={outerRender} onScroll={onScroll} ref={outerRef} \n        style={{ position: \"relative\", height, width, overflow: \"auto\", willChange: \"transform\" }}>\n      <Inner className={innerClassName} render={innerRender} style={{ height: renderRowSize, width: renderColumnSize }}>\n        {rowSizes.map((rowSize, rowArrayIndex) => (\n          rowOffset = nextRowOffset,\n          nextRowOffset += rowSize,\n          rowIndex = startRowIndex + rowArrayIndex,\n          nextColumnOffset = startColumnOffset - renderColumnOffset,\n          <Fragment key={itemKey(rowIndex, 0, itemData)}>\n          {columnSizes.map((columnSize, columnArrayIndex) => (\n            columnOffset = nextColumnOffset,\n            nextColumnOffset += columnSize,\n            columnIndex = startColumnIndex + columnArrayIndex,\n            <ChildVar data={itemData} key={itemKey(rowIndex, columnIndex, itemData)}\n                      rowIndex={rowIndex} columnIndex={columnIndex}\n                      isScrolling={useIsScrolling ? isScrolling : undefined}\n                      style={{ position: \"absolute\", top: rowOffset, height: rowSize, left: columnOffset, width: columnSize }}/>\n          ))}\n          </Fragment>\n        ))}\n      </Inner>\n    </Outer>\n  );\n});\n\nexport default VirtualGrid;\n","import React from \"react\";\nimport { ItemOffsetMapping, VirtualBaseItemProps, VirtualBaseProps, \n  VirtualInnerProps, VirtualInnerRender, VirtualOuterProps, VirtualOuterRender, ScrollEvent } from './VirtualBase';\nimport { getRangeToRender } from './VirtualCommon';\nimport { useVirtualScroll, ScrollState } from './useVirtualScroll';\nimport { useIsScrolling as useIsScrollingHook} from './useIsScrolling';\n\n/** Specifies the direction over which the list should implement virtual scrolling */\nexport type ScrollLayout = \"horizontal\" | \"vertical\";\n\n/**\n * Props accepted by {@link VirtualListItem}\n */\nexport interface VirtualListItemProps extends VirtualBaseItemProps {\n  /** Index of item in the list being rendered */\n  index: number,\n}\n\n/**\n * Type of item in a {@link VirtualList}\n *\n * Must be passed as a child to {@link VirtualList}. \n * Accepts props defined by {@link VirtualListItemProps}.\n * Component must pass {@link VirtualBaseItemProps.style} to whatever it renders. \n * \n * @example Basic implementation\n * ```\n * const Row = ({ index, style }: { index: number, style: React.CSSProperties }) => (\n *   <div className=\"row\" style={style}>\n *     { index }\n *   </div>\n * );\n * ```\n */\nexport type VirtualListItem = React.ComponentType<VirtualListItemProps>;\n\n/**\n * Props accepted by {@link VirtualList}\n */\nexport interface VirtualListProps extends VirtualBaseProps {\n  /** Component used as a template to render items in the list. Must implement {@link VirtualListItem} interface. */\n  children: VirtualListItem,\n\n  /** Number of items in the list */\n  itemCount: number,\n\n  /** \n   * Implementation of {@link ItemOffsetMapping} interface that defines size and offset to each item in the list\n   * \n   * Use {@link useFixedSizeItemOffsetMapping} or {@link useVariableSizeItemOffsetMapping} to create implementations\n   * for common cases.\n   */\n  itemOffsetMapping: ItemOffsetMapping,\n\n  /**\n   * Function that defines the key to use for each item given item index and value of {@link VirtualBaseProps.itemData}.\n   * @defaultValue `(index, _data) => index`\n   */\n  itemKey?: (index: number, data: unknown) => React.Key,\n\n  /**\n   * Choice of 'vertical' or 'horizontal' layouts\n   * @defaultValue 'vertical'\n   */\n  layout?: ScrollLayout,\n\n  /**\n   * Callback after a scroll event has been processed and state updated but before rendering\n   * @param offset - Resulting overall offset. Can be passed to {@link ItemOffsetMapping} to determine top item.\n   * @param newScrollState - New {@link ScrollState} that will be used for rendering.\n   */\n  onScroll?: (offset: number, newScrollState: ScrollState) => void;\n\n  /** Render prop implementing {@link VirtualOuterRender}. Used to customize {@link VirtualList}. */\n  outerRender?: VirtualOuterRender;\n\n  /** Render prop implementing {@link VirtualInnerRender}. Used to customize {@link VirtualList}. */\n  innerRender?: VirtualInnerRender;\n}\n\n/**\n * Custom ref handle returned by {@link VirtualList} that exposes imperative methods\n * \n * Use `React.useRef<VirtualListProxy>(null)` to create a ref.\n */\nexport interface VirtualListProxy {\n  /**\n   * Scrolls the list to the specified offset in pixels\n   * @param offset - Offset to scroll to\n   */\n  scrollTo(offset: number): void;\n\n  /**\n   * Scrolls the list so that the specified item is visible\n   * @param index - Index of item to scroll to\n   */\n  scrollToItem(index: number): void;\n}\n\nconst defaultItemKey = (index: number, _data: unknown) => index;\n\ninterface VirtualInnerComponentProps extends VirtualInnerProps {\n  render: VirtualInnerRender;\n}\n\nconst Inner = React.forwardRef<HTMLDivElement, VirtualInnerComponentProps >(function VirtualListInner({render, ...rest}, ref) {\n  return render(rest, ref)\n})\n\nfunction defaultInnerRender({...rest}: VirtualInnerProps, ref?: React.ForwardedRef<HTMLDivElement>): JSX.Element {\n  return <div ref={ref} {...rest} />\n}\n\ninterface VirtualOuterComponentProps extends VirtualOuterProps {\n  render: VirtualOuterRender;\n}\n\nconst Outer = React.forwardRef<HTMLDivElement, VirtualOuterComponentProps >(function VirtualListOuter({render, ...rest}, ref) {\n  return render(rest, ref)\n})\n\nfunction defaultOuterRender({...rest}: VirtualOuterProps, ref?: React.ForwardedRef<HTMLDivElement>): JSX.Element {\n  return <div ref={ref} {...rest} />\n}\n\n// Using a named function rather than => so that the name shows up in React Developer Tools\n/**\n * Virtual Scrolling List\n * \n * Accepts props defined by {@link VirtualListProps}. \n * Refs are forwarded to {@link VirtualListProxy}. \n * You must pass a single instance of {@link VirtualListItem} as a child.\n * @group Components\n */\nexport const VirtualList = React.forwardRef<VirtualListProxy, VirtualListProps>(function VirtualList(props, ref) {\n  const { width, height, itemCount, itemOffsetMapping, children, className, innerClassName,\n    itemData = undefined, itemKey = defaultItemKey, layout = 'vertical', onScroll: onScrollCallback, useIsScrolling = false } = props;\n\n  // Total size is same as offset to item one off the end\n  const totalSize = itemOffsetMapping.itemOffset(itemCount);\n\n  const outerRef = React.useRef<HTMLDivElement>(null);\n  const { scrollOffset, renderOffset, renderSize, onScroll: onScrollExtent, doScrollTo } = \n    useVirtualScroll(totalSize, props.maxCssSize, props.minNumPages);\n  const isScrolling = useIsScrollingHook(outerRef); \n  const isVertical = layout === 'vertical';\n\n  React.useImperativeHandle(ref, () => {\n    return {\n      scrollTo(offset: number): void {\n        const outer = outerRef.current;\n        /* istanbul ignore else */\n        if (outer) {\n          if (isVertical)\n            outer.scrollTo(0, doScrollTo(offset, outer.clientHeight));\n          else\n            outer.scrollTo(doScrollTo(offset, outer.clientWidth), 0);\n        }\n      },\n\n      scrollToItem(index: number): void {\n        this.scrollTo(itemOffsetMapping.itemOffset(index));\n      }\n    }\n  }, [ itemOffsetMapping, isVertical, doScrollTo ]);\n\n  function onScroll(event: ScrollEvent) {\n    if (isVertical) {\n      const { clientHeight, scrollHeight, scrollTop, scrollLeft } = event.currentTarget;\n      const [newScrollTop, newScrollState] = onScrollExtent(clientHeight, scrollHeight, scrollTop);\n      if (newScrollTop != scrollTop && outerRef.current)\n        outerRef.current.scrollTo(scrollLeft, newScrollTop);\n      onScrollCallback?.(newScrollState.scrollOffset+newScrollState.renderOffset, newScrollState);\n    } else {\n      const { clientWidth, scrollWidth, scrollTop, scrollLeft } = event.currentTarget;\n      const [newScrollLeft, newScrollState] = onScrollExtent(clientWidth, scrollWidth, scrollLeft);\n      if (newScrollLeft != scrollLeft && outerRef.current)\n        outerRef.current.scrollTo(newScrollLeft, scrollTop);\n      onScrollCallback?.(newScrollState.scrollOffset+newScrollState.renderOffset, newScrollState);\n    }\n  }\n\n  const [startIndex, startOffset, sizes] = getRangeToRender(itemCount, itemOffsetMapping, \n    isVertical ? height : width, scrollOffset+renderOffset);\n\n  // We can decide the JSX child type at runtime as long as we use a variable that uses the same capitalized\n  // naming convention as components do.\n  const ChildVar = children;\n  const outerRender = props.outerRender || defaultOuterRender;\n  const innerRender = props.innerRender || defaultInnerRender;\n\n  // Being far too clever. Implementing a complex iteration in JSX in a map expression by abusing the comma operator. \n  // You can't declare local variables in an expression so they need to be hoisted out of the JSX. The comma operator\n  // returns the result of the final statement which makes the iteration a little clumsier.\n  let nextOffset = startOffset - renderOffset;\n  let index, offset;\n\n  return (\n    <Outer className={className} render={outerRender} onScroll={onScroll} ref={outerRef} \n        style={{ position: \"relative\", height, width, overflow: \"auto\", willChange: \"transform\" }}>\n      <Inner className={innerClassName} render={innerRender}\n          style={{ height: isVertical ? renderSize : \"100%\", width: isVertical ? \"100%\" : renderSize }}>\n        {sizes.map((size, arrayIndex) => (\n          offset = nextOffset,\n          nextOffset += size,\n          index = startIndex + arrayIndex,\n          <ChildVar data={itemData} key={itemKey(index, itemData)} index={index}\n            isScrolling={useIsScrolling ? isScrolling : undefined}\n            style={{ \n              position: \"absolute\", \n              top: isVertical ? offset : undefined, \n              left: isVertical ? undefined : offset,\n              height: isVertical ? size : \"100%\", \n              width: isVertical ? \"100%\" : size, \n            }}/>\n        ))}\n      </Inner>\n    </Outer>\n  );\n});\n\nexport default VirtualList;\n","import { ItemOffsetMapping } from './VirtualBase';\n\nclass FixedSizeItemOffsetMapping implements ItemOffsetMapping {\n  constructor (itemSize: number) {\n    this.fixedItemSize = itemSize;\n  }\n\n  itemSize(_itemIndex: number): number {\n    return this.fixedItemSize;\n  }\n\n  itemOffset(itemIndex: number): number {\n    return itemIndex * this.fixedItemSize;\n  }\n\n  offsetToItem(offset: number): [itemIndex: number, startOffset: number] {\n    const itemIndex = Math.floor(offset / this.fixedItemSize);\n    const startOffset = itemIndex * this.fixedItemSize;\n\n    return [itemIndex, startOffset];\n  }\n\n  fixedItemSize: number;\n}\n\n/**\n * Returns an instance of {@link ItemOffsetMapping} suitable for use when all items have a fixed size.\n * \n * @param itemSize - Size to use for all items\n */\nexport function useFixedSizeItemOffsetMapping(itemSize: number): ItemOffsetMapping {\n  return new FixedSizeItemOffsetMapping(itemSize);\n}\n\nexport default useFixedSizeItemOffsetMapping;\n","import { ItemOffsetMapping } from './VirtualBase';\n\nclass VariableSizeItemOffsetMapping implements ItemOffsetMapping {\n  constructor (defaultItemSize: number, sizes: number[]) {\n    this.defaultItemSize = defaultItemSize;\n    this.sizes = sizes;\n  }\n\n  itemSize(itemIndex: number): number {\n    return (itemIndex < this.sizes.length) ? this.sizes[itemIndex] : this.defaultItemSize;\n  }\n\n  itemOffset(itemIndex: number): number {\n    let offset = 0;\n    let length = this.sizes.length;\n    if (itemIndex > length) {\n      const numDefaultSize = itemIndex - length;\n      offset = numDefaultSize * this.defaultItemSize;\n    } else {\n      length = itemIndex;\n    }\n    \n    for (let i = 0; i < length; i ++)\n    {\n      offset += this.sizes[i];\n    }\n\n    return offset;\n  }\n\n  offsetToItem(offset: number): [itemIndex: number, startOffset: number] {\n    let startOffset = 0;\n    const length = this.sizes.length;\n    for (let i = 0; i < length; i ++) {\n      const size = this.sizes[i];\n      if (startOffset + size > offset) {\n        return [i, startOffset];\n      }\n      startOffset += size;\n    }\n\n    const itemIndex = Math.floor((offset - startOffset) / this.defaultItemSize);\n    startOffset += itemIndex * this.defaultItemSize;\n\n    return [itemIndex+length, startOffset];\n  }\n\n  defaultItemSize: number;\n  sizes: number[];\n}\n\n/**\n * Returns an instance of {@link ItemOffsetMapping} suitable for use when initial items have variable sizes.\n * \n * @param defaultItemSize - Size to use for all other items\n * @param sizes - Array of sizes to use for the initial items, one size per item\n */\nexport function useVariableSizeItemOffsetMapping(defaultItemSize: number, sizes?: number[]): ItemOffsetMapping {\n  return new VariableSizeItemOffsetMapping(defaultItemSize, sizes || []);\n}\n\nexport default useVariableSizeItemOffsetMapping;"],"names":["defaultItemKey","Inner","defaultInnerRender","_jsx","Outer","defaultOuterRender","useIsScrolling","useIsScrollingHook"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@candidstartup/react-virtual-scroll",
   "private": false,
-  "version": "0.3.1",
+  "version": "0.5.0",
   "description": "Modern React components for lists and grids that scale to trillions of rows and columns",
   "author": "Tim Wiegand <tim.wiegand@thecandidstartup.org>",
   "license": "BSD-3-Clause",
@@ -45,16 +45,19 @@
   },
   "scripts": {
     "dev": "vite",
-    "clean": "rimraf dist",
+    "clean": "rimraf {dist,temp}",
     "prebuild": "npm run clean",
     "build-tsc": "tsc -p tsconfig.build.json",
     "build-rollup": "rollup -c ../rollup.config.mjs",
     "build": "npm run build-rollup",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint": "eslint . --report-unused-disable-directives --max-warnings 0",
+    "devapi": "api-extractor run --local",
+    "prodapi": "api-extractor run",
+    "devbuild": "npm run build && npm run lint && npm run devapi",
     "test": "vitest"
   },
   "peerDependencies": {
     "react": "^18.2.0"
   },
-  "gitHead": "831d372b918185ba8fd56d83c8b19b9d6b469c93"
+  "gitHead": "04aa6249f51b5da933813c7b17a652d4f4e2a646"
 }