rename

src/composition/RecycleScroller/RecycleScroller.stories.tsx → src/composition/VirtualScroller/VirtualScroller.stories.tsx

@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/react'
-import { RecycleScroller } from './RecycleScroller'
+import { VirtualScroller } from './VirtualScroller'
 
-const meta: Meta<typeof RecycleScroller> = {
-    title: 'composition/RecycleScroller',
-    component: RecycleScroller,
+const meta: Meta<typeof VirtualScroller> = {
+    title: 'composition/VirtualScroller',
+    component: VirtualScroller,
     tags: ['autodocs'],
 }
 

src/composition/RecycleScroller/RecycleScroller.tsx → src/composition/VirtualScroller/VirtualScroller.tsx

@@ -8,7 +8,7 @@ import {
     useState,
 } from 'react'
 
-interface RecycleScrollerProps<T> {
+interface VirtualScrollerProps<T> {
     data: T[]
     itemHeight: number
     windowHeight: number
@@ -17,24 +17,24 @@ interface RecycleScrollerProps<T> {
     defaultRevealedIndex?: number
 }
 
-export interface RecycleScrollerHandle {
+export interface VirtualScrollerHandle {
     scrollToIndex: (index: number) => void
 }
 
 /**
  * @experimental
- * Highly experimental!
+ * Working in progress, DO NOT USE
  */
-export const RecycleScroller = forwardRef(function RecycleScroller<T>(
+export const VirtualScroller = forwardRef(function VirtualScroller<T>(
     {
         data,
         itemHeight,
         windowHeight,
         children,
         bufferSize = 3,
         defaultRevealedIndex = 0,
-    }: RecycleScrollerProps<T>,
-    ref: React.ForwardedRef<RecycleScrollerHandle>,
+    }: VirtualScrollerProps<T>,
+    ref: React.ForwardedRef<VirtualScrollerHandle>,
 ) {
     const containerRef = useRef<HTMLDivElement>(null)
     const [isScrolling, setIsScrolling] = useState(false)
@@ -80,7 +80,7 @@ export const RecycleScroller = forwardRef(function RecycleScroller<T>(
 
             scrollingTimeoutRef.current = setTimeout(() => {
                 setIsScrolling(false)
-            }, 150)
+            }, 33.333)
         },
         [],
     )

src/composition/VirtualScroller/index.ts

@@ -0,0 +1 @@
+export * from './VirtualScroller'

src/composition/index.ts

@@ -4,7 +4,6 @@ export * from './Details'
 export * from './IconRippleButton'
 export * from './NestedMenu'
 export * from './PopoverHolder'
-export * from './RecycleScroller'
 export * from './Scrim'
 export * from './ScrollArea'
 export * from './Select'
@@ -13,3 +12,4 @@ export * from './SodaImage'
 export * from './SodaTransition'
 export * from './Table'
 export * from './TooltipHolder'
+export * from './VirtualScroller'