refactor: Rename "items" to "virtualItems"

BREAKING CHANGE: The virtualizer.items array has been renamed to virtualizer.virtualItems

Author: tannerlinsley

README.md

@@ -228,7 +228,7 @@ function RowVirtualizerFixed() {
             position: 'relative',
           }}
         >
-          {rowVirtualizer.items.map(virtualRow => (
+          {rowVirtualizer.virtualItems.map(virtualRow => (
             <div
               key={virtualRow.index}
               className={virtualRow.index % 2 ? 'ListItemOdd' : 'ListItemEven'}

examples/sandbox/src/Dynamic.js

@@ -55,7 +55,7 @@ function RowVirtualizerDynamic({ rows }) {
             position: "relative"
           }}
         >
-          {rowVirtualizer.items.map(virtualRow => (
+          {rowVirtualizer.virtualItems.map(virtualRow => (
             <div
               key={virtualRow.index}
               ref={virtualRow.measureRef}
@@ -107,7 +107,7 @@ function ColumnVirtualizerDynamic({ columns }) {
             position: "relative"
           }}
         >
-          {columnVirtualizer.items.map(virtualColumn => (
+          {columnVirtualizer.virtualItems.map(virtualColumn => (
             <div
               key={virtualColumn.index}
               ref={virtualColumn.measureRef}
@@ -168,9 +168,9 @@ function GridVirtualizerDynamic({ rows, columns }) {
             position: "relative"
           }}
         >
-          {rowVirtualizer.items.map(virtualRow => (
+          {rowVirtualizer.virtualItems.map(virtualRow => (
             <React.Fragment key={virtualRow.index}>
-              {columnVirtualizer.items.map(virtualColumn => (
+              {columnVirtualizer.virtualItems.map(virtualColumn => (
                 <div
                   key={virtualColumn.index}
                   ref={el => {

examples/sandbox/src/Fixed.js

@@ -47,7 +47,7 @@ function RowVirtualizerFixed() {
             position: "relative"
           }}
         >
-          {rowVirtualizer.items.map(virtualRow => (
+          {rowVirtualizer.virtualItems.map(virtualRow => (
             <div
               key={virtualRow.index}
               className={virtualRow.index % 2 ? "ListItemOdd" : "ListItemEven"}
@@ -98,7 +98,7 @@ function ColumnVirtualizerFixed() {
             position: "relative"
           }}
         >
-          {columnVirtualizer.items.map(virtualColumn => (
+          {columnVirtualizer.virtualItems.map(virtualColumn => (
             <div
               key={virtualColumn.index}
               className={
@@ -158,9 +158,9 @@ function GridVirtualizerFixed() {
             position: "relative"
           }}
         >
-          {rowVirtualizer.items.map(virtualRow => (
+          {rowVirtualizer.virtualItems.map(virtualRow => (
             <React.Fragment key={virtualRow.index}>
-              {columnVirtualizer.items.map(virtualColumn => (
+              {columnVirtualizer.virtualItems.map(virtualColumn => (
                 <div
                   key={virtualColumn.index}
                   className={

examples/sandbox/src/Variable.js

@@ -55,7 +55,7 @@ function RowVirtualizerVariable({ rows }) {
             position: "relative"
           }}
         >
-          {rowVirtualizer.items.map(virtualRow => (
+          {rowVirtualizer.virtualItems.map(virtualRow => (
             <div
               key={virtualRow.index}
               className={virtualRow.index % 2 ? "ListItemOdd" : "ListItemEven"}
@@ -106,7 +106,7 @@ function ColumnVirtualizerVariable({ columns }) {
             position: "relative"
           }}
         >
-          {columnVirtualizer.items.map(virtualColumn => (
+          {columnVirtualizer.virtualItems.map(virtualColumn => (
             <div
               key={virtualColumn.index}
               className={
@@ -166,9 +166,9 @@ function GridVirtualizerVariable({ rows, columns }) {
             position: "relative"
           }}
         >
-          {rowVirtualizer.items.map(virtualRow => (
+          {rowVirtualizer.virtualItems.map(virtualRow => (
             <React.Fragment key={virtualRow.index}>
-              {columnVirtualizer.items.map(virtualColumn => (
+              {columnVirtualizer.virtualItems.map(virtualColumn => (
                 <div
                   key={virtualColumn.index}
                   className={

src/index.js

@@ -9,8 +9,6 @@ export function useVirtual({
   overscan = 1,
   parentRef,
   horizontal,
-  // pinnedIndices,
-  // stickyIndices,
 }) {
   const sizeKey = horizontal ? 'width' : 'height'
   const scrollKey = horizontal ? 'scrollLeft' : 'scrollTop'
@@ -71,8 +69,8 @@ export function useVirtual({
   startIndex = Math.max(startIndex - 1 - overscan, 0)
   endIndex = Math.min(endIndex + 1 + overscan, size - 1)
 
-  const items = React.useMemo(() => {
-    const items = []
+  const virtualItems = React.useMemo(() => {
+    const virtualItems = []
 
     for (let i = startIndex; i <= endIndex; i++) {
       const measurement = measurements[i]
@@ -93,10 +91,10 @@ export function useVirtual({
         },
       }
 
-      items.push(item)
+      virtualItems.push(item)
     }
 
-    return items
+    return virtualItems
   }, [startIndex, endIndex, measurements, sizeKey])
 
   const scrollToOffset = React.useCallback(
@@ -119,7 +117,7 @@ export function useVirtual({
   )
 
   return {
-    items,
+    virtualItems,
     totalSize: total,
     scrollToOffset,
     scrollToIndex,

src/tests/index.test.js

@@ -33,7 +33,7 @@ describe('useVirtual', () => {
                 position: 'relative',
               }}
             >
-              {rowVirtualizer.items.map(virtualRow => (
+              {rowVirtualizer.virtualItems.map(virtualRow => (
                 <div
                   key={virtualRow.index}
                   className={