@fluentui/react-virtualizer 9.0.0-alpha.26 → 9.0.0-alpha.28

package/CHANGELOG.json

@@ -2,7 +2,64 @@
   "name": "@fluentui/react-virtualizer",
   "entries": [
     {
-      "date": "Mon, 03 Jul 2023 11:54:01 GMT",
+      "date": "Mon, 17 Jul 2023 21:26:51 GMT",
+      "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.28",
+      "version": "9.0.0-alpha.28",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "mifraser@microsoft.com",
+            "package": "@fluentui/react-virtualizer",
+            "commit": "2971c4f9e3273db1e46e14c424ec32db0f67f8d5",
+            "comment": "Feat: Add imperative ref access to both virtualizer length and current index"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 13 Jul 2023 21:25:48 GMT",
+      "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.27",
+      "version": "9.0.0-alpha.27",
+      "comments": {
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-virtualizer",
+            "commit": "8a9e1018f2abb2c7608c49d32acf44e93c43cba6",
+            "comment": "chore: update devDependencies to use * for inner workspace dependencies"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 11 Jul 2023 18:46:36 GMT",
+      "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.27",
+      "version": "9.0.0-alpha.27",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "mifraser@microsoft.com",
+            "package": "@fluentui/react-virtualizer",
+            "commit": "2fa67922261c28392dbe659fff44f3e86eff2efb",
+            "comment": "Fix: Ensure 'start buffer' is margin padded into the non-virtualized space on horizontal layouts"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-virtualizer",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.11",
+            "commit": "f958e7e175264e289a6ecdc5b108e826f6b34e74"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-virtualizer",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0",
+            "commit": "f958e7e175264e289a6ecdc5b108e826f6b34e74"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 03 Jul 2023 11:57:14 GMT",
       "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.26",
       "version": "9.0.0-alpha.26",
       "comments": {
@@ -11,13 +68,13 @@
             "author": "beachball",
             "package": "@fluentui/react-virtualizer",
             "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.10",
-            "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
+            "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-virtualizer",
             "comment": "Bump @fluentui/react-utilities to v9.10.1",
-            "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
+            "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,18 +1,38 @@
 # Change Log - @fluentui/react-virtualizer
 
-This log was last generated on Mon, 03 Jul 2023 11:54:01 GMT and should not be manually modified.
+This log was last generated on Mon, 17 Jul 2023 21:26:51 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-alpha.28](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.28)
+
+Mon, 17 Jul 2023 21:26:51 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-virtualizer_v9.0.0-alpha.27..@fluentui/react-virtualizer_v9.0.0-alpha.28)
+
+### Changes
+
+- Feat: Add imperative ref access to both virtualizer length and current index ([PR #28450](https://github.com/microsoft/fluentui/pull/28450) by mifraser@microsoft.com)
+
+## [9.0.0-alpha.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.27)
+
+Tue, 11 Jul 2023 18:46:36 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-virtualizer_v9.0.0-alpha.26..@fluentui/react-virtualizer_v9.0.0-alpha.27)
+
+### Changes
+
+- Fix: Ensure 'start buffer' is margin padded into the non-virtualized space on horizontal layouts ([PR #28437](https://github.com/microsoft/fluentui/pull/28437) by mifraser@microsoft.com)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.11 ([PR #28491](https://github.com/microsoft/fluentui/pull/28491) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0 ([PR #28491](https://github.com/microsoft/fluentui/pull/28491) by beachball)
+
 ## [9.0.0-alpha.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.26)
 
-Mon, 03 Jul 2023 11:54:01 GMT 
+Mon, 03 Jul 2023 11:57:14 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-virtualizer_v9.0.0-alpha.25..@fluentui/react-virtualizer_v9.0.0-alpha.26)
 
 ### Changes
 
-- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.10 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
-- Bump @fluentui/react-utilities to v9.10.1 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.10 ([PR #28412](https://github.com/microsoft/fluentui/pull/28412) by beachball)
+- Bump @fluentui/react-utilities to v9.10.1 ([PR #28412](https://github.com/microsoft/fluentui/pull/28412) by beachball)
 
 ## [9.0.0-alpha.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.25)
 

package/dist/index.d.ts

@@ -25,6 +25,8 @@ export declare interface ResizeCallbackWithRef {
 
 export declare type ScrollToInterface = {
     scrollTo: (index: number, behavior?: ScrollBehavior, callback?: (index: number) => void) => void;
+    virtualizerLength: RefObject<number>;
+    currentIndex: RefObject<number> | undefined;
 };
 
 export declare const scrollToItemDynamic: (params: ScrollToItemDynamicParams) => void;
@@ -252,6 +254,7 @@ export declare type VirtualizerDataRef = {
     progressiveSizes: RefObject<number[]>;
     nodeSizes: RefObject<number[]>;
     setFlaggedIndex: (index: number | null) => void;
+    currentIndex: RefObject<number>;
 };
 
 export declare type VirtualizerMeasureDynamicProps = {

package/lib/components/Virtualizer/Virtualizer.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Virtualizer.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { VirtualizerContextProps } from '../../Utilities';\nimport type { RefObject, MutableRefObject } from 'react';\n\nexport type VirtualizerSlots = {\n  /**\n   * The intersection observed 'before' element will detect when scrolling towards the beginning.\n   */\n  before: NonNullable<Slot<'div', 'td'>>;\n  /**\n   * A block place holding whitespace at the beginning of current DOM children.\n   */\n  beforeContainer: NonNullable<Slot<'div', 'tr'>>;\n  /**\n   * The intersection observed 'after' element will detect when scrolling towards the end.\n   */\n  after: NonNullable<Slot<'div', 'td'>>;\n  /**\n   * A block place holding whitespace after the end of current DOM children.\n   */\n  afterContainer: NonNullable<Slot<'div', 'tr'>>;\n};\n\nexport type VirtualizerConfigState = {\n  /**\n   * The current virtualized array of children to show in the DOM.\n   */\n  virtualizedChildren: React.ReactNode[];\n  /**\n   * The current start index for the virtualizer, all previous index's will be removed from DOM.\n   */\n  virtualizerStartIndex: number;\n  /**\n   * Current buffer height required at beginning of array.\n   */\n  afterBufferHeight: number;\n  /**\n   * Current buffer height required at end of array.\n   */\n  beforeBufferHeight: number;\n  /**\n   * The total current height of the scrollView/child content.\n   */\n  totalVirtualizerHeight: number;\n  /**\n   * The scroll direction\n   * @default vertical\n   */\n  axis?: 'vertical' | 'horizontal';\n  /**\n   * Tells the virtualizer to measure in the reverse direction (for column-reverse order etc.)\n   */\n  reversed?: boolean;\n  /**\n   * Pixel size of intersection observers and how much they 'cross over' into the bufferItems index.\n   * Minimum 1px.\n   */\n  bufferSize: number;\n};\n\nexport type VirtualizerState = ComponentState<VirtualizerSlots> & VirtualizerConfigState;\n\n// Virtualizer render function to procedurally generate children elements as rows or columns via index.\n// Q: Use generic typing and passing through object data or a simple index system?\nexport type VirtualizerChildRenderFunction = (index: number, isScrolling: boolean) => React.ReactNode;\n\nexport type VirtualizerDataRef = {\n  progressiveSizes: RefObject<number[]>;\n  nodeSizes: RefObject<number[]>;\n  setFlaggedIndex: (index: number | null) => void;\n};\n\nexport type VirtualizerConfigProps = {\n  /**\n   * Child render function.\n   * Iteratively called to return current virtualizer DOM children.\n   * Will act as a row or column indexer depending on Virtualizer settings.\n   * Can be used dynamically.\n   */\n  children: VirtualizerChildRenderFunction;\n\n  /**\n   * Default cell size to use if no custom callback provided.\n   * If implementing `getItemSize` this should be the initial and ideally minimum cell size.\n   */\n  itemSize: number;\n\n  /**\n   * The total number of items to be virtualized.\n   */\n  numItems: number;\n\n  /**\n   * Number of children to render in the DOM during virtualization.\n   * Constraints:\n   * - Large enough that the items rendered in DOM cover the viewport\n   *   and intersection observer buffers (buffersize) at both ends.\n   */\n  virtualizerLength: number;\n\n  /**\n   * Defaults to 1/4th of virtualizerLength.\n   * Controls the number of elements rendered before the current index entering the virtualized viewport.\n   * Constraints:\n   * - Large enough to cover bufferSize (prevents buffers intersecting into the viewport during rest state).\n   * - Small enough that the end buffer and end index (start index + virtualizerLength) is not within viewport at rest.\n   */\n  bufferItems?: number;\n\n  /**\n   * Defaults to half of bufferItems size (in pixels).\n   * The length (in pixels) before the end/start DOM index where the virtualizer recalculation will be triggered.\n   * Increasing this reduces whitespace on ultra-fast scroll, as additional elements\n   * are buffered to appear while virtualization recalculates.\n   * Constraints:\n   * - At least 1px - although this will only trigger the recalculation after bookends (whitespace) enter viewport.\n   * - BufferSize must be smaller than bufferItems pixel size, as it prevents bookends entering viewport at rest.\n   */\n  bufferSize?: number;\n\n  /**\n   * Enables users to override the intersectionObserverRoot.\n   */\n  scrollViewRef?: React.MutableRefObject<HTMLElement | null>;\n\n  /**\n   * The scroll direction\n   * @default vertical\n   */\n  axis?: 'vertical' | 'horizontal';\n\n  /**\n   * Tells the virtualizer to measure in the reverse direction (for column-reverse order etc.)\n   * This value should be flipped in RTL implementation (TBD whether automate RTL).\n   */\n  reversed?: boolean;\n\n  /**\n   * Callback for acquiring size of individual items\n   * @param index - the index of the requested size's child\n   */\n  getItemSize?: (index: number) => number;\n\n  /**\n   * Virtualizer context can be passed as a prop for extended class use\n   */\n  virtualizerContext?: VirtualizerContextProps;\n\n  /**\n   * Callback for notifying when a flagged index has been rendered\n   */\n  onRenderedFlaggedIndex?: (index: number) => void;\n\n  /*\n   * Callback for notifying when a flagged index has been rendered\n   */\n  flaggedIndex?: MutableRefObject<number | null>;\n\n  /**\n   * Imperative ref contains our scrollTo index functionality for user control.\n   */\n  imperativeVirtualizerRef?: RefObject<VirtualizerDataRef>;\n};\n\nexport type VirtualizerProps = ComponentProps<Partial<VirtualizerSlots>> & VirtualizerConfigProps;\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}
+{"version":3,"sources":["Virtualizer.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { VirtualizerContextProps } from '../../Utilities';\nimport type { RefObject, MutableRefObject } from 'react';\n\nexport type VirtualizerSlots = {\n  /**\n   * The intersection observed 'before' element will detect when scrolling towards the beginning.\n   */\n  before: NonNullable<Slot<'div', 'td'>>;\n  /**\n   * A block place holding whitespace at the beginning of current DOM children.\n   */\n  beforeContainer: NonNullable<Slot<'div', 'tr'>>;\n  /**\n   * The intersection observed 'after' element will detect when scrolling towards the end.\n   */\n  after: NonNullable<Slot<'div', 'td'>>;\n  /**\n   * A block place holding whitespace after the end of current DOM children.\n   */\n  afterContainer: NonNullable<Slot<'div', 'tr'>>;\n};\n\nexport type VirtualizerConfigState = {\n  /**\n   * The current virtualized array of children to show in the DOM.\n   */\n  virtualizedChildren: React.ReactNode[];\n  /**\n   * The current start index for the virtualizer, all previous index's will be removed from DOM.\n   */\n  virtualizerStartIndex: number;\n  /**\n   * Current buffer height required at beginning of array.\n   */\n  afterBufferHeight: number;\n  /**\n   * Current buffer height required at end of array.\n   */\n  beforeBufferHeight: number;\n  /**\n   * The total current height of the scrollView/child content.\n   */\n  totalVirtualizerHeight: number;\n  /**\n   * The scroll direction\n   * @default vertical\n   */\n  axis?: 'vertical' | 'horizontal';\n  /**\n   * Tells the virtualizer to measure in the reverse direction (for column-reverse order etc.)\n   */\n  reversed?: boolean;\n  /**\n   * Pixel size of intersection observers and how much they 'cross over' into the bufferItems index.\n   * Minimum 1px.\n   */\n  bufferSize: number;\n};\n\nexport type VirtualizerState = ComponentState<VirtualizerSlots> & VirtualizerConfigState;\n\n// Virtualizer render function to procedurally generate children elements as rows or columns via index.\n// Q: Use generic typing and passing through object data or a simple index system?\nexport type VirtualizerChildRenderFunction = (index: number, isScrolling: boolean) => React.ReactNode;\n\nexport type VirtualizerDataRef = {\n  progressiveSizes: RefObject<number[]>;\n  nodeSizes: RefObject<number[]>;\n  setFlaggedIndex: (index: number | null) => void;\n  currentIndex: RefObject<number>;\n};\n\nexport type VirtualizerConfigProps = {\n  /**\n   * Child render function.\n   * Iteratively called to return current virtualizer DOM children.\n   * Will act as a row or column indexer depending on Virtualizer settings.\n   * Can be used dynamically.\n   */\n  children: VirtualizerChildRenderFunction;\n\n  /**\n   * Default cell size to use if no custom callback provided.\n   * If implementing `getItemSize` this should be the initial and ideally minimum cell size.\n   */\n  itemSize: number;\n\n  /**\n   * The total number of items to be virtualized.\n   */\n  numItems: number;\n\n  /**\n   * Number of children to render in the DOM during virtualization.\n   * Constraints:\n   * - Large enough that the items rendered in DOM cover the viewport\n   *   and intersection observer buffers (buffersize) at both ends.\n   */\n  virtualizerLength: number;\n\n  /**\n   * Defaults to 1/4th of virtualizerLength.\n   * Controls the number of elements rendered before the current index entering the virtualized viewport.\n   * Constraints:\n   * - Large enough to cover bufferSize (prevents buffers intersecting into the viewport during rest state).\n   * - Small enough that the end buffer and end index (start index + virtualizerLength) is not within viewport at rest.\n   */\n  bufferItems?: number;\n\n  /**\n   * Defaults to half of bufferItems size (in pixels).\n   * The length (in pixels) before the end/start DOM index where the virtualizer recalculation will be triggered.\n   * Increasing this reduces whitespace on ultra-fast scroll, as additional elements\n   * are buffered to appear while virtualization recalculates.\n   * Constraints:\n   * - At least 1px - although this will only trigger the recalculation after bookends (whitespace) enter viewport.\n   * - BufferSize must be smaller than bufferItems pixel size, as it prevents bookends entering viewport at rest.\n   */\n  bufferSize?: number;\n\n  /**\n   * Enables users to override the intersectionObserverRoot.\n   */\n  scrollViewRef?: React.MutableRefObject<HTMLElement | null>;\n\n  /**\n   * The scroll direction\n   * @default vertical\n   */\n  axis?: 'vertical' | 'horizontal';\n\n  /**\n   * Tells the virtualizer to measure in the reverse direction (for column-reverse order etc.)\n   * This value should be flipped in RTL implementation (TBD whether automate RTL).\n   */\n  reversed?: boolean;\n\n  /**\n   * Callback for acquiring size of individual items\n   * @param index - the index of the requested size's child\n   */\n  getItemSize?: (index: number) => number;\n\n  /**\n   * Virtualizer context can be passed as a prop for extended class use\n   */\n  virtualizerContext?: VirtualizerContextProps;\n\n  /**\n   * Callback for notifying when a flagged index has been rendered\n   */\n  onRenderedFlaggedIndex?: (index: number) => void;\n\n  /*\n   * Callback for notifying when a flagged index has been rendered\n   */\n  flaggedIndex?: MutableRefObject<number | null>;\n\n  /**\n   * Imperative ref contains our scrollTo index functionality for user control.\n   */\n  imperativeVirtualizerRef?: RefObject<VirtualizerDataRef>;\n};\n\nexport type VirtualizerProps = ComponentProps<Partial<VirtualizerSlots>> & VirtualizerConfigProps;\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/components/Virtualizer/useVirtualizer.js

@@ -7,6 +7,11 @@ import { renderVirtualizerChildPlaceholder } from './renderVirtualizer';
 export function useVirtualizer_unstable(props) {
     const { itemSize , numItems , virtualizerLength , children: renderChild , getItemSize , bufferItems =Math.round(virtualizerLength / 4.0) , bufferSize =Math.floor(bufferItems / 2.0) * itemSize , scrollViewRef , axis ='vertical' , reversed =false , virtualizerContext , onRenderedFlaggedIndex , imperativeVirtualizerRef  } = props;
     /* The context is optional, it's useful for injecting additional index logic, or performing uniform state updates*/ const _virtualizerContext = useVirtualizerContextState_unstable(virtualizerContext);
+    // We use this ref as a constant source to access the virtualizer's state imperatively
+    const actualIndexRef = useRef(_virtualizerContext.contextIndex);
+    if (actualIndexRef.current !== _virtualizerContext.contextIndex) {
+        actualIndexRef.current = _virtualizerContext.contextIndex;
+    }
     const flaggedIndex = useRef(null);
     const actualIndex = _virtualizerContext.contextIndex;
     const setActualIndex = _virtualizerContext.setContextIndex;
@@ -75,6 +80,9 @@ export function useVirtualizer_unstable(props) {
         // Local updates
         updateChildRows(index);
         updateCurrentItemSizes(index);
+        // Set before 'setActualIndex' call
+        // If it changes before render, or injected via context, re-render will update ref.
+        actualIndexRef.current = index;
         // State setters
         setActualIndex(index);
     };
@@ -207,7 +215,7 @@ export function useVirtualizer_unstable(props) {
         numItems
     ]);
     const calculateBefore = useCallback(()=>{
-        const currentIndex = Math.min(actualIndex, numItems);
+        const currentIndex = Math.min(actualIndex, numItems - 1);
         if (!getItemSize) {
             // The missing items from before virtualization starts height
             return currentIndex * itemSize;
@@ -224,17 +232,17 @@ export function useVirtualizer_unstable(props) {
         numItems
     ]);
     const calculateAfter = useCallback(()=>{
-        if (numItems === 0) {
+        if (numItems === 0 || actualIndex + virtualizerLength >= numItems) {
             return 0;
         }
-        const lastItemIndex = Math.min(actualIndex + virtualizerLength, numItems - 1);
+        const lastItemIndex = Math.min(actualIndex + virtualizerLength, numItems);
         if (!getItemSize) {
             // The missing items from after virtualization ends height
-            const remainingItems = numItems - lastItemIndex - 1;
+            const remainingItems = numItems - lastItemIndex;
             return remainingItems * itemSize;
         }
         // Time for custom size calcs
-        return childProgressiveSizes.current[numItems - 1] - childProgressiveSizes.current[lastItemIndex];
+        return childProgressiveSizes.current[numItems - 1] - childProgressiveSizes.current[lastItemIndex - 1];
     }, [
         actualIndex,
         getItemSize,
@@ -328,7 +336,8 @@ export function useVirtualizer_unstable(props) {
         return {
             progressiveSizes: childProgressiveSizes,
             nodeSizes: childSizes,
-            setFlaggedIndex: (index)=>flaggedIndex.current = index
+            setFlaggedIndex: (index)=>flaggedIndex.current = index,
+            currentIndex: actualIndexRef
         };
     }, [
         childProgressiveSizes,

package/lib/components/Virtualizer/useVirtualizer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useVirtualizer.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { VirtualizerProps, VirtualizerState } from './Virtualizer.types';\n\nimport { useEffect, useRef, useCallback, useReducer, useImperativeHandle, useState } from 'react';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { flushSync } from 'react-dom';\nimport { useVirtualizerContextState_unstable } from '../../Utilities';\nimport { renderVirtualizerChildPlaceholder } from './renderVirtualizer';\n\nexport function useVirtualizer_unstable(props: VirtualizerProps): VirtualizerState {\n  const {\n    itemSize,\n    numItems,\n    virtualizerLength,\n    children: renderChild,\n    getItemSize,\n    bufferItems = Math.round(virtualizerLength / 4.0),\n    bufferSize = Math.floor(bufferItems / 2.0) * itemSize,\n    scrollViewRef,\n    axis = 'vertical',\n    reversed = false,\n    virtualizerContext,\n    onRenderedFlaggedIndex,\n    imperativeVirtualizerRef,\n  } = props;\n\n  /* The context is optional, it's useful for injecting additional index logic, or performing uniform state updates*/\n  const _virtualizerContext = useVirtualizerContextState_unstable(virtualizerContext);\n\n  const flaggedIndex = useRef<number | null>(null);\n\n  const actualIndex = _virtualizerContext.contextIndex;\n  const setActualIndex = _virtualizerContext.setContextIndex;\n\n  // Store ref to before padding element\n  const beforeElementRef = useRef<Element | null>(null);\n\n  // Store ref to before padding element\n  const afterElementRef = useRef<Element | null>(null);\n\n  // We need to store an array to track dynamic sizes, we can use this to incrementally update changes\n  const childSizes = useRef<number[]>(new Array<number>(getItemSize ? numItems : 0));\n\n  /* We keep track of the progressive sizing/placement down the list,\n  this helps us skip re-calculations unless children/size changes */\n  const childProgressiveSizes = useRef<number[]>(new Array<number>(getItemSize ? numItems : 0));\n\n  // The internal tracking REF for child array (updates often).\n  const childArray = useRef<ReactNode[]>(new Array(virtualizerLength));\n\n  // We want to be methodical about updating the render with child reference array\n  const forceUpdate = useReducer(() => ({}), {})[1];\n\n  const horizontal = axis === 'horizontal';\n\n  const populateSizeArrays = () => {\n    if (!getItemSize) {\n      // Static sizes, never mind!\n      return;\n    }\n\n    if (numItems !== childSizes.current.length) {\n      childSizes.current = new Array<number>(numItems);\n    }\n\n    if (numItems !== childProgressiveSizes.current.length) {\n      childProgressiveSizes.current = new Array<number>(numItems);\n    }\n\n    for (let index = 0; index < numItems; index++) {\n      childSizes.current[index] = getItemSize(index);\n      if (index === 0) {\n        childProgressiveSizes.current[index] = childSizes.current[index];\n      } else {\n        childProgressiveSizes.current[index] = childProgressiveSizes.current[index - 1] + childSizes.current[index];\n      }\n    }\n  };\n\n  const [isScrolling, setIsScrolling] = useState<boolean>(false);\n  const scrollTimer = useRef<ReturnType<typeof setTimeout> | null>();\n  const scrollCounter = useRef<number>(0);\n\n  const initializeScrollingTimer = () => {\n    /*\n     * This can be considered the 'velocity' required to start 'isScrolling'\n     * INIT_SCROLL_FLAG_REQ: Number of renders required to activate isScrolling\n     * INIT_SCROLL_FLAG_DELAY: Amount of time (ms) before current number of renders is reset\n     *  - Maybe we should let users customize these in the future.\n     */\n    const INIT_SCROLL_FLAG_REQ = 10;\n    const INIT_SCROLL_FLAG_DELAY = 100;\n\n    scrollCounter.current++;\n    if (scrollCounter.current >= INIT_SCROLL_FLAG_REQ) {\n      setIsScrolling(true);\n    }\n    if (scrollTimer.current) {\n      clearTimeout(scrollTimer.current);\n    }\n    scrollTimer.current = setTimeout(() => {\n      setIsScrolling(false);\n      scrollCounter.current = 0;\n    }, INIT_SCROLL_FLAG_DELAY);\n  };\n\n  useEffect(() => {\n    initializeScrollingTimer();\n  }, [actualIndex]);\n\n  const batchUpdateNewIndex = (index: number) => {\n    // Local updates\n    updateChildRows(index);\n    updateCurrentItemSizes(index);\n\n    // State setters\n    setActualIndex(index);\n  };\n\n  // Observe intersections of virtualized components\n  const { setObserverList } = useIntersectionObserver(\n    (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => {\n      /* Sanity check - do we even need virtualization? */\n      if (virtualizerLength > numItems) {\n        if (actualIndex !== 0) {\n          batchUpdateNewIndex(0);\n        }\n        // No-op\n        return;\n      }\n\n      /* IO initiates this function when needed (bookend entering view) */\n      let measurementPos = 0;\n      let bufferCount = bufferItems;\n\n      // Grab latest entry that is intersecting\n      const latestEntry =\n        entries.length === 1\n          ? entries[0]\n          : entries\n              .sort((entry1, entry2) => entry2.time - entry1.time)\n              .find(entry => {\n                return entry.intersectionRatio > 0;\n              });\n\n      if (!latestEntry) {\n        // If we don't find an intersecting area, ignore for now.\n        return;\n      }\n\n      if (latestEntry.target === afterElementRef.current) {\n        // We need to inverse the buffer count\n        bufferCount = virtualizerLength - bufferItems;\n        measurementPos = reversed ? calculateAfter() : calculateTotalSize() - calculateAfter();\n        if (!horizontal) {\n          if (reversed) {\n            // Scrolling 'up' and hit the after element below\n            measurementPos -= Math.abs(latestEntry.boundingClientRect.bottom);\n          } else if (latestEntry.boundingClientRect.top < 0) {\n            // Scrolling 'down' and hit the after element above top: 0\n            measurementPos -= latestEntry.boundingClientRect.top;\n          }\n        } else {\n          if (reversed) {\n            // Scrolling 'left' and hit the after element\n            measurementPos -= Math.abs(latestEntry.boundingClientRect.right);\n          } else if (latestEntry.boundingClientRect.left < 0) {\n            // Scrolling 'right' and hit the after element\n            measurementPos -= latestEntry.boundingClientRect.left;\n          }\n        }\n      } else if (latestEntry.target === beforeElementRef.current) {\n        measurementPos = reversed ? calculateTotalSize() - calculateBefore() : calculateBefore();\n        if (!horizontal) {\n          if (!reversed) {\n            measurementPos -= Math.abs(latestEntry.boundingClientRect.bottom);\n          } else if (latestEntry.boundingClientRect.top < 0) {\n            // Scrolling 'down' in reverse order and hit the before element above top: 0\n            measurementPos -= latestEntry.boundingClientRect.top;\n          }\n        } else {\n          if (!reversed) {\n            measurementPos -= Math.abs(latestEntry.boundingClientRect.right);\n          } else if (latestEntry.boundingClientRect.left < 0) {\n            // Scrolling 'left' and hit before element\n            measurementPos -= latestEntry.boundingClientRect.left;\n          }\n        }\n      }\n\n      if (reversed) {\n        // We're reversed, up is down, left is right, invert the scroll measure.\n        measurementPos = Math.max(calculateTotalSize() - Math.abs(measurementPos), 0);\n      }\n\n      // For now lets use hardcoded size to assess current element to paginate on\n      const startIndex = getIndexFromScrollPosition(measurementPos);\n      const bufferedIndex = Math.max(startIndex - bufferCount, 0);\n\n      // Safety limits\n      const maxIndex = Math.max(numItems - virtualizerLength, 0);\n      const newStartIndex = Math.min(Math.max(bufferedIndex, 0), maxIndex);\n\n      if (actualIndex !== newStartIndex) {\n        // We flush sync this and perform an immediate state update\n        flushSync(() => {\n          batchUpdateNewIndex(newStartIndex);\n        });\n      }\n    },\n    {\n      root: scrollViewRef ? scrollViewRef?.current : null,\n      rootMargin: '0px',\n      threshold: 0,\n    },\n  );\n\n  const findIndexRecursive = (scrollPos: number, lowIndex: number, highIndex: number): number => {\n    if (lowIndex > highIndex) {\n      // We shouldn't get here - but no-op the index if we do.\n      return actualIndex;\n    }\n    const midpoint = Math.floor((lowIndex + highIndex) / 2);\n    const iBefore = Math.max(midpoint - 1, 0);\n    const iAfter = Math.min(midpoint + 1, childProgressiveSizes.current.length - 1);\n    const indexValue = childProgressiveSizes.current[midpoint];\n    const afterIndexValue = childProgressiveSizes.current[iAfter];\n    const beforeIndexValue = childProgressiveSizes.current[iBefore];\n    if (scrollPos <= afterIndexValue && scrollPos >= beforeIndexValue) {\n      /* We've found our index - if we are exactly matching before/after index that's ok,\n      better to reduce checks if it's right on the boundary. */\n      return midpoint;\n    }\n\n    if (indexValue > scrollPos) {\n      return findIndexRecursive(scrollPos, lowIndex, midpoint - 1);\n    } else {\n      return findIndexRecursive(scrollPos, midpoint + 1, highIndex);\n    }\n  };\n\n  const getIndexFromSizeArray = (scrollPos: number): number => {\n    /* Quick searches our progressive height array */\n    if (\n      scrollPos === 0 ||\n      childProgressiveSizes.current.length === 0 ||\n      scrollPos <= childProgressiveSizes.current[0]\n    ) {\n      // Check start\n      return 0;\n    }\n\n    if (scrollPos >= childProgressiveSizes.current[childProgressiveSizes.current.length - 1]) {\n      // Check end\n      return childProgressiveSizes.current.length - 1;\n    }\n\n    return findIndexRecursive(scrollPos, 0, childProgressiveSizes.current.length - 1);\n  };\n\n  const getIndexFromScrollPosition = (scrollPos: number) => {\n    if (!getItemSize) {\n      return Math.round(scrollPos / itemSize);\n    }\n\n    return getIndexFromSizeArray(scrollPos);\n  };\n\n  const calculateTotalSize = useCallback(() => {\n    if (!getItemSize) {\n      return itemSize * numItems;\n    }\n\n    // Time for custom size calcs\n    return childProgressiveSizes.current[numItems - 1];\n  }, [getItemSize, itemSize, numItems]);\n\n  const calculateBefore = useCallback(() => {\n    const currentIndex = Math.min(actualIndex, numItems);\n\n    if (!getItemSize) {\n      // The missing items from before virtualization starts height\n      return currentIndex * itemSize;\n    }\n\n    if (currentIndex <= 0) {\n      return 0;\n    }\n\n    // Time for custom size calcs\n    return childProgressiveSizes.current[currentIndex - 1];\n  }, [actualIndex, getItemSize, itemSize, numItems]);\n\n  const calculateAfter = useCallback(() => {\n    if (numItems === 0) {\n      return 0;\n    }\n\n    const lastItemIndex = Math.min(actualIndex + virtualizerLength, numItems - 1);\n    if (!getItemSize) {\n      // The missing items from after virtualization ends height\n      const remainingItems = numItems - lastItemIndex - 1;\n      return remainingItems * itemSize;\n    }\n\n    // Time for custom size calcs\n    return childProgressiveSizes.current[numItems - 1] - childProgressiveSizes.current[lastItemIndex];\n  }, [actualIndex, getItemSize, itemSize, numItems, virtualizerLength]);\n\n  const updateChildRows = useCallback(\n    (newIndex: number) => {\n      if (numItems === 0) {\n        /* Nothing to virtualize */\n        return;\n      }\n\n      /*\n        We reset the array every time to ensure children are re-rendered\n        This function should only be called when update is nessecary\n       */\n      childArray.current = new Array(virtualizerLength);\n      const _actualIndex = Math.max(newIndex, 0);\n      const end = Math.min(_actualIndex + virtualizerLength, numItems);\n      for (let i = _actualIndex; i < end; i++) {\n        childArray.current[i - _actualIndex] = renderVirtualizerChildPlaceholder(renderChild(i, isScrolling), i);\n      }\n    },\n    [isScrolling, numItems, renderChild, virtualizerLength],\n  );\n\n  const setBeforeRef = useCallback(\n    (element: HTMLDivElement) => {\n      if (!element || beforeElementRef.current === element) {\n        return;\n      }\n      beforeElementRef.current = element;\n      const newList = [];\n\n      newList.push(beforeElementRef.current);\n\n      if (afterElementRef.current) {\n        newList.push(afterElementRef.current);\n      }\n\n      // Ensure we update array if before element changed\n      setObserverList(newList);\n    },\n    [setObserverList],\n  );\n\n  const setAfterRef = useCallback(\n    (element: HTMLDivElement) => {\n      if (!element || afterElementRef.current === element) {\n        return;\n      }\n      afterElementRef.current = element;\n      const newList = [];\n\n      if (beforeElementRef.current) {\n        newList.push(beforeElementRef.current);\n      }\n\n      newList.push(afterElementRef.current);\n\n      // Ensure we update array if after element changed\n      setObserverList(newList);\n    },\n    [setObserverList],\n  );\n\n  const updateCurrentItemSizes = (newIndex: number) => {\n    if (!getItemSize) {\n      // Static sizes, not required.\n      return;\n    }\n    // We should always call our size function on index change (only for the items that will be rendered)\n    // This ensures we request the latest data for incoming items in case sizing has changed.\n    const endIndex = Math.min(newIndex + virtualizerLength, numItems);\n    const startIndex = Math.max(newIndex, 0);\n\n    let didUpdate = false;\n    for (let i = startIndex; i < endIndex; i++) {\n      const newSize = getItemSize(i);\n      if (newSize !== childSizes.current[i]) {\n        childSizes.current[i] = newSize;\n        didUpdate = true;\n      }\n    }\n\n    if (didUpdate) {\n      // Update our progressive size array\n      for (let i = startIndex; i < numItems; i++) {\n        const prevSize = i > 0 ? childProgressiveSizes.current[i - 1] : 0;\n        childProgressiveSizes.current[i] = prevSize + childSizes.current[i];\n      }\n    }\n  };\n\n  // Initialize the size array before first render.\n  const hasInitialized = useRef<boolean>(false);\n  const initializeSizeArray = () => {\n    if (hasInitialized.current === false) {\n      hasInitialized.current = true;\n      populateSizeArrays();\n    }\n  };\n\n  useImperativeHandle(\n    imperativeVirtualizerRef,\n    () => {\n      return {\n        progressiveSizes: childProgressiveSizes,\n        nodeSizes: childSizes,\n        setFlaggedIndex: (index: number | null) => (flaggedIndex.current = index),\n      };\n    },\n    [childProgressiveSizes, childSizes],\n  );\n\n  // Initialization on mount - update array index to 0 (ready state).\n  // Only fire on mount (no deps).\n  useEffect(() => {\n    if (actualIndex < 0) {\n      batchUpdateNewIndex(0);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // If the user passes in an updated renderChild function - update current children\n  useEffect(() => {\n    if (actualIndex >= 0) {\n      updateChildRows(actualIndex);\n      forceUpdate();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [renderChild, updateChildRows]);\n\n  useEffect(() => {\n    // Ensure we repopulate if getItemSize callback changes\n    populateSizeArrays();\n\n    // We only run this effect on getItemSize change (recalc dynamic sizes)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [getItemSize]);\n\n  // Effect to check flag index on updates\n  useEffect(() => {\n    if (!onRenderedFlaggedIndex || flaggedIndex.current === null) {\n      return;\n    }\n    if (actualIndex <= flaggedIndex.current && actualIndex + virtualizerLength >= flaggedIndex.current) {\n      onRenderedFlaggedIndex(flaggedIndex.current);\n      flaggedIndex.current = null;\n    }\n  }, [actualIndex, onRenderedFlaggedIndex, virtualizerLength]);\n\n  // Ensure we have run through and updated the whole size list array at least once.\n  initializeSizeArray();\n\n  if (getItemSize && (numItems !== childSizes.current.length || numItems !== childProgressiveSizes.current.length)) {\n    // Child length mismatch, repopulate size arrays.\n    populateSizeArrays();\n  }\n\n  // Ensure we recalc if virtualizer length changes\n  const maxCompare = Math.min(virtualizerLength, numItems);\n  if (childArray.current.length !== maxCompare && actualIndex + childArray.current.length < numItems) {\n    updateChildRows(actualIndex);\n  }\n\n  const isFullyInitialized = hasInitialized.current && actualIndex >= 0;\n  return {\n    components: {\n      before: 'div',\n      after: 'div',\n      beforeContainer: 'div',\n      afterContainer: 'div',\n    },\n    virtualizedChildren: childArray.current,\n    before: resolveShorthand(props.before, {\n      required: true,\n      defaultProps: {\n        ref: setBeforeRef,\n        role: 'none',\n      },\n    }),\n    after: resolveShorthand(props.after, {\n      required: true,\n      defaultProps: {\n        ref: setAfterRef,\n        role: 'none',\n      },\n    }),\n    beforeContainer: resolveShorthand(props.beforeContainer, {\n      required: true,\n      defaultProps: {\n        role: 'none',\n      },\n    }),\n    afterContainer: resolveShorthand(props.afterContainer, {\n      required: true,\n      defaultProps: {\n        role: 'none',\n      },\n    }),\n    beforeBufferHeight: isFullyInitialized ? calculateBefore() : 0,\n    afterBufferHeight: isFullyInitialized ? calculateAfter() : 0,\n    totalVirtualizerHeight: isFullyInitialized ? calculateTotalSize() : virtualizerLength * itemSize,\n    virtualizerStartIndex: actualIndex,\n    axis,\n    bufferSize,\n    reversed,\n  };\n}\n"],"names":["useEffect","useRef","useCallback","useReducer","useImperativeHandle","useState","useIntersectionObserver","resolveShorthand","flushSync","useVirtualizerContextState_unstable","renderVirtualizerChildPlaceholder","useVirtualizer_unstable","props","itemSize","numItems","virtualizerLength","children","renderChild","getItemSize","bufferItems","Math","round","bufferSize","floor","scrollViewRef","axis","reversed","virtualizerContext","onRenderedFlaggedIndex","imperativeVirtualizerRef","_virtualizerContext","flaggedIndex","actualIndex","contextIndex","setActualIndex","setContextIndex","beforeElementRef","afterElementRef","childSizes","Array","childProgressiveSizes","childArray","forceUpdate","horizontal","populateSizeArrays","current","length","index","isScrolling","setIsScrolling","scrollTimer","scrollCounter","initializeScrollingTimer","INIT_SCROLL_FLAG_REQ","INIT_SCROLL_FLAG_DELAY","clearTimeout","setTimeout","batchUpdateNewIndex","updateChildRows","updateCurrentItemSizes","setObserverList","entries","observer","measurementPos","bufferCount","latestEntry","sort","entry1","entry2","time","find","entry","intersectionRatio","target","calculateAfter","calculateTotalSize","abs","boundingClientRect","bottom","top","right","left","calculateBefore","max","startIndex","getIndexFromScrollPosition","bufferedIndex","maxIndex","newStartIndex","min","root","rootMargin","threshold","findIndexRecursive","scrollPos","lowIndex","highIndex","midpoint","iBefore","iAfter","indexValue","afterIndexValue","beforeIndexValue","getIndexFromSizeArray","currentIndex","lastItemIndex","remainingItems","newIndex","_actualIndex","end","i","setBeforeRef","element","newList","push","setAfterRef","endIndex","didUpdate","newSize","prevSize","hasInitialized","initializeSizeArray","progressiveSizes","nodeSizes","setFlaggedIndex","maxCompare","isFullyInitialized","components","before","after","beforeContainer","afterContainer","virtualizedChildren","required","defaultProps","ref","role","beforeBufferHeight","afterBufferHeight","totalVirtualizerHeight","virtualizerStartIndex"],"mappings":"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"}
+{"version":3,"sources":["useVirtualizer.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { VirtualizerProps, VirtualizerState } from './Virtualizer.types';\n\nimport { useEffect, useRef, useCallback, useReducer, useImperativeHandle, useState } from 'react';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { flushSync } from 'react-dom';\nimport { useVirtualizerContextState_unstable } from '../../Utilities';\nimport { renderVirtualizerChildPlaceholder } from './renderVirtualizer';\n\nexport function useVirtualizer_unstable(props: VirtualizerProps): VirtualizerState {\n  const {\n    itemSize,\n    numItems,\n    virtualizerLength,\n    children: renderChild,\n    getItemSize,\n    bufferItems = Math.round(virtualizerLength / 4.0),\n    bufferSize = Math.floor(bufferItems / 2.0) * itemSize,\n    scrollViewRef,\n    axis = 'vertical',\n    reversed = false,\n    virtualizerContext,\n    onRenderedFlaggedIndex,\n    imperativeVirtualizerRef,\n  } = props;\n\n  /* The context is optional, it's useful for injecting additional index logic, or performing uniform state updates*/\n  const _virtualizerContext = useVirtualizerContextState_unstable(virtualizerContext);\n\n  // We use this ref as a constant source to access the virtualizer's state imperatively\n  const actualIndexRef = useRef<number>(_virtualizerContext.contextIndex);\n  if (actualIndexRef.current !== _virtualizerContext.contextIndex) {\n    actualIndexRef.current = _virtualizerContext.contextIndex;\n  }\n  const flaggedIndex = useRef<number | null>(null);\n\n  const actualIndex = _virtualizerContext.contextIndex;\n  const setActualIndex = _virtualizerContext.setContextIndex;\n\n  // Store ref to before padding element\n  const beforeElementRef = useRef<Element | null>(null);\n\n  // Store ref to before padding element\n  const afterElementRef = useRef<Element | null>(null);\n\n  // We need to store an array to track dynamic sizes, we can use this to incrementally update changes\n  const childSizes = useRef<number[]>(new Array<number>(getItemSize ? numItems : 0));\n\n  /* We keep track of the progressive sizing/placement down the list,\n  this helps us skip re-calculations unless children/size changes */\n  const childProgressiveSizes = useRef<number[]>(new Array<number>(getItemSize ? numItems : 0));\n\n  // The internal tracking REF for child array (updates often).\n  const childArray = useRef<ReactNode[]>(new Array(virtualizerLength));\n\n  // We want to be methodical about updating the render with child reference array\n  const forceUpdate = useReducer(() => ({}), {})[1];\n\n  const horizontal = axis === 'horizontal';\n\n  const populateSizeArrays = () => {\n    if (!getItemSize) {\n      // Static sizes, never mind!\n      return;\n    }\n\n    if (numItems !== childSizes.current.length) {\n      childSizes.current = new Array<number>(numItems);\n    }\n\n    if (numItems !== childProgressiveSizes.current.length) {\n      childProgressiveSizes.current = new Array<number>(numItems);\n    }\n\n    for (let index = 0; index < numItems; index++) {\n      childSizes.current[index] = getItemSize(index);\n      if (index === 0) {\n        childProgressiveSizes.current[index] = childSizes.current[index];\n      } else {\n        childProgressiveSizes.current[index] = childProgressiveSizes.current[index - 1] + childSizes.current[index];\n      }\n    }\n  };\n\n  const [isScrolling, setIsScrolling] = useState<boolean>(false);\n  const scrollTimer = useRef<ReturnType<typeof setTimeout> | null>();\n  const scrollCounter = useRef<number>(0);\n\n  const initializeScrollingTimer = () => {\n    /*\n     * This can be considered the 'velocity' required to start 'isScrolling'\n     * INIT_SCROLL_FLAG_REQ: Number of renders required to activate isScrolling\n     * INIT_SCROLL_FLAG_DELAY: Amount of time (ms) before current number of renders is reset\n     *  - Maybe we should let users customize these in the future.\n     */\n    const INIT_SCROLL_FLAG_REQ = 10;\n    const INIT_SCROLL_FLAG_DELAY = 100;\n\n    scrollCounter.current++;\n    if (scrollCounter.current >= INIT_SCROLL_FLAG_REQ) {\n      setIsScrolling(true);\n    }\n    if (scrollTimer.current) {\n      clearTimeout(scrollTimer.current);\n    }\n    scrollTimer.current = setTimeout(() => {\n      setIsScrolling(false);\n      scrollCounter.current = 0;\n    }, INIT_SCROLL_FLAG_DELAY);\n  };\n\n  useEffect(() => {\n    initializeScrollingTimer();\n  }, [actualIndex]);\n\n  const batchUpdateNewIndex = (index: number) => {\n    // Local updates\n    updateChildRows(index);\n    updateCurrentItemSizes(index);\n\n    // Set before 'setActualIndex' call\n    // If it changes before render, or injected via context, re-render will update ref.\n    actualIndexRef.current = index;\n\n    // State setters\n    setActualIndex(index);\n  };\n\n  // Observe intersections of virtualized components\n  const { setObserverList } = useIntersectionObserver(\n    (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => {\n      /* Sanity check - do we even need virtualization? */\n      if (virtualizerLength > numItems) {\n        if (actualIndex !== 0) {\n          batchUpdateNewIndex(0);\n        }\n        // No-op\n        return;\n      }\n\n      /* IO initiates this function when needed (bookend entering view) */\n      let measurementPos = 0;\n      let bufferCount = bufferItems;\n\n      // Grab latest entry that is intersecting\n      const latestEntry =\n        entries.length === 1\n          ? entries[0]\n          : entries\n              .sort((entry1, entry2) => entry2.time - entry1.time)\n              .find(entry => {\n                return entry.intersectionRatio > 0;\n              });\n\n      if (!latestEntry) {\n        // If we don't find an intersecting area, ignore for now.\n        return;\n      }\n\n      if (latestEntry.target === afterElementRef.current) {\n        // We need to inverse the buffer count\n        bufferCount = virtualizerLength - bufferItems;\n        measurementPos = reversed ? calculateAfter() : calculateTotalSize() - calculateAfter();\n        if (!horizontal) {\n          if (reversed) {\n            // Scrolling 'up' and hit the after element below\n            measurementPos -= Math.abs(latestEntry.boundingClientRect.bottom);\n          } else if (latestEntry.boundingClientRect.top < 0) {\n            // Scrolling 'down' and hit the after element above top: 0\n            measurementPos -= latestEntry.boundingClientRect.top;\n          }\n        } else {\n          if (reversed) {\n            // Scrolling 'left' and hit the after element\n            measurementPos -= Math.abs(latestEntry.boundingClientRect.right);\n          } else if (latestEntry.boundingClientRect.left < 0) {\n            // Scrolling 'right' and hit the after element\n            measurementPos -= latestEntry.boundingClientRect.left;\n          }\n        }\n      } else if (latestEntry.target === beforeElementRef.current) {\n        measurementPos = reversed ? calculateTotalSize() - calculateBefore() : calculateBefore();\n        if (!horizontal) {\n          if (!reversed) {\n            measurementPos -= Math.abs(latestEntry.boundingClientRect.bottom);\n          } else if (latestEntry.boundingClientRect.top < 0) {\n            // Scrolling 'down' in reverse order and hit the before element above top: 0\n            measurementPos -= latestEntry.boundingClientRect.top;\n          }\n        } else {\n          if (!reversed) {\n            measurementPos -= Math.abs(latestEntry.boundingClientRect.right);\n          } else if (latestEntry.boundingClientRect.left < 0) {\n            // Scrolling 'left' and hit before element\n            measurementPos -= latestEntry.boundingClientRect.left;\n          }\n        }\n      }\n\n      if (reversed) {\n        // We're reversed, up is down, left is right, invert the scroll measure.\n        measurementPos = Math.max(calculateTotalSize() - Math.abs(measurementPos), 0);\n      }\n\n      // For now lets use hardcoded size to assess current element to paginate on\n      const startIndex = getIndexFromScrollPosition(measurementPos);\n      const bufferedIndex = Math.max(startIndex - bufferCount, 0);\n\n      // Safety limits\n      const maxIndex = Math.max(numItems - virtualizerLength, 0);\n      const newStartIndex = Math.min(Math.max(bufferedIndex, 0), maxIndex);\n\n      if (actualIndex !== newStartIndex) {\n        // We flush sync this and perform an immediate state update\n        flushSync(() => {\n          batchUpdateNewIndex(newStartIndex);\n        });\n      }\n    },\n    {\n      root: scrollViewRef ? scrollViewRef?.current : null,\n      rootMargin: '0px',\n      threshold: 0,\n    },\n  );\n\n  const findIndexRecursive = (scrollPos: number, lowIndex: number, highIndex: number): number => {\n    if (lowIndex > highIndex) {\n      // We shouldn't get here - but no-op the index if we do.\n      return actualIndex;\n    }\n    const midpoint = Math.floor((lowIndex + highIndex) / 2);\n    const iBefore = Math.max(midpoint - 1, 0);\n    const iAfter = Math.min(midpoint + 1, childProgressiveSizes.current.length - 1);\n    const indexValue = childProgressiveSizes.current[midpoint];\n    const afterIndexValue = childProgressiveSizes.current[iAfter];\n    const beforeIndexValue = childProgressiveSizes.current[iBefore];\n    if (scrollPos <= afterIndexValue && scrollPos >= beforeIndexValue) {\n      /* We've found our index - if we are exactly matching before/after index that's ok,\n      better to reduce checks if it's right on the boundary. */\n      return midpoint;\n    }\n\n    if (indexValue > scrollPos) {\n      return findIndexRecursive(scrollPos, lowIndex, midpoint - 1);\n    } else {\n      return findIndexRecursive(scrollPos, midpoint + 1, highIndex);\n    }\n  };\n\n  const getIndexFromSizeArray = (scrollPos: number): number => {\n    /* Quick searches our progressive height array */\n    if (\n      scrollPos === 0 ||\n      childProgressiveSizes.current.length === 0 ||\n      scrollPos <= childProgressiveSizes.current[0]\n    ) {\n      // Check start\n      return 0;\n    }\n\n    if (scrollPos >= childProgressiveSizes.current[childProgressiveSizes.current.length - 1]) {\n      // Check end\n      return childProgressiveSizes.current.length - 1;\n    }\n\n    return findIndexRecursive(scrollPos, 0, childProgressiveSizes.current.length - 1);\n  };\n\n  const getIndexFromScrollPosition = (scrollPos: number) => {\n    if (!getItemSize) {\n      return Math.round(scrollPos / itemSize);\n    }\n\n    return getIndexFromSizeArray(scrollPos);\n  };\n\n  const calculateTotalSize = useCallback(() => {\n    if (!getItemSize) {\n      return itemSize * numItems;\n    }\n\n    // Time for custom size calcs\n    return childProgressiveSizes.current[numItems - 1];\n  }, [getItemSize, itemSize, numItems]);\n\n  const calculateBefore = useCallback(() => {\n    const currentIndex = Math.min(actualIndex, numItems - 1);\n\n    if (!getItemSize) {\n      // The missing items from before virtualization starts height\n      return currentIndex * itemSize;\n    }\n\n    if (currentIndex <= 0) {\n      return 0;\n    }\n\n    // Time for custom size calcs\n    return childProgressiveSizes.current[currentIndex - 1];\n  }, [actualIndex, getItemSize, itemSize, numItems]);\n\n  const calculateAfter = useCallback(() => {\n    if (numItems === 0 || actualIndex + virtualizerLength >= numItems) {\n      return 0;\n    }\n\n    const lastItemIndex = Math.min(actualIndex + virtualizerLength, numItems);\n    if (!getItemSize) {\n      // The missing items from after virtualization ends height\n      const remainingItems = numItems - lastItemIndex;\n      return remainingItems * itemSize;\n    }\n\n    // Time for custom size calcs\n    return childProgressiveSizes.current[numItems - 1] - childProgressiveSizes.current[lastItemIndex - 1];\n  }, [actualIndex, getItemSize, itemSize, numItems, virtualizerLength]);\n\n  const updateChildRows = useCallback(\n    (newIndex: number) => {\n      if (numItems === 0) {\n        /* Nothing to virtualize */\n        return;\n      }\n\n      /*\n        We reset the array every time to ensure children are re-rendered\n        This function should only be called when update is nessecary\n       */\n      childArray.current = new Array(virtualizerLength);\n      const _actualIndex = Math.max(newIndex, 0);\n      const end = Math.min(_actualIndex + virtualizerLength, numItems);\n      for (let i = _actualIndex; i < end; i++) {\n        childArray.current[i - _actualIndex] = renderVirtualizerChildPlaceholder(renderChild(i, isScrolling), i);\n      }\n    },\n    [isScrolling, numItems, renderChild, virtualizerLength],\n  );\n\n  const setBeforeRef = useCallback(\n    (element: HTMLDivElement) => {\n      if (!element || beforeElementRef.current === element) {\n        return;\n      }\n      beforeElementRef.current = element;\n      const newList = [];\n\n      newList.push(beforeElementRef.current);\n\n      if (afterElementRef.current) {\n        newList.push(afterElementRef.current);\n      }\n\n      // Ensure we update array if before element changed\n      setObserverList(newList);\n    },\n    [setObserverList],\n  );\n\n  const setAfterRef = useCallback(\n    (element: HTMLDivElement) => {\n      if (!element || afterElementRef.current === element) {\n        return;\n      }\n      afterElementRef.current = element;\n      const newList = [];\n\n      if (beforeElementRef.current) {\n        newList.push(beforeElementRef.current);\n      }\n\n      newList.push(afterElementRef.current);\n\n      // Ensure we update array if after element changed\n      setObserverList(newList);\n    },\n    [setObserverList],\n  );\n\n  const updateCurrentItemSizes = (newIndex: number) => {\n    if (!getItemSize) {\n      // Static sizes, not required.\n      return;\n    }\n    // We should always call our size function on index change (only for the items that will be rendered)\n    // This ensures we request the latest data for incoming items in case sizing has changed.\n    const endIndex = Math.min(newIndex + virtualizerLength, numItems);\n    const startIndex = Math.max(newIndex, 0);\n\n    let didUpdate = false;\n    for (let i = startIndex; i < endIndex; i++) {\n      const newSize = getItemSize(i);\n      if (newSize !== childSizes.current[i]) {\n        childSizes.current[i] = newSize;\n        didUpdate = true;\n      }\n    }\n\n    if (didUpdate) {\n      // Update our progressive size array\n      for (let i = startIndex; i < numItems; i++) {\n        const prevSize = i > 0 ? childProgressiveSizes.current[i - 1] : 0;\n        childProgressiveSizes.current[i] = prevSize + childSizes.current[i];\n      }\n    }\n  };\n\n  // Initialize the size array before first render.\n  const hasInitialized = useRef<boolean>(false);\n  const initializeSizeArray = () => {\n    if (hasInitialized.current === false) {\n      hasInitialized.current = true;\n      populateSizeArrays();\n    }\n  };\n\n  useImperativeHandle(\n    imperativeVirtualizerRef,\n    () => {\n      return {\n        progressiveSizes: childProgressiveSizes,\n        nodeSizes: childSizes,\n        setFlaggedIndex: (index: number | null) => (flaggedIndex.current = index),\n        currentIndex: actualIndexRef,\n      };\n    },\n    [childProgressiveSizes, childSizes],\n  );\n\n  // Initialization on mount - update array index to 0 (ready state).\n  // Only fire on mount (no deps).\n  useEffect(() => {\n    if (actualIndex < 0) {\n      batchUpdateNewIndex(0);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // If the user passes in an updated renderChild function - update current children\n  useEffect(() => {\n    if (actualIndex >= 0) {\n      updateChildRows(actualIndex);\n      forceUpdate();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [renderChild, updateChildRows]);\n\n  useEffect(() => {\n    // Ensure we repopulate if getItemSize callback changes\n    populateSizeArrays();\n\n    // We only run this effect on getItemSize change (recalc dynamic sizes)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [getItemSize]);\n\n  // Effect to check flag index on updates\n  useEffect(() => {\n    if (!onRenderedFlaggedIndex || flaggedIndex.current === null) {\n      return;\n    }\n    if (actualIndex <= flaggedIndex.current && actualIndex + virtualizerLength >= flaggedIndex.current) {\n      onRenderedFlaggedIndex(flaggedIndex.current);\n      flaggedIndex.current = null;\n    }\n  }, [actualIndex, onRenderedFlaggedIndex, virtualizerLength]);\n\n  // Ensure we have run through and updated the whole size list array at least once.\n  initializeSizeArray();\n\n  if (getItemSize && (numItems !== childSizes.current.length || numItems !== childProgressiveSizes.current.length)) {\n    // Child length mismatch, repopulate size arrays.\n    populateSizeArrays();\n  }\n\n  // Ensure we recalc if virtualizer length changes\n  const maxCompare = Math.min(virtualizerLength, numItems);\n  if (childArray.current.length !== maxCompare && actualIndex + childArray.current.length < numItems) {\n    updateChildRows(actualIndex);\n  }\n\n  const isFullyInitialized = hasInitialized.current && actualIndex >= 0;\n  return {\n    components: {\n      before: 'div',\n      after: 'div',\n      beforeContainer: 'div',\n      afterContainer: 'div',\n    },\n    virtualizedChildren: childArray.current,\n    before: resolveShorthand(props.before, {\n      required: true,\n      defaultProps: {\n        ref: setBeforeRef,\n        role: 'none',\n      },\n    }),\n    after: resolveShorthand(props.after, {\n      required: true,\n      defaultProps: {\n        ref: setAfterRef,\n        role: 'none',\n      },\n    }),\n    beforeContainer: resolveShorthand(props.beforeContainer, {\n      required: true,\n      defaultProps: {\n        role: 'none',\n      },\n    }),\n    afterContainer: resolveShorthand(props.afterContainer, {\n      required: true,\n      defaultProps: {\n        role: 'none',\n      },\n    }),\n    beforeBufferHeight: isFullyInitialized ? calculateBefore() : 0,\n    afterBufferHeight: isFullyInitialized ? calculateAfter() : 0,\n    totalVirtualizerHeight: isFullyInitialized ? calculateTotalSize() : virtualizerLength * itemSize,\n    virtualizerStartIndex: actualIndex,\n    axis,\n    bufferSize,\n    reversed,\n  };\n}\n"],"names":["useEffect","useRef","useCallback","useReducer","useImperativeHandle","useState","useIntersectionObserver","resolveShorthand","flushSync","useVirtualizerContextState_unstable","renderVirtualizerChildPlaceholder","useVirtualizer_unstable","props","itemSize","numItems","virtualizerLength","children","renderChild","getItemSize","bufferItems","Math","round","bufferSize","floor","scrollViewRef","axis","reversed","virtualizerContext","onRenderedFlaggedIndex","imperativeVirtualizerRef","_virtualizerContext","actualIndexRef","contextIndex","current","flaggedIndex","actualIndex","setActualIndex","setContextIndex","beforeElementRef","afterElementRef","childSizes","Array","childProgressiveSizes","childArray","forceUpdate","horizontal","populateSizeArrays","length","index","isScrolling","setIsScrolling","scrollTimer","scrollCounter","initializeScrollingTimer","INIT_SCROLL_FLAG_REQ","INIT_SCROLL_FLAG_DELAY","clearTimeout","setTimeout","batchUpdateNewIndex","updateChildRows","updateCurrentItemSizes","setObserverList","entries","observer","measurementPos","bufferCount","latestEntry","sort","entry1","entry2","time","find","entry","intersectionRatio","target","calculateAfter","calculateTotalSize","abs","boundingClientRect","bottom","top","right","left","calculateBefore","max","startIndex","getIndexFromScrollPosition","bufferedIndex","maxIndex","newStartIndex","min","root","rootMargin","threshold","findIndexRecursive","scrollPos","lowIndex","highIndex","midpoint","iBefore","iAfter","indexValue","afterIndexValue","beforeIndexValue","getIndexFromSizeArray","currentIndex","lastItemIndex","remainingItems","newIndex","_actualIndex","end","i","setBeforeRef","element","newList","push","setAfterRef","endIndex","didUpdate","newSize","prevSize","hasInitialized","initializeSizeArray","progressiveSizes","nodeSizes","setFlaggedIndex","maxCompare","isFullyInitialized","components","before","after","beforeContainer","afterContainer","virtualizedChildren","required","defaultProps","ref","role","beforeBufferHeight","afterBufferHeight","totalVirtualizerHeight","virtualizerStartIndex"],"mappings":"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"}

package/lib/components/Virtualizer/useVirtualizerStyles.styles.js

@@ -56,11 +56,11 @@ export const useVirtualizerStyles_unstable = state => {
     }),
     // Row
     ...(!reversed && horizontal && {
-      marginLeft: `-${bufferPx}`
+      marginRight: `-${bufferPx}`
     }),
     // Row-Reverse
     ...(reversed && horizontal && {
-      marginRight: `-${bufferPx}`
+      marginLeft: `-${bufferPx}`
     })
   };
   const afterBuffer = {

package/lib/components/Virtualizer/useVirtualizerStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","virtualizerClassName","virtualizerClassNames","before","beforeContainer","after","afterContainer","useStyles","base","mc9l5x","Bkecrkj","relative","qhf8xq","horizontal","sshi5w","vertical","Bf4jedk","d","useVirtualizerStyles_unstable","state","styles","reversed","axis","beforeBufferHeight","afterBufferHeight","bufferSize","className","beforeHeightPx","afterHeightPx","beforeBufferHeightPx","afterBufferHeightPx","bufferPx","beforeBuffer","marginBottom","marginTop","marginLeft","marginRight","afterBuffer","style","height","width"],"sources":["useVirtualizerStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nconst virtualizerClassName = 'fui-Virtualizer';\nexport const virtualizerClassNames = {\n    before: `${virtualizerClassName}__before`,\n    beforeContainer: `${virtualizerClassName}__beforeContainer`,\n    after: `${virtualizerClassName}__after`,\n    afterContainer: `${virtualizerClassName}__afterContainer`\n};\nconst useStyles = makeStyles({\n    base: {\n        display: 'block',\n        pointerEvents: 'none'\n    },\n    relative: {\n        position: 'relative'\n    },\n    horizontal: {\n        minHeight: '100%'\n    },\n    vertical: {\n        minWidth: '100%'\n    }\n});\n/**\n * Apply styling to the Virtualizer states\n */ export const useVirtualizerStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const { reversed , axis , beforeBufferHeight , afterBufferHeight , bufferSize  } = state;\n    const horizontal = axis === 'horizontal';\n    state.before.className = mergeClasses(virtualizerClassNames.before, styles.base, styles.relative, horizontal ? styles.horizontal : styles.vertical, state.before.className);\n    state.after.className = mergeClasses(virtualizerClassNames.after, styles.base, styles.relative, horizontal ? styles.horizontal : styles.vertical, state.after.className);\n    state.beforeContainer.className = mergeClasses(virtualizerClassNames.beforeContainer, styles.base, horizontal ? styles.horizontal : styles.vertical, state.beforeContainer.className);\n    state.afterContainer.className = mergeClasses(virtualizerClassNames.afterContainer, styles.base, horizontal ? styles.horizontal : styles.vertical, state.afterContainer.className);\n    const beforeHeightPx = beforeBufferHeight + 'px';\n    const afterHeightPx = afterBufferHeight + 'px';\n    const beforeBufferHeightPx = beforeBufferHeight + bufferSize + 'px';\n    const afterBufferHeightPx = afterBufferHeight + bufferSize + 'px';\n    const bufferPx = bufferSize + 'px';\n    const beforeBuffer = {\n        // Column\n        ...!reversed && !horizontal && {\n            marginBottom: `-${bufferPx}`\n        },\n        // Column-Reverse\n        ...reversed && !horizontal && {\n            marginTop: `-${bufferPx}`\n        },\n        // Row\n        ...!reversed && horizontal && {\n            marginLeft: `-${bufferPx}`\n        },\n        // Row-Reverse\n        ...reversed && horizontal && {\n            marginRight: `-${bufferPx}`\n        }\n    };\n    const afterBuffer = {\n        // Column\n        ...!reversed && !horizontal && {\n            marginTop: `-${bufferPx}`\n        },\n        // Column-Reverse\n        ...reversed && !horizontal && {\n            marginBottom: `-${bufferPx}`\n        },\n        // Row\n        ...!reversed && horizontal && {\n            marginLeft: `-${bufferPx}`\n        },\n        // Row-Reverse\n        ...reversed && horizontal && {\n            marginRight: `-${bufferPx}`\n        }\n    };\n    state.before.style = {\n        height: horizontal ? '100%' : beforeBufferHeightPx,\n        width: horizontal ? beforeBufferHeightPx : '100%',\n        ...beforeBuffer,\n        ...state.before.style\n    };\n    state.beforeContainer.style = {\n        height: horizontal ? 'auto' : beforeHeightPx,\n        width: horizontal ? beforeHeightPx : 'auto',\n        ...state.beforeContainer.style\n    };\n    state.after.style = {\n        height: horizontal ? '100%' : afterBufferHeightPx,\n        width: horizontal ? afterBufferHeightPx : '100%',\n        ...afterBuffer,\n        ...state.after.style\n    };\n    state.afterContainer.style = {\n        height: horizontal ? 'auto' : afterHeightPx,\n        width: horizontal ? afterHeightPx : 'auto',\n        ...state.afterContainer.style\n    };\n    return state;\n};\n"],"mappings":"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"}
+{"version":3,"names":["__styles","mergeClasses","virtualizerClassName","virtualizerClassNames","before","beforeContainer","after","afterContainer","useStyles","base","mc9l5x","Bkecrkj","relative","qhf8xq","horizontal","sshi5w","vertical","Bf4jedk","d","useVirtualizerStyles_unstable","state","styles","reversed","axis","beforeBufferHeight","afterBufferHeight","bufferSize","className","beforeHeightPx","afterHeightPx","beforeBufferHeightPx","afterBufferHeightPx","bufferPx","beforeBuffer","marginBottom","marginTop","marginRight","marginLeft","afterBuffer","style","height","width"],"sources":["useVirtualizerStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nconst virtualizerClassName = 'fui-Virtualizer';\nexport const virtualizerClassNames = {\n    before: `${virtualizerClassName}__before`,\n    beforeContainer: `${virtualizerClassName}__beforeContainer`,\n    after: `${virtualizerClassName}__after`,\n    afterContainer: `${virtualizerClassName}__afterContainer`\n};\nconst useStyles = makeStyles({\n    base: {\n        display: 'block',\n        pointerEvents: 'none'\n    },\n    relative: {\n        position: 'relative'\n    },\n    horizontal: {\n        minHeight: '100%'\n    },\n    vertical: {\n        minWidth: '100%'\n    }\n});\n/**\n * Apply styling to the Virtualizer states\n */ export const useVirtualizerStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const { reversed , axis , beforeBufferHeight , afterBufferHeight , bufferSize  } = state;\n    const horizontal = axis === 'horizontal';\n    state.before.className = mergeClasses(virtualizerClassNames.before, styles.base, styles.relative, horizontal ? styles.horizontal : styles.vertical, state.before.className);\n    state.after.className = mergeClasses(virtualizerClassNames.after, styles.base, styles.relative, horizontal ? styles.horizontal : styles.vertical, state.after.className);\n    state.beforeContainer.className = mergeClasses(virtualizerClassNames.beforeContainer, styles.base, horizontal ? styles.horizontal : styles.vertical, state.beforeContainer.className);\n    state.afterContainer.className = mergeClasses(virtualizerClassNames.afterContainer, styles.base, horizontal ? styles.horizontal : styles.vertical, state.afterContainer.className);\n    const beforeHeightPx = beforeBufferHeight + 'px';\n    const afterHeightPx = afterBufferHeight + 'px';\n    const beforeBufferHeightPx = beforeBufferHeight + bufferSize + 'px';\n    const afterBufferHeightPx = afterBufferHeight + bufferSize + 'px';\n    const bufferPx = bufferSize + 'px';\n    const beforeBuffer = {\n        // Column\n        ...!reversed && !horizontal && {\n            marginBottom: `-${bufferPx}`\n        },\n        // Column-Reverse\n        ...reversed && !horizontal && {\n            marginTop: `-${bufferPx}`\n        },\n        // Row\n        ...!reversed && horizontal && {\n            marginRight: `-${bufferPx}`\n        },\n        // Row-Reverse\n        ...reversed && horizontal && {\n            marginLeft: `-${bufferPx}`\n        }\n    };\n    const afterBuffer = {\n        // Column\n        ...!reversed && !horizontal && {\n            marginTop: `-${bufferPx}`\n        },\n        // Column-Reverse\n        ...reversed && !horizontal && {\n            marginBottom: `-${bufferPx}`\n        },\n        // Row\n        ...!reversed && horizontal && {\n            marginLeft: `-${bufferPx}`\n        },\n        // Row-Reverse\n        ...reversed && horizontal && {\n            marginRight: `-${bufferPx}`\n        }\n    };\n    state.before.style = {\n        height: horizontal ? '100%' : beforeBufferHeightPx,\n        width: horizontal ? beforeBufferHeightPx : '100%',\n        ...beforeBuffer,\n        ...state.before.style\n    };\n    state.beforeContainer.style = {\n        height: horizontal ? 'auto' : beforeHeightPx,\n        width: horizontal ? beforeHeightPx : 'auto',\n        ...state.beforeContainer.style\n    };\n    state.after.style = {\n        height: horizontal ? '100%' : afterBufferHeightPx,\n        width: horizontal ? afterBufferHeightPx : '100%',\n        ...afterBuffer,\n        ...state.after.style\n    };\n    state.afterContainer.style = {\n        height: horizontal ? 'auto' : afterHeightPx,\n        width: horizontal ? afterHeightPx : 'auto',\n        ...state.afterContainer.style\n    };\n    return state;\n};\n"],"mappings":"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"}

package/lib/components/VirtualizerScrollView/useVirtualizerScrollView.js

@@ -11,10 +11,16 @@ export function useVirtualizerScrollView_unstable(props) {
         defaultItemSize: props.itemSize,
         direction: (_props_axis = props.axis) !== null && _props_axis !== void 0 ? _props_axis : 'vertical'
     });
+    // Store the virtualizer length as a ref for imperative ref access
+    const virtualizerLengthRef = React.useRef(virtualizerLength);
+    if (virtualizerLengthRef.current !== virtualizerLength) {
+        virtualizerLengthRef.current = virtualizerLength;
+    }
     const scrollViewRef = useMergedRefs(React.useRef(null), scrollRef);
     const imperativeVirtualizerRef = React.useRef(null);
     const scrollCallbackRef = React.useRef(null);
     useImperativeHandle(imperativeRef, ()=>{
+        var _imperativeVirtualizerRef_current;
         return {
             scrollTo (index, behavior = 'auto', callback) {
                 var _imperativeVirtualizerRef_current;
@@ -29,7 +35,9 @@ export function useVirtualizerScrollView_unstable(props) {
                     reversed,
                     behavior
                 });
-            }
+            },
+            currentIndex: (_imperativeVirtualizerRef_current = imperativeVirtualizerRef.current) === null || _imperativeVirtualizerRef_current === void 0 ? void 0 : _imperativeVirtualizerRef_current.currentIndex,
+            virtualizerLength: virtualizerLengthRef
         };
     }, [
         axis,

package/lib/components/VirtualizerScrollView/useVirtualizerScrollView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useVirtualizerScrollView.ts"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';\nimport { useVirtualizer_unstable } from '../Virtualizer/useVirtualizer';\nimport type { VirtualizerScrollViewProps, VirtualizerScrollViewState } from './VirtualizerScrollView.types';\nimport { useStaticVirtualizerMeasure } from '../../Hooks';\nimport { useImperativeHandle } from 'react';\nimport { scrollToItemStatic } from '../../Utilities';\nimport type { VirtualizerDataRef } from '../Virtualizer/Virtualizer.types';\n\nexport function useVirtualizerScrollView_unstable(props: VirtualizerScrollViewProps): VirtualizerScrollViewState {\n  const { imperativeRef, itemSize, numItems, axis = 'vertical', reversed } = props;\n  const { virtualizerLength, bufferItems, bufferSize, scrollRef } = useStaticVirtualizerMeasure({\n    defaultItemSize: props.itemSize,\n    direction: props.axis ?? 'vertical',\n  });\n\n  const scrollViewRef = useMergedRefs(React.useRef<HTMLDivElement>(null), scrollRef) as React.RefObject<HTMLDivElement>;\n  const imperativeVirtualizerRef = React.useRef<VirtualizerDataRef | null>(null);\n  const scrollCallbackRef = React.useRef<null | ((index: number) => void)>(null);\n\n  useImperativeHandle(\n    imperativeRef,\n    () => {\n      return {\n        scrollTo(index: number, behavior = 'auto', callback: ((index: number) => void) | undefined) {\n          scrollCallbackRef.current = callback ?? null;\n          imperativeVirtualizerRef.current?.setFlaggedIndex(index);\n          scrollToItemStatic({\n            index,\n            itemSize,\n            totalItems: numItems,\n            scrollViewRef,\n            axis,\n            reversed,\n            behavior,\n          });\n        },\n      };\n    },\n    [axis, scrollViewRef, itemSize, numItems, reversed],\n  );\n\n  const handleRenderedIndex = (index: number) => {\n    if (scrollCallbackRef.current) {\n      scrollCallbackRef.current(index);\n    }\n  };\n\n  const virtualizerState = useVirtualizer_unstable({\n    ...props,\n    virtualizerLength,\n    bufferItems,\n    bufferSize,\n    scrollViewRef,\n    onRenderedFlaggedIndex: handleRenderedIndex,\n    imperativeVirtualizerRef,\n  });\n\n  return {\n    ...virtualizerState,\n    components: {\n      ...virtualizerState.components,\n      container: 'div',\n    },\n    container: resolveShorthand(props.container, {\n      required: true,\n      defaultProps: {\n        ref: scrollViewRef as React.RefObject<HTMLDivElement>,\n      },\n    }),\n  };\n}\n"],"names":["React","resolveShorthand","useMergedRefs","useVirtualizer_unstable","useStaticVirtualizerMeasure","useImperativeHandle","scrollToItemStatic","useVirtualizerScrollView_unstable","props","imperativeRef","itemSize","numItems","axis","reversed","virtualizerLength","bufferItems","bufferSize","scrollRef","defaultItemSize","direction","scrollViewRef","useRef","imperativeVirtualizerRef","scrollCallbackRef","scrollTo","index","behavior","callback","current","setFlaggedIndex","totalItems","handleRenderedIndex","virtualizerState","onRenderedFlaggedIndex","components","container","required","defaultProps","ref"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,EAAEC,aAAa,QAAQ,4BAA4B;AAC5E,SAASC,uBAAuB,QAAQ,gCAAgC;AAExE,SAASC,2BAA2B,QAAQ,cAAc;AAC1D,SAASC,mBAAmB,QAAQ,QAAQ;AAC5C,SAASC,kBAAkB,QAAQ,kBAAkB;AAGrD,OAAO,SAASC,kCAAkCC,KAAiC,EAA8B;IAC/G,MAAM,EAAEC,cAAa,EAAEC,SAAQ,EAAEC,SAAQ,EAAEC,MAAO,WAAU,EAAEC,SAAQ,EAAE,GAAGL;QAG9DA;IAFb,MAAM,EAAEM,kBAAiB,EAAEC,YAAW,EAAEC,WAAU,EAAEC,UAAS,EAAE,GAAGb,4BAA4B;QAC5Fc,iBAAiBV,MAAME,QAAQ;QAC/BS,WAAWX,CAAAA,cAAAA,MAAMI,IAAI,cAAVJ,yBAAAA,cAAc,UAAU;IACrC;IAEA,MAAMY,gBAAgBlB,cAAcF,MAAMqB,MAAM,CAAiB,IAAI,GAAGJ;IACxE,MAAMK,2BAA2BtB,MAAMqB,MAAM,CAA4B,IAAI;IAC7E,MAAME,oBAAoBvB,MAAMqB,MAAM,CAAmC,IAAI;IAE7EhB,oBACEI,eACA,IAAM;QACJ,OAAO;YACLe,UAASC,KAAa,EAAEC,WAAW,MAAM,EAAEC,QAA+C,EAAE;oBAE1FL;gBADAC,kBAAkBK,OAAO,GAAGD,qBAAAA,sBAAAA,WAAY,IAAI;gBAC5CL,CAAAA,oCAAAA,yBAAyBM,OAAO,cAAhCN,+CAAAA,KAAAA,IAAAA,kCAAkCO,gBAAgBJ;gBAClDnB,mBAAmB;oBACjBmB;oBACAf;oBACAoB,YAAYnB;oBACZS;oBACAR;oBACAC;oBACAa;gBACF;YACF;QACF;IACF,GACA;QAACd;QAAMQ;QAAeV;QAAUC;QAAUE;KAAS;IAGrD,MAAMkB,sBAAsB,CAACN,QAAkB;QAC7C,IAAIF,kBAAkBK,OAAO,EAAE;YAC7BL,kBAAkBK,OAAO,CAACH;QAC5B,CAAC;IACH;IAEA,MAAMO,mBAAmB7B,wBAAwB;QAC/C,GAAGK,KAAK;QACRM;QACAC;QACAC;QACAI;QACAa,wBAAwBF;QACxBT;IACF;IAEA,OAAO;QACL,GAAGU,gBAAgB;QACnBE,YAAY;YACV,GAAGF,iBAAiBE,UAAU;YAC9BC,WAAW;QACb;QACAA,WAAWlC,iBAAiBO,MAAM2B,SAAS,EAAE;YAC3CC,UAAU,IAAI;YACdC,cAAc;gBACZC,KAAKlB;YACP;QACF;IACF;AACF,CAAC"}
+{"version":3,"sources":["useVirtualizerScrollView.ts"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';\nimport { useVirtualizer_unstable } from '../Virtualizer/useVirtualizer';\nimport type { VirtualizerScrollViewProps, VirtualizerScrollViewState } from './VirtualizerScrollView.types';\nimport { useStaticVirtualizerMeasure } from '../../Hooks';\nimport { useImperativeHandle } from 'react';\nimport { scrollToItemStatic } from '../../Utilities';\nimport type { VirtualizerDataRef } from '../Virtualizer/Virtualizer.types';\n\nexport function useVirtualizerScrollView_unstable(props: VirtualizerScrollViewProps): VirtualizerScrollViewState {\n  const { imperativeRef, itemSize, numItems, axis = 'vertical', reversed } = props;\n  const { virtualizerLength, bufferItems, bufferSize, scrollRef } = useStaticVirtualizerMeasure({\n    defaultItemSize: props.itemSize,\n    direction: props.axis ?? 'vertical',\n  });\n\n  // Store the virtualizer length as a ref for imperative ref access\n  const virtualizerLengthRef = React.useRef<number>(virtualizerLength);\n  if (virtualizerLengthRef.current !== virtualizerLength) {\n    virtualizerLengthRef.current = virtualizerLength;\n  }\n  const scrollViewRef = useMergedRefs(React.useRef<HTMLDivElement>(null), scrollRef) as React.RefObject<HTMLDivElement>;\n  const imperativeVirtualizerRef = React.useRef<VirtualizerDataRef | null>(null);\n  const scrollCallbackRef = React.useRef<null | ((index: number) => void)>(null);\n\n  useImperativeHandle(\n    imperativeRef,\n    () => {\n      return {\n        scrollTo(index: number, behavior = 'auto', callback: ((index: number) => void) | undefined) {\n          scrollCallbackRef.current = callback ?? null;\n          imperativeVirtualizerRef.current?.setFlaggedIndex(index);\n          scrollToItemStatic({\n            index,\n            itemSize,\n            totalItems: numItems,\n            scrollViewRef,\n            axis,\n            reversed,\n            behavior,\n          });\n        },\n        currentIndex: imperativeVirtualizerRef.current?.currentIndex,\n        virtualizerLength: virtualizerLengthRef,\n      };\n    },\n    [axis, scrollViewRef, itemSize, numItems, reversed],\n  );\n\n  const handleRenderedIndex = (index: number) => {\n    if (scrollCallbackRef.current) {\n      scrollCallbackRef.current(index);\n    }\n  };\n\n  const virtualizerState = useVirtualizer_unstable({\n    ...props,\n    virtualizerLength,\n    bufferItems,\n    bufferSize,\n    scrollViewRef,\n    onRenderedFlaggedIndex: handleRenderedIndex,\n    imperativeVirtualizerRef,\n  });\n\n  return {\n    ...virtualizerState,\n    components: {\n      ...virtualizerState.components,\n      container: 'div',\n    },\n    container: resolveShorthand(props.container, {\n      required: true,\n      defaultProps: {\n        ref: scrollViewRef as React.RefObject<HTMLDivElement>,\n      },\n    }),\n  };\n}\n"],"names":["React","resolveShorthand","useMergedRefs","useVirtualizer_unstable","useStaticVirtualizerMeasure","useImperativeHandle","scrollToItemStatic","useVirtualizerScrollView_unstable","props","imperativeRef","itemSize","numItems","axis","reversed","virtualizerLength","bufferItems","bufferSize","scrollRef","defaultItemSize","direction","virtualizerLengthRef","useRef","current","scrollViewRef","imperativeVirtualizerRef","scrollCallbackRef","scrollTo","index","behavior","callback","setFlaggedIndex","totalItems","currentIndex","handleRenderedIndex","virtualizerState","onRenderedFlaggedIndex","components","container","required","defaultProps","ref"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,EAAEC,aAAa,QAAQ,4BAA4B;AAC5E,SAASC,uBAAuB,QAAQ,gCAAgC;AAExE,SAASC,2BAA2B,QAAQ,cAAc;AAC1D,SAASC,mBAAmB,QAAQ,QAAQ;AAC5C,SAASC,kBAAkB,QAAQ,kBAAkB;AAGrD,OAAO,SAASC,kCAAkCC,KAAiC,EAA8B;IAC/G,MAAM,EAAEC,cAAa,EAAEC,SAAQ,EAAEC,SAAQ,EAAEC,MAAO,WAAU,EAAEC,SAAQ,EAAE,GAAGL;QAG9DA;IAFb,MAAM,EAAEM,kBAAiB,EAAEC,YAAW,EAAEC,WAAU,EAAEC,UAAS,EAAE,GAAGb,4BAA4B;QAC5Fc,iBAAiBV,MAAME,QAAQ;QAC/BS,WAAWX,CAAAA,cAAAA,MAAMI,IAAI,cAAVJ,yBAAAA,cAAc,UAAU;IACrC;IAEA,kEAAkE;IAClE,MAAMY,uBAAuBpB,MAAMqB,MAAM,CAASP;IAClD,IAAIM,qBAAqBE,OAAO,KAAKR,mBAAmB;QACtDM,qBAAqBE,OAAO,GAAGR;IACjC,CAAC;IACD,MAAMS,gBAAgBrB,cAAcF,MAAMqB,MAAM,CAAiB,IAAI,GAAGJ;IACxE,MAAMO,2BAA2BxB,MAAMqB,MAAM,CAA4B,IAAI;IAC7E,MAAMI,oBAAoBzB,MAAMqB,MAAM,CAAmC,IAAI;IAE7EhB,oBACEI,eACA,IAAM;YAeYe;QAdhB,OAAO;YACLE,UAASC,KAAa,EAAEC,WAAW,MAAM,EAAEC,QAA+C,EAAE;oBAE1FL;gBADAC,kBAAkBH,OAAO,GAAGO,qBAAAA,sBAAAA,WAAY,IAAI;gBAC5CL,CAAAA,oCAAAA,yBAAyBF,OAAO,cAAhCE,+CAAAA,KAAAA,IAAAA,kCAAkCM,gBAAgBH;gBAClDrB,mBAAmB;oBACjBqB;oBACAjB;oBACAqB,YAAYpB;oBACZY;oBACAX;oBACAC;oBACAe;gBACF;YACF;YACAI,cAAcR,CAAAA,oCAAAA,yBAAyBF,OAAO,cAAhCE,+CAAAA,KAAAA,IAAAA,kCAAkCQ,YAAY;YAC5DlB,mBAAmBM;QACrB;IACF,GACA;QAACR;QAAMW;QAAeb;QAAUC;QAAUE;KAAS;IAGrD,MAAMoB,sBAAsB,CAACN,QAAkB;QAC7C,IAAIF,kBAAkBH,OAAO,EAAE;YAC7BG,kBAAkBH,OAAO,CAACK;QAC5B,CAAC;IACH;IAEA,MAAMO,mBAAmB/B,wBAAwB;QAC/C,GAAGK,KAAK;QACRM;QACAC;QACAC;QACAO;QACAY,wBAAwBF;QACxBT;IACF;IAEA,OAAO;QACL,GAAGU,gBAAgB;QACnBE,YAAY;YACV,GAAGF,iBAAiBE,UAAU;YAC9BC,WAAW;QACb;QACAA,WAAWpC,iBAAiBO,MAAM6B,SAAS,EAAE;YAC3CC,UAAU,IAAI;YACdC,cAAc;gBACZC,KAAKjB;YACP;QACF;IACF;AACF,CAAC"}

package/lib/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.styles.js

@@ -9,12 +9,10 @@ const useStyles = /*#__PURE__*/__styles({
   base: {
     mc9l5x: "f22iagw",
     a9b677: "fly5x3f",
-    Bqenvij: "f1l02sjl",
-    Eiaeu8: "f1115ve7"
+    Bqenvij: "f1l02sjl"
   },
   vertical: {
     Beiy3e4: "f1vx9l62",
-    Eiaeu8: "f1115ve7",
     Bmxbyg5: "f5zp4f"
   },
   horizontal: {
@@ -30,7 +28,7 @@ const useStyles = /*#__PURE__*/__styles({
     B68tc82: "f1oy3dpc"
   }
 }, {
-  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".f1115ve7{overflow-anchor:none;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f5zp4f{overflow-y:auto;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".f1oy3dpc{overflow-x:auto;}", ".f1gkdon0{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}", ".f1oztnx0{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}"]
+  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f5zp4f{overflow-y:auto;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".f1oy3dpc{overflow-x:auto;}", ".f1gkdon0{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}", ".f1oztnx0{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}"]
 });
 /**
  * Apply styling to the Virtualizer states

package/lib/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["useVirtualizerStyles_unstable","virtualizerClassNames","__styles","mergeClasses","virtualizerScrollViewClassName","virtualizerScrollViewClassNames","container","useStyles","base","mc9l5x","a9b677","Bqenvij","Eiaeu8","vertical","Beiy3e4","Bmxbyg5","horizontal","B68tc82","verticalReversed","horizontalReversed","d","useVirtualizerScrollViewStyles_unstable","state","styles","containerStyle","axis","reversed","className"],"sources":["useVirtualizerScrollViewStyles.styles.js"],"sourcesContent":["import { useVirtualizerStyles_unstable, virtualizerClassNames } from '../Virtualizer/useVirtualizerStyles.styles';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nconst virtualizerScrollViewClassName = 'fui-Virtualizer-Scroll-View';\nexport const virtualizerScrollViewClassNames = {\n    ...virtualizerClassNames,\n    container: `${virtualizerScrollViewClassName}__container`\n};\nconst useStyles = makeStyles({\n    base: {\n        display: 'flex',\n        width: '100%',\n        height: '100%',\n        overflowAnchor: 'none'\n    },\n    vertical: {\n        flexDirection: 'column',\n        overflowAnchor: 'none',\n        overflowY: 'auto'\n    },\n    horizontal: {\n        flexDirection: 'row',\n        overflowX: 'auto'\n    },\n    verticalReversed: {\n        flexDirection: 'column-reverse',\n        overflowY: 'auto'\n    },\n    horizontalReversed: {\n        flexDirection: 'row-reverse',\n        overflowX: 'auto'\n    }\n});\n/**\n * Apply styling to the Virtualizer states\n */ export const useVirtualizerScrollViewStyles_unstable = (state)=>{\n    const styles = useStyles();\n    // Default virtualizer styles base\n    useVirtualizerStyles_unstable(state);\n    const containerStyle = state.axis === 'horizontal' ? state.reversed ? styles.horizontalReversed : styles.horizontal : state.reversed ? styles.verticalReversed : styles.vertical;\n    // Add container styles\n    state.container.className = mergeClasses(virtualizerScrollViewClassNames.container, styles.base, containerStyle, state.container.className);\n    return state;\n};\n"],"mappings":"AAAA,SAASA,6BAA6B,EAAEC,qBAAqB,QAAQ,4CAA4C;AACjH,SAAAC,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,MAAMC,8BAA8B,GAAG,6BAA6B;AACpE,OAAO,MAAMC,+BAA+B,GAAG;EAC3C,GAAGJ,qBAAqB;EACxBK,SAAS,EAAG,GAAEF,8BAA+B;AACjD,CAAC;AACD,MAAMG,SAAS,gBAAGL,QAAA;EAAAM,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;IAAAF,MAAA;IAAAG,OAAA;EAAA;EAAAC,UAAA;IAAAF,OAAA;IAAAG,OAAA;EAAA;EAAAC,gBAAA;IAAAJ,OAAA;IAAAC,OAAA;EAAA;EAAAI,kBAAA;IAAAL,OAAA;IAAAG,OAAA;EAAA;AAAA;EAAAG,CAAA;AAAA,CAwBjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,uCAAuC,GAAIC,KAAK,IAAG;EAChE,MAAMC,MAAM,GAAGhB,SAAS,CAAC,CAAC;EAC1B;EACAP,6BAA6B,CAACsB,KAAK,CAAC;EACpC,MAAME,cAAc,GAAGF,KAAK,CAACG,IAAI,KAAK,YAAY,GAAGH,KAAK,CAACI,QAAQ,GAAGH,MAAM,CAACJ,kBAAkB,GAAGI,MAAM,CAACP,UAAU,GAAGM,KAAK,CAACI,QAAQ,GAAGH,MAAM,CAACL,gBAAgB,GAAGK,MAAM,CAACV,QAAQ;EAChL;EACAS,KAAK,CAAChB,SAAS,CAACqB,SAAS,GAAGxB,YAAY,CAACE,+BAA+B,CAACC,SAAS,EAAEiB,MAAM,CAACf,IAAI,EAAEgB,cAAc,EAAEF,KAAK,CAAChB,SAAS,CAACqB,SAAS,CAAC;EAC3I,OAAOL,KAAK;AAChB,CAAC"}
+{"version":3,"names":["useVirtualizerStyles_unstable","virtualizerClassNames","__styles","mergeClasses","virtualizerScrollViewClassName","virtualizerScrollViewClassNames","container","useStyles","base","mc9l5x","a9b677","Bqenvij","vertical","Beiy3e4","Bmxbyg5","horizontal","B68tc82","verticalReversed","horizontalReversed","d","useVirtualizerScrollViewStyles_unstable","state","styles","containerStyle","axis","reversed","className"],"sources":["useVirtualizerScrollViewStyles.styles.js"],"sourcesContent":["import { useVirtualizerStyles_unstable, virtualizerClassNames } from '../Virtualizer/useVirtualizerStyles.styles';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nconst virtualizerScrollViewClassName = 'fui-Virtualizer-Scroll-View';\nexport const virtualizerScrollViewClassNames = {\n    ...virtualizerClassNames,\n    container: `${virtualizerScrollViewClassName}__container`\n};\nconst useStyles = makeStyles({\n    base: {\n        display: 'flex',\n        width: '100%',\n        height: '100%'\n    },\n    vertical: {\n        flexDirection: 'column',\n        overflowY: 'auto'\n    },\n    horizontal: {\n        flexDirection: 'row',\n        overflowX: 'auto'\n    },\n    verticalReversed: {\n        flexDirection: 'column-reverse',\n        overflowY: 'auto'\n    },\n    horizontalReversed: {\n        flexDirection: 'row-reverse',\n        overflowX: 'auto'\n    }\n});\n/**\n * Apply styling to the Virtualizer states\n */ export const useVirtualizerScrollViewStyles_unstable = (state)=>{\n    const styles = useStyles();\n    // Default virtualizer styles base\n    useVirtualizerStyles_unstable(state);\n    const containerStyle = state.axis === 'horizontal' ? state.reversed ? styles.horizontalReversed : styles.horizontal : state.reversed ? styles.verticalReversed : styles.vertical;\n    // Add container styles\n    state.container.className = mergeClasses(virtualizerScrollViewClassNames.container, styles.base, containerStyle, state.container.className);\n    return state;\n};\n"],"mappings":"AAAA,SAASA,6BAA6B,EAAEC,qBAAqB,QAAQ,4CAA4C;AACjH,SAAAC,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,MAAMC,8BAA8B,GAAG,6BAA6B;AACpE,OAAO,MAAMC,+BAA+B,GAAG;EAC3C,GAAGJ,qBAAqB;EACxBK,SAAS,EAAG,GAAEF,8BAA+B;AACjD,CAAC;AACD,MAAMG,SAAS,gBAAGL,QAAA;EAAAM,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,UAAA;IAAAF,OAAA;IAAAG,OAAA;EAAA;EAAAC,gBAAA;IAAAJ,OAAA;IAAAC,OAAA;EAAA;EAAAI,kBAAA;IAAAL,OAAA;IAAAG,OAAA;EAAA;AAAA;EAAAG,CAAA;AAAA,CAsBjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,uCAAuC,GAAIC,KAAK,IAAG;EAChE,MAAMC,MAAM,GAAGf,SAAS,CAAC,CAAC;EAC1B;EACAP,6BAA6B,CAACqB,KAAK,CAAC;EACpC,MAAME,cAAc,GAAGF,KAAK,CAACG,IAAI,KAAK,YAAY,GAAGH,KAAK,CAACI,QAAQ,GAAGH,MAAM,CAACJ,kBAAkB,GAAGI,MAAM,CAACP,UAAU,GAAGM,KAAK,CAACI,QAAQ,GAAGH,MAAM,CAACL,gBAAgB,GAAGK,MAAM,CAACV,QAAQ;EAChL;EACAS,KAAK,CAACf,SAAS,CAACoB,SAAS,GAAGvB,YAAY,CAACE,+BAA+B,CAACC,SAAS,EAAEgB,MAAM,CAACd,IAAI,EAAEe,cAAc,EAAEF,KAAK,CAACf,SAAS,CAACoB,SAAS,CAAC;EAC3I,OAAOL,KAAK;AAChB,CAAC"}

package/lib/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js

@@ -15,10 +15,16 @@ export function useVirtualizerScrollViewDynamic_unstable(props) {
         currentIndex: (_contextState_contextIndex = contextState === null || contextState === void 0 ? void 0 : contextState.contextIndex) !== null && _contextState_contextIndex !== void 0 ? _contextState_contextIndex : 0,
         numItems: props.numItems
     });
+    // Store the virtualizer length as a ref for imperative ref access
+    const virtualizerLengthRef = React.useRef(virtualizerLength);
+    if (virtualizerLengthRef.current !== virtualizerLength) {
+        virtualizerLengthRef.current = virtualizerLength;
+    }
     const scrollViewRef = useMergedRefs(React.useRef(null), scrollRef);
     const scrollCallbackRef = React.useRef(null);
     const _imperativeVirtualizerRef = useMergedRefs(React.useRef(null), imperativeVirtualizerRef);
     useImperativeHandle(imperativeRef, ()=>{
+        var _imperativeVirtualizerRef_current;
         return {
             scrollTo (index, behavior = 'auto', callback) {
                 scrollCallbackRef.current = callback !== null && callback !== void 0 ? callback : null;
@@ -37,7 +43,9 @@ export function useVirtualizerScrollViewDynamic_unstable(props) {
                         behavior
                     });
                 }
-            }
+            },
+            currentIndex: (_imperativeVirtualizerRef_current = _imperativeVirtualizerRef.current) === null || _imperativeVirtualizerRef_current === void 0 ? void 0 : _imperativeVirtualizerRef_current.currentIndex,
+            virtualizerLength: virtualizerLengthRef
         };
     }, [
         axis,