@fluentui/react-virtualizer 9.0.0-alpha.58 → 9.0.0-alpha.59

package/CHANGELOG.md

@@ -1,12 +1,22 @@
 # Change Log - @fluentui/react-virtualizer
 
-This log was last generated on Mon, 20 Nov 2023 09:51:22 GMT and should not be manually modified.
+This log was last generated on Thu, 30 Nov 2023 13:37:55 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-alpha.59](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.59)
+
+Thu, 30 Nov 2023 13:37:55 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-virtualizer_v9.0.0-alpha.58..@fluentui/react-virtualizer_v9.0.0-alpha.59)
+
+### Changes
+
+- feat: Add default auto-measuring on dynamic virtualizezr if no sizing function provided ([PR #29868](https://github.com/microsoft/fluentui/pull/29868) by mifraser@microsoft.com)
+- Bump @fluentui/react-jsx-runtime to v9.0.20 ([PR #29957](https://github.com/microsoft/fluentui/pull/29957) by beachball)
+
 ## [9.0.0-alpha.58](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.58)
 
-Mon, 20 Nov 2023 09:51:22 GMT 
+Mon, 20 Nov 2023 09:55:10 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-virtualizer_v9.0.0-alpha.57..@fluentui/react-virtualizer_v9.0.0-alpha.58)
 
 ### Changes

package/dist/index.d.ts

@@ -238,6 +238,14 @@ declare type VirtualizerConfigState = {
      * Minimum 1px.
      */
     bufferSize: number;
+    /**
+     * Ref for access to internal size knowledge, can be used to measure updates
+     */
+    childSizes: React_2.MutableRefObject<number[]>;
+    /**
+     * Ref for access to internal progressive size knowledge, can be used to measure updates
+     */
+    childProgressiveSizes: React_2.MutableRefObject<number[]>;
 };
 
 /**
@@ -296,8 +304,9 @@ export declare type VirtualizerScrollViewDynamicProps = ComponentProps<Partial<V
     /**
      * Callback for acquiring size of individual items
      * @param index - the index of the requested size's child
+     * If undefined, Virtualizer will auto-measure by default (performance tradeoff)
      */
-    getItemSize: (index: number) => number;
+    getItemSize?: (index: number) => number;
     /**
      * The total number of items to be virtualized.
      */

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  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"}
+{"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   * Ref for access to internal size knowledge, can be used to measure updates\n   */\n  childSizes: React.MutableRefObject<number[]>;\n  /**\n   * Ref for access to internal progressive size knowledge, can be used to measure updates\n   */\n  childProgressiveSizes: React.MutableRefObject<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

@@ -2,7 +2,6 @@ import { useEffect, useRef, useCallback, useReducer, useImperativeHandle, useSta
 import { useIntersectionObserver } from '../../hooks/useIntersectionObserver';
 import { flushSync } from 'react-dom';
 import { useVirtualizerContextState_unstable } from '../../Utilities';
-import { renderVirtualizerChildPlaceholder } from './renderVirtualizer';
 import { slot } from '@fluentui/react-utilities';
 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;
@@ -261,7 +260,7 @@ export function useVirtualizer_unstable(props) {
         const _actualIndex = Math.max(newIndex, 0);
         const end = Math.min(_actualIndex + virtualizerLength, numItems);
         for(let i = _actualIndex; i < end; i++){
-            childArray.current[i - _actualIndex] = renderVirtualizerChildPlaceholder(renderChild(i, isScrolling), i);
+            childArray.current[i - _actualIndex] = renderChild(i, isScrolling);
         }
     }, [
         isScrolling,
@@ -436,6 +435,8 @@ export function useVirtualizer_unstable(props) {
         virtualizerStartIndex: actualIndex,
         axis,
         bufferSize,
-        reversed
+        reversed,
+        childSizes,
+        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 { flushSync } from 'react-dom';\nimport { useVirtualizerContextState_unstable } from '../../Utilities';\nimport { renderVirtualizerChildPlaceholder } from './renderVirtualizer';\nimport { slot } from '@fluentui/react-utilities';\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: slot.always(props.before, {\n      defaultProps: {\n        ref: setBeforeRef,\n        role: 'none',\n      },\n      elementType: 'div',\n    }),\n    after: slot.always(props.after, {\n      defaultProps: {\n        ref: setAfterRef,\n        role: 'none',\n      },\n      elementType: 'div',\n    }),\n    beforeContainer: slot.always(props.beforeContainer, {\n      defaultProps: {\n        role: 'none',\n      },\n      elementType: 'div',\n    }),\n    afterContainer: slot.always(props.afterContainer, {\n      defaultProps: {\n        role: 'none',\n      },\n      elementType: 'div',\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","flushSync","useVirtualizerContextState_unstable","renderVirtualizerChildPlaceholder","slot","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","always","defaultProps","ref","role","elementType","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 { flushSync } from 'react-dom';\nimport { useVirtualizerContextState_unstable } from '../../Utilities';\nimport { slot } from '@fluentui/react-utilities';\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] = renderChild(i, isScrolling);\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: slot.always(props.before, {\n      defaultProps: {\n        ref: setBeforeRef,\n        role: 'none',\n      },\n      elementType: 'div',\n    }),\n    after: slot.always(props.after, {\n      defaultProps: {\n        ref: setAfterRef,\n        role: 'none',\n      },\n      elementType: 'div',\n    }),\n    beforeContainer: slot.always(props.beforeContainer, {\n      defaultProps: {\n        role: 'none',\n      },\n      elementType: 'div',\n    }),\n    afterContainer: slot.always(props.afterContainer, {\n      defaultProps: {\n        role: 'none',\n      },\n      elementType: 'div',\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    childSizes,\n    childProgressiveSizes,\n  };\n}\n"],"names":["useEffect","useRef","useCallback","useReducer","useImperativeHandle","useState","useIntersectionObserver","flushSync","useVirtualizerContextState_unstable","slot","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","always","defaultProps","ref","role","elementType","beforeBufferHeight","afterBufferHeight","totalVirtualizerHeight","virtualizerStartIndex"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["VirtualizerScrollViewDynamic.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport type {\n  VirtualizerConfigProps,\n  VirtualizerConfigState,\n  VirtualizerChildRenderFunction,\n} from '../Virtualizer/Virtualizer.types';\n\nimport type { VirtualizerScrollViewSlots } from '../VirtualizerScrollView/VirtualizerScrollView.types';\nimport type { RefObject } from 'react';\nimport type { ScrollToInterface } from '../../Utilities';\n\nexport type VirtualizerScrollViewDynamicSlots = VirtualizerScrollViewSlots;\n\nexport type VirtualizerScrollViewDynamicProps = ComponentProps<Partial<VirtualizerScrollViewDynamicSlots>> &\n  Partial<Omit<VirtualizerConfigProps, 'itemSize' | 'numItems' | 'getItemSize' | 'children' | 'flagIndex'>> & {\n    /**\n     * Set as the minimum item size.\n     * Axis: 'vertical' = Height\n     * Axis: 'horizontal' = Width\n     */\n    itemSize: number;\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     * The total number of items to be virtualized.\n     */\n    numItems: number;\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     */\n    children: VirtualizerChildRenderFunction;\n    /**\n     * Imperative ref contains our scrollTo index functionality for user control.\n     */\n    imperativeRef?: RefObject<ScrollToInterface>;\n  };\n\nexport type VirtualizerScrollViewDynamicState = ComponentState<VirtualizerScrollViewDynamicSlots> &\n  VirtualizerConfigState;\n"],"names":[],"mappings":"AAAA,WA2CyB"}
+{"version":3,"sources":["VirtualizerScrollViewDynamic.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport type {\n  VirtualizerConfigProps,\n  VirtualizerConfigState,\n  VirtualizerChildRenderFunction,\n} from '../Virtualizer/Virtualizer.types';\n\nimport type { VirtualizerScrollViewSlots } from '../VirtualizerScrollView/VirtualizerScrollView.types';\nimport type { RefObject } from 'react';\nimport type { ScrollToInterface } from '../../Utilities';\n\nexport type VirtualizerScrollViewDynamicSlots = VirtualizerScrollViewSlots;\n\nexport type VirtualizerScrollViewDynamicProps = ComponentProps<Partial<VirtualizerScrollViewDynamicSlots>> &\n  Partial<Omit<VirtualizerConfigProps, 'itemSize' | 'numItems' | 'getItemSize' | 'children' | 'flagIndex'>> & {\n    /**\n     * Set as the minimum item size.\n     * Axis: 'vertical' = Height\n     * Axis: 'horizontal' = Width\n     */\n    itemSize: number;\n    /**\n     * Callback for acquiring size of individual items\n     * @param index - the index of the requested size's child\n     * If undefined, Virtualizer will auto-measure by default (performance tradeoff)\n     */\n    getItemSize?: (index: number) => number;\n    /**\n     * The total number of items to be virtualized.\n     */\n    numItems: number;\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     */\n    children: VirtualizerChildRenderFunction;\n    /**\n     * Imperative ref contains our scrollTo index functionality for user control.\n     */\n    imperativeRef?: RefObject<ScrollToInterface>;\n  };\n\nexport type VirtualizerScrollViewDynamicState = ComponentState<VirtualizerScrollViewDynamicSlots> &\n  VirtualizerConfigState;\n"],"names":[],"mappings":"AAAA,WA4CyB"}

package/lib/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js

@@ -4,14 +4,28 @@ import { useVirtualizer_unstable } from '../Virtualizer/useVirtualizer';
 import { useDynamicVirtualizerMeasure } from '../../Hooks';
 import { useVirtualizerContextState_unstable, scrollToItemDynamic } from '../../Utilities';
 import { useImperativeHandle } from 'react';
+import { useMeasureList } from '../../hooks/useMeasureList';
 export function useVirtualizerScrollViewDynamic_unstable(props) {
     const contextState = useVirtualizerContextState_unstable(props.virtualizerContext);
     const { imperativeRef, axis = 'vertical', reversed, imperativeVirtualizerRef } = props;
-    var _props_axis, _contextState_contextIndex;
+    let sizeTrackingArray = React.useRef(new Array(props.numItems).fill(props.itemSize));
+    const getChildSizeAuto = React.useCallback((index)=>{
+        if (sizeTrackingArray.current.length <= index || sizeTrackingArray.current[index] <= 0) {
+            // Default size for initial state or untracked
+            return props.itemSize;
+        }
+        /* Required to be defined prior to our measure function
+       * we use a sizing array ref that we will update post-render
+       */ return sizeTrackingArray.current[index];
+    }, [
+        sizeTrackingArray,
+        props.itemSize
+    ]);
+    var _props_axis, _props_getItemSize, _contextState_contextIndex;
     const { virtualizerLength, bufferItems, bufferSize, scrollRef } = useDynamicVirtualizerMeasure({
         defaultItemSize: props.itemSize,
         direction: (_props_axis = props.axis) !== null && _props_axis !== void 0 ? _props_axis : 'vertical',
-        getItemSize: props.getItemSize,
+        getItemSize: (_props_getItemSize = props.getItemSize) !== null && _props_getItemSize !== void 0 ? _props_getItemSize : getChildSizeAuto,
         currentIndex: (_contextState_contextIndex = contextState === null || contextState === void 0 ? void 0 : contextState.contextIndex) !== null && _contextState_contextIndex !== void 0 ? _contextState_contextIndex : 0,
         numItems: props.numItems
     });
@@ -58,8 +72,10 @@ export function useVirtualizerScrollViewDynamic_unstable(props) {
             scrollCallbackRef.current(index);
         }
     };
+    var _props_getItemSize1;
     const virtualizerState = useVirtualizer_unstable({
         ...props,
+        getItemSize: (_props_getItemSize1 = props.getItemSize) !== null && _props_getItemSize1 !== void 0 ? _props_getItemSize1 : getChildSizeAuto,
         virtualizerLength,
         bufferItems,
         bufferSize,
@@ -68,6 +84,43 @@ export function useVirtualizerScrollViewDynamic_unstable(props) {
         imperativeVirtualizerRef: _imperativeVirtualizerRef,
         onRenderedFlaggedIndex: handleRenderedIndex
     });
+    const measureObject = useMeasureList(virtualizerState.virtualizerStartIndex, virtualizerLength, props.numItems, props.itemSize);
+    if (axis === 'horizontal') {
+        sizeTrackingArray = measureObject.widthArray;
+    } else {
+        sizeTrackingArray = measureObject.heightArray;
+    }
+    if (!props.getItemSize) {
+        // Auto-measuring is required
+        React.Children.map(virtualizerState.virtualizedChildren, (child, index)=>{
+            if (/*#__PURE__*/ React.isValidElement(child)) {
+                virtualizerState.virtualizedChildren[index] = /*#__PURE__*/ React.createElement(child.type, {
+                    ...child.props,
+                    key: child.key,
+                    ref: (element)=>{
+                        // If a ref exists in props, call it
+                        if (typeof child.props.ref === 'function') {
+                            child.props.ref(element);
+                        } else if (child.props.ref) {
+                            child.props.ref.current = element;
+                        }
+                        if (child.hasOwnProperty('ref')) {
+                            // We must access this from the child directly, not props (forward ref).
+                            // eslint-disable-next-line  @typescript-eslint/no-explicit-any
+                            const localRef = child === null || child === void 0 ? void 0 : child.ref;
+                            if (typeof localRef === 'function') {
+                                localRef(element);
+                            } else if (localRef) {
+                                localRef.current = element;
+                            }
+                        }
+                        // Call the auto-measure ref attachment.
+                        measureObject.createIndexedRef(index)(element);
+                    }
+                });
+            }
+        });
+    }
     return {
         ...virtualizerState,
         components: {

package/lib/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useVirtualizerScrollViewDynamic.ts"],"sourcesContent":["import * as React from 'react';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useVirtualizer_unstable } from '../Virtualizer/useVirtualizer';\nimport type {\n  VirtualizerScrollViewDynamicProps,\n  VirtualizerScrollViewDynamicState,\n} from './VirtualizerScrollViewDynamic.types';\nimport { useDynamicVirtualizerMeasure } from '../../Hooks';\nimport { useVirtualizerContextState_unstable, scrollToItemDynamic } from '../../Utilities';\nimport type { VirtualizerDataRef } from '../Virtualizer/Virtualizer.types';\nimport { useImperativeHandle } from 'react';\n\nexport function useVirtualizerScrollViewDynamic_unstable(\n  props: VirtualizerScrollViewDynamicProps,\n): VirtualizerScrollViewDynamicState {\n  const contextState = useVirtualizerContextState_unstable(props.virtualizerContext);\n  const { imperativeRef, axis = 'vertical', reversed, imperativeVirtualizerRef } = props;\n\n  const { virtualizerLength, bufferItems, bufferSize, scrollRef } = useDynamicVirtualizerMeasure({\n    defaultItemSize: props.itemSize,\n    direction: props.axis ?? 'vertical',\n    getItemSize: props.getItemSize,\n    currentIndex: contextState?.contextIndex ?? 0,\n    numItems: props.numItems,\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(props.scrollViewRef, scrollRef) as React.RefObject<HTMLDivElement>;\n  const scrollCallbackRef = React.useRef<null | ((index: number) => void)>(null);\n\n  const _imperativeVirtualizerRef = useMergedRefs(React.useRef<VirtualizerDataRef>(null), imperativeVirtualizerRef);\n\n  useImperativeHandle(\n    imperativeRef,\n    () => {\n      return {\n        scrollTo(index: number, behavior = 'auto', callback: undefined | ((index: number) => void)) {\n          scrollCallbackRef.current = callback ?? null;\n          if (_imperativeVirtualizerRef.current) {\n            const progressiveSizes = _imperativeVirtualizerRef.current.progressiveSizes.current;\n            const totalSize =\n              progressiveSizes && progressiveSizes?.length > 0\n                ? progressiveSizes[Math.max(progressiveSizes.length - 1, 0)]\n                : 0;\n\n            _imperativeVirtualizerRef.current.setFlaggedIndex(index);\n            scrollToItemDynamic({\n              index,\n              itemSizes: _imperativeVirtualizerRef.current?.nodeSizes,\n              totalSize,\n              scrollViewRef,\n              axis,\n              reversed,\n              behavior,\n            });\n          }\n        },\n        currentIndex: _imperativeVirtualizerRef.current?.currentIndex,\n        virtualizerLength: virtualizerLengthRef,\n      };\n    },\n    [axis, scrollViewRef, reversed, _imperativeVirtualizerRef],\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    virtualizerContext: contextState,\n    imperativeVirtualizerRef: _imperativeVirtualizerRef,\n    onRenderedFlaggedIndex: handleRenderedIndex,\n  });\n\n  return {\n    ...virtualizerState,\n    components: {\n      ...virtualizerState.components,\n      container: 'div',\n    },\n    container: slot.always(props.container, {\n      defaultProps: {\n        ref: scrollViewRef,\n      },\n      elementType: 'div',\n    }),\n  };\n}\n"],"names":["React","slot","useMergedRefs","useVirtualizer_unstable","useDynamicVirtualizerMeasure","useVirtualizerContextState_unstable","scrollToItemDynamic","useImperativeHandle","useVirtualizerScrollViewDynamic_unstable","props","contextState","virtualizerContext","imperativeRef","axis","reversed","imperativeVirtualizerRef","virtualizerLength","bufferItems","bufferSize","scrollRef","defaultItemSize","itemSize","direction","getItemSize","currentIndex","contextIndex","numItems","virtualizerLengthRef","useRef","current","scrollViewRef","scrollCallbackRef","_imperativeVirtualizerRef","scrollTo","index","behavior","callback","progressiveSizes","totalSize","length","Math","max","setFlaggedIndex","itemSizes","nodeSizes","handleRenderedIndex","virtualizerState","onRenderedFlaggedIndex","components","container","always","defaultProps","ref","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,EAAEC,aAAa,QAAQ,4BAA4B;AAChE,SAASC,uBAAuB,QAAQ,gCAAgC;AAKxE,SAASC,4BAA4B,QAAQ,cAAc;AAC3D,SAASC,mCAAmC,EAAEC,mBAAmB,QAAQ,kBAAkB;AAE3F,SAASC,mBAAmB,QAAQ,QAAQ;AAE5C,OAAO,SAASC,yCACdC,KAAwC;IAExC,MAAMC,eAAeL,oCAAoCI,MAAME,kBAAkB;IACjF,MAAM,EAAEC,aAAa,EAAEC,OAAO,UAAU,EAAEC,QAAQ,EAAEC,wBAAwB,EAAE,GAAGN;QAIpEA,aAEGC;IAJhB,MAAM,EAAEM,iBAAiB,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGf,6BAA6B;QAC7FgB,iBAAiBX,MAAMY,QAAQ;QAC/BC,WAAWb,CAAAA,cAAAA,MAAMI,IAAI,cAAVJ,yBAAAA,cAAc;QACzBc,aAAad,MAAMc,WAAW;QAC9BC,cAAcd,CAAAA,6BAAAA,yBAAAA,mCAAAA,aAAce,YAAY,cAA1Bf,wCAAAA,6BAA8B;QAC5CgB,UAAUjB,MAAMiB,QAAQ;IAC1B;IAEA,kEAAkE;IAClE,MAAMC,uBAAuB3B,MAAM4B,MAAM,CAASZ;IAClD,IAAIW,qBAAqBE,OAAO,KAAKb,mBAAmB;QACtDW,qBAAqBE,OAAO,GAAGb;IACjC;IACA,MAAMc,gBAAgB5B,cAAcO,MAAMqB,aAAa,EAAEX;IACzD,MAAMY,oBAAoB/B,MAAM4B,MAAM,CAAmC;IAEzE,MAAMI,4BAA4B9B,cAAcF,MAAM4B,MAAM,CAAqB,OAAOb;IAExFR,oBACEK,eACA;YAuBkBoB;QAtBhB,OAAO;YACLC,UAASC,KAAa,EAAEC,WAAW,MAAM,EAAEC,QAA+C;gBACxFL,kBAAkBF,OAAO,GAAGO,qBAAAA,sBAAAA,WAAY;gBACxC,IAAIJ,0BAA0BH,OAAO,EAAE;wBAUxBG;oBATb,MAAMK,mBAAmBL,0BAA0BH,OAAO,CAACQ,gBAAgB,CAACR,OAAO;oBACnF,MAAMS,YACJD,oBAAoBA,CAAAA,6BAAAA,uCAAAA,iBAAkBE,MAAM,IAAG,IAC3CF,gBAAgB,CAACG,KAAKC,GAAG,CAACJ,iBAAiBE,MAAM,GAAG,GAAG,GAAG,GAC1D;oBAENP,0BAA0BH,OAAO,CAACa,eAAe,CAACR;oBAClD5B,oBAAoB;wBAClB4B;wBACAS,SAAS,GAAEX,oCAAAA,0BAA0BH,OAAO,cAAjCG,wDAAAA,kCAAmCY,SAAS;wBACvDN;wBACAR;wBACAjB;wBACAC;wBACAqB;oBACF;gBACF;YACF;YACAX,YAAY,GAAEQ,oCAAAA,0BAA0BH,OAAO,cAAjCG,wDAAAA,kCAAmCR,YAAY;YAC7DR,mBAAmBW;QACrB;IACF,GACA;QAACd;QAAMiB;QAAehB;QAAUkB;KAA0B;IAG5D,MAAMa,sBAAsB,CAACX;QAC3B,IAAIH,kBAAkBF,OAAO,EAAE;YAC7BE,kBAAkBF,OAAO,CAACK;QAC5B;IACF;IAEA,MAAMY,mBAAmB3C,wBAAwB;QAC/C,GAAGM,KAAK;QACRO;QACAC;QACAC;QACAY;QACAnB,oBAAoBD;QACpBK,0BAA0BiB;QAC1Be,wBAAwBF;IAC1B;IAEA,OAAO;QACL,GAAGC,gBAAgB;QACnBE,YAAY;YACV,GAAGF,iBAAiBE,UAAU;YAC9BC,WAAW;QACb;QACAA,WAAWhD,KAAKiD,MAAM,CAACzC,MAAMwC,SAAS,EAAE;YACtCE,cAAc;gBACZC,KAAKtB;YACP;YACAuB,aAAa;QACf;IACF;AACF"}
+{"version":3,"sources":["useVirtualizerScrollViewDynamic.tsx"],"sourcesContent":["import * as React from 'react';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useVirtualizer_unstable } from '../Virtualizer/useVirtualizer';\nimport type {\n  VirtualizerScrollViewDynamicProps,\n  VirtualizerScrollViewDynamicState,\n} from './VirtualizerScrollViewDynamic.types';\nimport { useDynamicVirtualizerMeasure } from '../../Hooks';\nimport { useVirtualizerContextState_unstable, scrollToItemDynamic } from '../../Utilities';\nimport type { VirtualizerDataRef } from '../Virtualizer/Virtualizer.types';\nimport { useImperativeHandle } from 'react';\nimport { useMeasureList } from '../../hooks/useMeasureList';\nimport type { IndexedResizeCallbackElement } from '../../hooks/useMeasureList';\n\nexport function useVirtualizerScrollViewDynamic_unstable(\n  props: VirtualizerScrollViewDynamicProps,\n): VirtualizerScrollViewDynamicState {\n  const contextState = useVirtualizerContextState_unstable(props.virtualizerContext);\n  const { imperativeRef, axis = 'vertical', reversed, imperativeVirtualizerRef } = props;\n\n  let sizeTrackingArray = React.useRef<number[]>(new Array(props.numItems).fill(props.itemSize));\n\n  const getChildSizeAuto = React.useCallback(\n    (index: number) => {\n      if (sizeTrackingArray.current.length <= index || sizeTrackingArray.current[index] <= 0) {\n        // Default size for initial state or untracked\n        return props.itemSize;\n      }\n      /* Required to be defined prior to our measure function\n       * we use a sizing array ref that we will update post-render\n       */\n      return sizeTrackingArray.current[index];\n    },\n    [sizeTrackingArray, props.itemSize],\n  );\n\n  const { virtualizerLength, bufferItems, bufferSize, scrollRef } = useDynamicVirtualizerMeasure({\n    defaultItemSize: props.itemSize,\n    direction: props.axis ?? 'vertical',\n    getItemSize: props.getItemSize ?? getChildSizeAuto,\n    currentIndex: contextState?.contextIndex ?? 0,\n    numItems: props.numItems,\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(props.scrollViewRef, scrollRef) as React.RefObject<HTMLDivElement>;\n  const scrollCallbackRef = React.useRef<null | ((index: number) => void)>(null);\n\n  const _imperativeVirtualizerRef = useMergedRefs(React.useRef<VirtualizerDataRef>(null), imperativeVirtualizerRef);\n\n  useImperativeHandle(\n    imperativeRef,\n    () => {\n      return {\n        scrollTo(index: number, behavior = 'auto', callback: undefined | ((index: number) => void)) {\n          scrollCallbackRef.current = callback ?? null;\n          if (_imperativeVirtualizerRef.current) {\n            const progressiveSizes = _imperativeVirtualizerRef.current.progressiveSizes.current;\n            const totalSize =\n              progressiveSizes && progressiveSizes?.length > 0\n                ? progressiveSizes[Math.max(progressiveSizes.length - 1, 0)]\n                : 0;\n\n            _imperativeVirtualizerRef.current.setFlaggedIndex(index);\n            scrollToItemDynamic({\n              index,\n              itemSizes: _imperativeVirtualizerRef.current?.nodeSizes,\n              totalSize,\n              scrollViewRef,\n              axis,\n              reversed,\n              behavior,\n            });\n          }\n        },\n        currentIndex: _imperativeVirtualizerRef.current?.currentIndex,\n        virtualizerLength: virtualizerLengthRef,\n      };\n    },\n    [axis, scrollViewRef, reversed, _imperativeVirtualizerRef],\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    getItemSize: props.getItemSize ?? getChildSizeAuto,\n    virtualizerLength,\n    bufferItems,\n    bufferSize,\n    scrollViewRef,\n    virtualizerContext: contextState,\n    imperativeVirtualizerRef: _imperativeVirtualizerRef,\n    onRenderedFlaggedIndex: handleRenderedIndex,\n  });\n\n  const measureObject = useMeasureList(\n    virtualizerState.virtualizerStartIndex,\n    virtualizerLength,\n    props.numItems,\n    props.itemSize,\n  );\n\n  if (axis === 'horizontal') {\n    sizeTrackingArray = measureObject.widthArray;\n  } else {\n    sizeTrackingArray = measureObject.heightArray;\n  }\n\n  if (!props.getItemSize) {\n    // Auto-measuring is required\n    React.Children.map(virtualizerState.virtualizedChildren, (child, index) => {\n      if (React.isValidElement(child)) {\n        virtualizerState.virtualizedChildren[index] = (\n          <child.type\n            {...child.props}\n            key={child.key}\n            ref={(element: HTMLElement & IndexedResizeCallbackElement) => {\n              // If a ref exists in props, call it\n              if (typeof child.props.ref === 'function') {\n                child.props.ref(element);\n              } else if (child.props.ref) {\n                child.props.ref.current = element;\n              }\n\n              if (child.hasOwnProperty('ref')) {\n                // We must access this from the child directly, not props (forward ref).\n                // eslint-disable-next-line  @typescript-eslint/no-explicit-any\n                const localRef = (child as any)?.ref;\n\n                if (typeof localRef === 'function') {\n                  localRef(element);\n                } else if (localRef) {\n                  localRef.current = element;\n                }\n              }\n\n              // Call the auto-measure ref attachment.\n              measureObject.createIndexedRef(index)(element);\n            }}\n          />\n        );\n      }\n    });\n  }\n\n  return {\n    ...virtualizerState,\n    components: {\n      ...virtualizerState.components,\n      container: 'div',\n    },\n    container: slot.always(props.container, {\n      defaultProps: {\n        ref: scrollViewRef,\n      },\n      elementType: 'div',\n    }),\n  };\n}\n"],"names":["React","slot","useMergedRefs","useVirtualizer_unstable","useDynamicVirtualizerMeasure","useVirtualizerContextState_unstable","scrollToItemDynamic","useImperativeHandle","useMeasureList","useVirtualizerScrollViewDynamic_unstable","props","contextState","virtualizerContext","imperativeRef","axis","reversed","imperativeVirtualizerRef","sizeTrackingArray","useRef","Array","numItems","fill","itemSize","getChildSizeAuto","useCallback","index","current","length","virtualizerLength","bufferItems","bufferSize","scrollRef","defaultItemSize","direction","getItemSize","currentIndex","contextIndex","virtualizerLengthRef","scrollViewRef","scrollCallbackRef","_imperativeVirtualizerRef","scrollTo","behavior","callback","progressiveSizes","totalSize","Math","max","setFlaggedIndex","itemSizes","nodeSizes","handleRenderedIndex","virtualizerState","onRenderedFlaggedIndex","measureObject","virtualizerStartIndex","widthArray","heightArray","Children","map","virtualizedChildren","child","isValidElement","type","key","ref","element","hasOwnProperty","localRef","createIndexedRef","components","container","always","defaultProps","elementType"],"mappings":"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"}

package/lib/hooks/useMeasureList.js

@@ -0,0 +1,101 @@
+import * as React from 'react';
+import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
+/**
+ * Provides a way of automating size in the virtualizer
+ * Returns
+ * `width` - element width ref (0 by default),
+ * `height` - element height ref (0 by default),
+ * `measureElementRef` - a ref function to be passed as `ref` to the element you want to measure
+ */ export function useMeasureList(currentIndex, refLength, totalLength, defaultItemSize) {
+    const widthArray = React.useRef(new Array(totalLength).fill(defaultItemSize));
+    const heightArray = React.useRef(new Array(totalLength).fill(defaultItemSize));
+    const refArray = React.useRef([]);
+    const { targetDocument } = useFluent();
+    // the handler for resize observer
+    const handleIndexUpdate = React.useCallback((index)=>{
+        var _refArray_current_index;
+        const boundClientRect = (_refArray_current_index = refArray.current[index]) === null || _refArray_current_index === void 0 ? void 0 : _refArray_current_index.getBoundingClientRect();
+        const containerWidth = boundClientRect === null || boundClientRect === void 0 ? void 0 : boundClientRect.width;
+        widthArray.current[currentIndex + index] = containerWidth || defaultItemSize;
+        const containerHeight = boundClientRect === null || boundClientRect === void 0 ? void 0 : boundClientRect.height;
+        heightArray.current[currentIndex + index] = containerHeight || defaultItemSize;
+    }, [
+        currentIndex,
+        defaultItemSize
+    ]);
+    const handleElementResizeCallback = (entries)=>{
+        for (const entry of entries){
+            const target = entry.target;
+            // Call the elements own resize handler (indexed)
+            target.handleResize();
+        }
+    };
+    React.useEffect(()=>{
+        widthArray.current = new Array(totalLength).fill(defaultItemSize);
+        heightArray.current = new Array(totalLength).fill(defaultItemSize);
+    }, [
+        defaultItemSize,
+        totalLength
+    ]);
+    // Keep the reference of ResizeObserver as a ref, as it should live through renders
+    const resizeObserver = React.useRef(createResizeObserverFromDocument(targetDocument, handleElementResizeCallback));
+    /* createIndexedRef provides a dynamic function to create an undefined number of refs at render time
+   * these refs then provide an indexed callback via attaching 'handleResize' to the element itself
+   * this function is then called on resize by handleElementResize and relies on indexing
+   * to track continuous sizes throughout renders while releasing all virtualized element refs each render cycle.
+   */ const createIndexedRef = React.useCallback((index)=>{
+        const measureElementRef = (el)=>{
+            if (!targetDocument || !resizeObserver.current) {
+                return;
+            }
+            if (el) {
+                el.handleResize = ()=>{
+                    handleIndexUpdate(index);
+                };
+            }
+            // cleanup previous container
+            if (refArray.current[index] !== undefined && refArray.current[index] !== null) {
+                resizeObserver.current.unobserve(refArray.current[index]);
+            }
+            refArray.current[index] = undefined;
+            if (el) {
+                refArray.current[index] = el;
+                resizeObserver.current.observe(el);
+                handleIndexUpdate(index);
+            }
+        };
+        return measureElementRef;
+    }, [
+        handleIndexUpdate,
+        resizeObserver,
+        targetDocument
+    ]);
+    React.useEffect(()=>{
+        const _resizeObserver = resizeObserver;
+        return ()=>{
+            var _resizeObserver_current;
+            return (_resizeObserver_current = _resizeObserver.current) === null || _resizeObserver_current === void 0 ? void 0 : _resizeObserver_current.disconnect();
+        };
+    }, [
+        resizeObserver
+    ]);
+    return {
+        widthArray,
+        heightArray,
+        createIndexedRef,
+        refArray
+    };
+}
+/**
+ * FIXME - TS 3.8/3.9 don't have ResizeObserver types by default, move this to a shared utility once we bump the minbar
+ * A utility method that creates a ResizeObserver from a target document
+ * @param targetDocument - document to use to create the ResizeObserver
+ * @param callback  - https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver/ResizeObserver#callback
+ * @returns a ResizeObserver instance or null if the global does not exist on the document
+ */ export function createResizeObserverFromDocument(targetDocument, callback) {
+    var _targetDocument_defaultView;
+    if (!(targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.ResizeObserver)) {
+        return null;
+    }
+    return new targetDocument.defaultView.ResizeObserver(callback);
+}

package/lib/hooks/useMeasureList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMeasureList.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nexport interface IndexedResizeCallbackElement {\n  handleResize: () => void;\n}\n/**\n * Provides a way of automating size in the virtualizer\n * Returns\n * `width` - element width ref (0 by default),\n * `height` - element height ref (0 by default),\n * `measureElementRef` - a ref function to be passed as `ref` to the element you want to measure\n */\nexport function useMeasureList<\n  TElement extends HTMLElement & IndexedResizeCallbackElement = HTMLElement & IndexedResizeCallbackElement,\n>(currentIndex: number, refLength: number, totalLength: number, defaultItemSize: number) {\n  const widthArray = React.useRef(new Array(totalLength).fill(defaultItemSize));\n  const heightArray = React.useRef(new Array(totalLength).fill(defaultItemSize));\n\n  const refArray = React.useRef<Array<TElement | undefined | null>>([]);\n  const { targetDocument } = useFluent();\n\n  // the handler for resize observer\n  const handleIndexUpdate = React.useCallback(\n    (index: number) => {\n      const boundClientRect = refArray.current[index]?.getBoundingClientRect();\n      const containerWidth = boundClientRect?.width;\n      widthArray.current[currentIndex + index] = containerWidth || defaultItemSize;\n\n      const containerHeight = boundClientRect?.height;\n      heightArray.current[currentIndex + index] = containerHeight || defaultItemSize;\n    },\n    [currentIndex, defaultItemSize],\n  );\n\n  const handleElementResizeCallback = (entries: ResizeObserverEntry[]) => {\n    for (const entry of entries) {\n      const target = entry.target as TElement;\n      // Call the elements own resize handler (indexed)\n      target.handleResize();\n    }\n  };\n\n  React.useEffect(() => {\n    widthArray.current = new Array(totalLength).fill(defaultItemSize);\n    heightArray.current = new Array(totalLength).fill(defaultItemSize);\n  }, [defaultItemSize, totalLength]);\n\n  // Keep the reference of ResizeObserver as a ref, as it should live through renders\n  const resizeObserver = React.useRef(createResizeObserverFromDocument(targetDocument, handleElementResizeCallback));\n\n  /* createIndexedRef provides a dynamic function to create an undefined number of refs at render time\n   * these refs then provide an indexed callback via attaching 'handleResize' to the element itself\n   * this function is then called on resize by handleElementResize and relies on indexing\n   * to track continuous sizes throughout renders while releasing all virtualized element refs each render cycle.\n   */\n  const createIndexedRef = React.useCallback(\n    (index: number) => {\n      const measureElementRef = (el: TElement) => {\n        if (!targetDocument || !resizeObserver.current) {\n          return;\n        }\n\n        if (el) {\n          el.handleResize = () => {\n            handleIndexUpdate(index);\n          };\n        }\n\n        // cleanup previous container\n        if (refArray.current[index] !== undefined && refArray.current[index] !== null) {\n          resizeObserver.current.unobserve(refArray.current[index]!);\n        }\n\n        refArray.current[index] = undefined;\n        if (el) {\n          refArray.current[index] = el;\n          resizeObserver.current.observe(el);\n          handleIndexUpdate(index);\n        }\n      };\n\n      return measureElementRef;\n    },\n    [handleIndexUpdate, resizeObserver, targetDocument],\n  );\n\n  React.useEffect(() => {\n    const _resizeObserver = resizeObserver;\n    return () => _resizeObserver.current?.disconnect();\n  }, [resizeObserver]);\n\n  return { widthArray, heightArray, createIndexedRef, refArray };\n}\n\n/**\n * FIXME - TS 3.8/3.9 don't have ResizeObserver types by default, move this to a shared utility once we bump the minbar\n * A utility method that creates a ResizeObserver from a target document\n * @param targetDocument - document to use to create the ResizeObserver\n * @param callback  - https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver/ResizeObserver#callback\n * @returns a ResizeObserver instance or null if the global does not exist on the document\n */\nexport function createResizeObserverFromDocument(\n  targetDocument: Document | null | undefined,\n  callback: ResizeObserverCallback,\n) {\n  if (!targetDocument?.defaultView?.ResizeObserver) {\n    return null;\n  }\n\n  return new targetDocument.defaultView.ResizeObserver(callback);\n}\n"],"names":["React","useFluent_unstable","useFluent","useMeasureList","currentIndex","refLength","totalLength","defaultItemSize","widthArray","useRef","Array","fill","heightArray","refArray","targetDocument","handleIndexUpdate","useCallback","index","boundClientRect","current","getBoundingClientRect","containerWidth","width","containerHeight","height","handleElementResizeCallback","entries","entry","target","handleResize","useEffect","resizeObserver","createResizeObserverFromDocument","createIndexedRef","measureElementRef","el","undefined","unobserve","observe","_resizeObserver","disconnect","callback","defaultView","ResizeObserver"],"mappings":"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"}

package/lib-commonjs/components/Virtualizer/useVirtualizer.js

@@ -12,7 +12,6 @@ const _react = require("react");
 const _useIntersectionObserver = require("../../hooks/useIntersectionObserver");
 const _reactdom = require("react-dom");
 const _Utilities = require("../../Utilities");
-const _renderVirtualizer = require("./renderVirtualizer");
 const _reactutilities = require("@fluentui/react-utilities");
 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;
@@ -271,7 +270,7 @@ function useVirtualizer_unstable(props) {
         const _actualIndex = Math.max(newIndex, 0);
         const end = Math.min(_actualIndex + virtualizerLength, numItems);
         for(let i = _actualIndex; i < end; i++){
-            childArray.current[i - _actualIndex] = (0, _renderVirtualizer.renderVirtualizerChildPlaceholder)(renderChild(i, isScrolling), i);
+            childArray.current[i - _actualIndex] = renderChild(i, isScrolling);
         }
     }, [
         isScrolling,
@@ -446,6 +445,8 @@ function useVirtualizer_unstable(props) {
         virtualizerStartIndex: actualIndex,
         axis,
         bufferSize,
-        reversed
+        reversed,
+        childSizes,
+        childProgressiveSizes
     };
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["useVirtualizer.js"],"sourcesContent":["import { useEffect, useRef, useCallback, useReducer, useImperativeHandle, useState } from 'react';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport { flushSync } from 'react-dom';\nimport { useVirtualizerContextState_unstable } from '../../Utilities';\nimport { renderVirtualizerChildPlaceholder } from './renderVirtualizer';\nimport { slot } from '@fluentui/react-utilities';\nexport function useVirtualizer_unstable(props) {\n    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;\n    /* The context is optional, it's useful for injecting additional index logic, or performing uniform state updates*/ const _virtualizerContext = useVirtualizerContextState_unstable(virtualizerContext);\n    // We use this ref as a constant source to access the virtualizer's state imperatively\n    const actualIndexRef = useRef(_virtualizerContext.contextIndex);\n    if (actualIndexRef.current !== _virtualizerContext.contextIndex) {\n        actualIndexRef.current = _virtualizerContext.contextIndex;\n    }\n    const flaggedIndex = useRef(null);\n    const actualIndex = _virtualizerContext.contextIndex;\n    const setActualIndex = _virtualizerContext.setContextIndex;\n    // Store ref to before padding element\n    const beforeElementRef = useRef(null);\n    // Store ref to before padding element\n    const afterElementRef = useRef(null);\n    // We need to store an array to track dynamic sizes, we can use this to incrementally update changes\n    const childSizes = useRef(new Array(getItemSize ? numItems : 0));\n    /* We keep track of the progressive sizing/placement down the list,\n  this helps us skip re-calculations unless children/size changes */ const childProgressiveSizes = useRef(new Array(getItemSize ? numItems : 0));\n    // The internal tracking REF for child array (updates often).\n    const childArray = useRef(new Array(virtualizerLength));\n    // We want to be methodical about updating the render with child reference array\n    const forceUpdate = useReducer(()=>({}), {})[1];\n    const horizontal = axis === 'horizontal';\n    const populateSizeArrays = ()=>{\n        if (!getItemSize) {\n            // Static sizes, never mind!\n            return;\n        }\n        if (numItems !== childSizes.current.length) {\n            childSizes.current = new Array(numItems);\n        }\n        if (numItems !== childProgressiveSizes.current.length) {\n            childProgressiveSizes.current = new Array(numItems);\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    const [isScrolling, setIsScrolling] = useState(false);\n    const scrollTimer = useRef();\n    const scrollCounter = useRef(0);\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     */ const INIT_SCROLL_FLAG_REQ = 10;\n        const INIT_SCROLL_FLAG_DELAY = 100;\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    useEffect(()=>{\n        initializeScrollingTimer();\n    }, [\n        actualIndex\n    ]);\n    const batchUpdateNewIndex = (index)=>{\n        // Local updates\n        updateChildRows(index);\n        updateCurrentItemSizes(index);\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        // State setters\n        setActualIndex(index);\n    };\n    // Observe intersections of virtualized components\n    const { setObserverList } = useIntersectionObserver((entries, observer)=>{\n        /* Sanity check - do we even need virtualization? */ if (virtualizerLength > numItems) {\n            if (actualIndex !== 0) {\n                batchUpdateNewIndex(0);\n            }\n            // No-op\n            return;\n        }\n        /* IO initiates this function when needed (bookend entering view) */ let measurementPos = 0;\n        let bufferCount = bufferItems;\n        // Grab latest entry that is intersecting\n        const latestEntry = entries.length === 1 ? entries[0] : entries.sort((entry1, entry2)=>entry2.time - entry1.time).find((entry)=>{\n            return entry.intersectionRatio > 0;\n        });\n        if (!latestEntry) {\n            // If we don't find an intersecting area, ignore for now.\n            return;\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        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        // 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        // Safety limits\n        const maxIndex = Math.max(numItems - virtualizerLength, 0);\n        const newStartIndex = Math.min(Math.max(bufferedIndex, 0), maxIndex);\n        if (actualIndex !== newStartIndex) {\n            // We flush sync this and perform an immediate state update\n            flushSync(()=>{\n                batchUpdateNewIndex(newStartIndex);\n            });\n        }\n    }, {\n        root: scrollViewRef ? scrollViewRef === null || scrollViewRef === void 0 ? void 0 : scrollViewRef.current : null,\n        rootMargin: '0px',\n        threshold: 0\n    });\n    const findIndexRecursive = (scrollPos, lowIndex, highIndex)=>{\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. */ return midpoint;\n        }\n        if (indexValue > scrollPos) {\n            return findIndexRecursive(scrollPos, lowIndex, midpoint - 1);\n        } else {\n            return findIndexRecursive(scrollPos, midpoint + 1, highIndex);\n        }\n    };\n    const getIndexFromSizeArray = (scrollPos)=>{\n        /* Quick searches our progressive height array */ if (scrollPos === 0 || childProgressiveSizes.current.length === 0 || scrollPos <= childProgressiveSizes.current[0]) {\n            // Check start\n            return 0;\n        }\n        if (scrollPos >= childProgressiveSizes.current[childProgressiveSizes.current.length - 1]) {\n            // Check end\n            return childProgressiveSizes.current.length - 1;\n        }\n        return findIndexRecursive(scrollPos, 0, childProgressiveSizes.current.length - 1);\n    };\n    const getIndexFromScrollPosition = (scrollPos)=>{\n        if (!getItemSize) {\n            return Math.round(scrollPos / itemSize);\n        }\n        return getIndexFromSizeArray(scrollPos);\n    };\n    const calculateTotalSize = useCallback(()=>{\n        if (!getItemSize) {\n            return itemSize * numItems;\n        }\n        // Time for custom size calcs\n        return childProgressiveSizes.current[numItems - 1];\n    }, [\n        getItemSize,\n        itemSize,\n        numItems\n    ]);\n    const calculateBefore = useCallback(()=>{\n        const currentIndex = Math.min(actualIndex, numItems - 1);\n        if (!getItemSize) {\n            // The missing items from before virtualization starts height\n            return currentIndex * itemSize;\n        }\n        if (currentIndex <= 0) {\n            return 0;\n        }\n        // Time for custom size calcs\n        return childProgressiveSizes.current[currentIndex - 1];\n    }, [\n        actualIndex,\n        getItemSize,\n        itemSize,\n        numItems\n    ]);\n    const calculateAfter = useCallback(()=>{\n        if (numItems === 0 || actualIndex + virtualizerLength >= numItems) {\n            return 0;\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        // Time for custom size calcs\n        return childProgressiveSizes.current[numItems - 1] - childProgressiveSizes.current[lastItemIndex - 1];\n    }, [\n        actualIndex,\n        getItemSize,\n        itemSize,\n        numItems,\n        virtualizerLength\n    ]);\n    const updateChildRows = useCallback((newIndex)=>{\n        if (numItems === 0) {\n            /* Nothing to virtualize */ return;\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       */ 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,\n        numItems,\n        renderChild,\n        virtualizerLength\n    ]);\n    const setBeforeRef = useCallback((element)=>{\n        if (!element || beforeElementRef.current === element) {\n            return;\n        }\n        beforeElementRef.current = element;\n        const newList = [];\n        newList.push(beforeElementRef.current);\n        if (afterElementRef.current) {\n            newList.push(afterElementRef.current);\n        }\n        // Ensure we update array if before element changed\n        setObserverList(newList);\n    }, [\n        setObserverList\n    ]);\n    const setAfterRef = useCallback((element)=>{\n        if (!element || afterElementRef.current === element) {\n            return;\n        }\n        afterElementRef.current = element;\n        const newList = [];\n        if (beforeElementRef.current) {\n            newList.push(beforeElementRef.current);\n        }\n        newList.push(afterElementRef.current);\n        // Ensure we update array if after element changed\n        setObserverList(newList);\n    }, [\n        setObserverList\n    ]);\n    const updateCurrentItemSizes = (newIndex)=>{\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        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        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    // Initialize the size array before first render.\n    const hasInitialized = useRef(false);\n    const initializeSizeArray = ()=>{\n        if (hasInitialized.current === false) {\n            hasInitialized.current = true;\n            populateSizeArrays();\n        }\n    };\n    useImperativeHandle(imperativeVirtualizerRef, ()=>{\n        return {\n            progressiveSizes: childProgressiveSizes,\n            nodeSizes: childSizes,\n            setFlaggedIndex: (index)=>flaggedIndex.current = index,\n            currentIndex: actualIndexRef\n        };\n    }, [\n        childProgressiveSizes,\n        childSizes\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    // 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    }, [\n        renderChild,\n        updateChildRows\n    ]);\n    useEffect(()=>{\n        // Ensure we repopulate if getItemSize callback changes\n        populateSizeArrays();\n    // We only run this effect on getItemSize change (recalc dynamic sizes)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\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    }, [\n        actualIndex,\n        onRenderedFlaggedIndex,\n        virtualizerLength\n    ]);\n    // Ensure we have run through and updated the whole size list array at least once.\n    initializeSizeArray();\n    if (getItemSize && (numItems !== childSizes.current.length || numItems !== childProgressiveSizes.current.length)) {\n        // Child length mismatch, repopulate size arrays.\n        populateSizeArrays();\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    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: slot.always(props.before, {\n            defaultProps: {\n                ref: setBeforeRef,\n                role: 'none'\n            },\n            elementType: 'div'\n        }),\n        after: slot.always(props.after, {\n            defaultProps: {\n                ref: setAfterRef,\n                role: 'none'\n            },\n            elementType: 'div'\n        }),\n        beforeContainer: slot.always(props.beforeContainer, {\n            defaultProps: {\n                role: 'none'\n            },\n            elementType: 'div'\n        }),\n        afterContainer: slot.always(props.afterContainer, {\n            defaultProps: {\n                role: 'none'\n            },\n            elementType: 'div'\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":["useVirtualizer_unstable","props","itemSize","numItems","virtualizerLength","children","renderChild","getItemSize","bufferItems","Math","round","bufferSize","floor","scrollViewRef","axis","reversed","virtualizerContext","onRenderedFlaggedIndex","imperativeVirtualizerRef","_virtualizerContext","useVirtualizerContextState_unstable","actualIndexRef","useRef","contextIndex","current","flaggedIndex","actualIndex","setActualIndex","setContextIndex","beforeElementRef","afterElementRef","childSizes","Array","childProgressiveSizes","childArray","forceUpdate","useReducer","horizontal","populateSizeArrays","length","index","isScrolling","setIsScrolling","useState","scrollTimer","scrollCounter","initializeScrollingTimer","INIT_SCROLL_FLAG_REQ","INIT_SCROLL_FLAG_DELAY","clearTimeout","setTimeout","useEffect","batchUpdateNewIndex","updateChildRows","updateCurrentItemSizes","setObserverList","useIntersectionObserver","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","flushSync","root","rootMargin","threshold","findIndexRecursive","scrollPos","lowIndex","highIndex","midpoint","iBefore","iAfter","indexValue","afterIndexValue","beforeIndexValue","getIndexFromSizeArray","useCallback","currentIndex","lastItemIndex","remainingItems","newIndex","_actualIndex","end","i","renderVirtualizerChildPlaceholder","setBeforeRef","element","newList","push","setAfterRef","endIndex","didUpdate","newSize","prevSize","hasInitialized","initializeSizeArray","useImperativeHandle","progressiveSizes","nodeSizes","setFlaggedIndex","maxCompare","isFullyInitialized","components","before","after","beforeContainer","afterContainer","virtualizedChildren","slot","always","defaultProps","ref","role","elementType","beforeBufferHeight","afterBufferHeight","totalVirtualizerHeight","virtualizerStartIndex"],"mappings":";;;;+BAMgBA;;;eAAAA;;;uBAN0E;yCAClD;0BACd;2BAC0B;mCACF;gCAC7B;AACd,SAASA,wBAAwBC,KAAK;IACzC,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,UAAUC,WAAW,EAAEC,WAAW,EAAEC,cAAcC,KAAKC,KAAK,CAACN,oBAAoB,IAAI,EAAEO,aAAaF,KAAKG,KAAK,CAACJ,cAAc,OAAON,QAAQ,EAAEW,aAAa,EAAEC,OAAO,UAAU,EAAEC,WAAW,KAAK,EAAEC,kBAAkB,EAAEC,sBAAsB,EAAEC,wBAAwB,EAAE,GAAGjB;IAC1T,iHAAiH,GAAG,MAAMkB,sBAAsBC,IAAAA,8CAAmC,EAACJ;IACpL,sFAAsF;IACtF,MAAMK,iBAAiBC,IAAAA,aAAM,EAACH,oBAAoBI,YAAY;IAC9D,IAAIF,eAAeG,OAAO,KAAKL,oBAAoBI,YAAY,EAAE;QAC7DF,eAAeG,OAAO,GAAGL,oBAAoBI,YAAY;IAC7D;IACA,MAAME,eAAeH,IAAAA,aAAM,EAAC;IAC5B,MAAMI,cAAcP,oBAAoBI,YAAY;IACpD,MAAMI,iBAAiBR,oBAAoBS,eAAe;IAC1D,sCAAsC;IACtC,MAAMC,mBAAmBP,IAAAA,aAAM,EAAC;IAChC,sCAAsC;IACtC,MAAMQ,kBAAkBR,IAAAA,aAAM,EAAC;IAC/B,oGAAoG;IACpG,MAAMS,aAAaT,IAAAA,aAAM,EAAC,IAAIU,MAAMzB,cAAcJ,WAAW;IAC7D;kEAC8D,GAAG,MAAM8B,wBAAwBX,IAAAA,aAAM,EAAC,IAAIU,MAAMzB,cAAcJ,WAAW;IACzI,6DAA6D;IAC7D,MAAM+B,aAAaZ,IAAAA,aAAM,EAAC,IAAIU,MAAM5B;IACpC,gFAAgF;IAChF,MAAM+B,cAAcC,IAAAA,iBAAU,EAAC,IAAK,CAAA,CAAC,CAAA,GAAI,CAAC,EAAE,CAAC,EAAE;IAC/C,MAAMC,aAAavB,SAAS;IAC5B,MAAMwB,qBAAqB;QACvB,IAAI,CAAC/B,aAAa;YACd,4BAA4B;YAC5B;QACJ;QACA,IAAIJ,aAAa4B,WAAWP,OAAO,CAACe,MAAM,EAAE;YACxCR,WAAWP,OAAO,GAAG,IAAIQ,MAAM7B;QACnC;QACA,IAAIA,aAAa8B,sBAAsBT,OAAO,CAACe,MAAM,EAAE;YACnDN,sBAAsBT,OAAO,GAAG,IAAIQ,MAAM7B;QAC9C;QACA,IAAI,IAAIqC,QAAQ,GAAGA,QAAQrC,UAAUqC,QAAQ;YACzCT,WAAWP,OAAO,CAACgB,MAAM,GAAGjC,YAAYiC;YACxC,IAAIA,UAAU,GAAG;gBACbP,sBAAsBT,OAAO,CAACgB,MAAM,GAAGT,WAAWP,OAAO,CAACgB,MAAM;YACpE,OAAO;gBACHP,sBAAsBT,OAAO,CAACgB,MAAM,GAAGP,sBAAsBT,OAAO,CAACgB,QAAQ,EAAE,GAAGT,WAAWP,OAAO,CAACgB,MAAM;YAC/G;QACJ;IACJ;IACA,MAAM,CAACC,aAAaC,eAAe,GAAGC,IAAAA,eAAQ,EAAC;IAC/C,MAAMC,cAActB,IAAAA,aAAM;IAC1B,MAAMuB,gBAAgBvB,IAAAA,aAAM,EAAC;IAC7B,MAAMwB,2BAA2B;QAC7B;;;;;KAKH,GAAG,MAAMC,uBAAuB;QAC7B,MAAMC,yBAAyB;QAC/BH,cAAcrB,OAAO;QACrB,IAAIqB,cAAcrB,OAAO,IAAIuB,sBAAsB;YAC/CL,eAAe;QACnB;QACA,IAAIE,YAAYpB,OAAO,EAAE;YACrByB,aAAaL,YAAYpB,OAAO;QACpC;QACAoB,YAAYpB,OAAO,GAAG0B,WAAW;YAC7BR,eAAe;YACfG,cAAcrB,OAAO,GAAG;QAC5B,GAAGwB;IACP;IACAG,IAAAA,gBAAS,EAAC;QACNL;IACJ,GAAG;QACCpB;KACH;IACD,MAAM0B,sBAAsB,CAACZ;QACzB,gBAAgB;QAChBa,gBAAgBb;QAChBc,uBAAuBd;QACvB,mCAAmC;QACnC,mFAAmF;QACnFnB,eAAeG,OAAO,GAAGgB;QACzB,gBAAgB;QAChBb,eAAea;IACnB;IACA,kDAAkD;IAClD,MAAM,EAAEe,eAAe,EAAE,GAAGC,IAAAA,gDAAuB,EAAC,CAACC,SAASC;QAC1D,kDAAkD,GAAG,IAAItD,oBAAoBD,UAAU;YACnF,IAAIuB,gBAAgB,GAAG;gBACnB0B,oBAAoB;YACxB;YACA,QAAQ;YACR;QACJ;QACA,kEAAkE,GAAG,IAAIO,iBAAiB;QAC1F,IAAIC,cAAcpD;QAClB,yCAAyC;QACzC,MAAMqD,cAAcJ,QAAQlB,MAAM,KAAK,IAAIkB,OAAO,CAAC,EAAE,GAAGA,QAAQK,IAAI,CAAC,CAACC,QAAQC,SAASA,OAAOC,IAAI,GAAGF,OAAOE,IAAI,EAAEC,IAAI,CAAC,CAACC;YACpH,OAAOA,MAAMC,iBAAiB,GAAG;QACrC;QACA,IAAI,CAACP,aAAa;YACd,yDAAyD;YACzD;QACJ;QACA,IAAIA,YAAYQ,MAAM,KAAKvC,gBAAgBN,OAAO,EAAE;YAChD,sCAAsC;YACtCoC,cAAcxD,oBAAoBI;YAClCmD,iBAAiB5C,WAAWuD,mBAAmBC,uBAAuBD;YACtE,IAAI,CAACjC,YAAY;gBACb,IAAItB,UAAU;oBACV,iDAAiD;oBACjD4C,kBAAkBlD,KAAK+D,GAAG,CAACX,YAAYY,kBAAkB,CAACC,MAAM;gBACpE,OAAO,IAAIb,YAAYY,kBAAkB,CAACE,GAAG,GAAG,GAAG;oBAC/C,0DAA0D;oBAC1DhB,kBAAkBE,YAAYY,kBAAkB,CAACE,GAAG;gBACxD;YACJ,OAAO;gBACH,IAAI5D,UAAU;oBACV,6CAA6C;oBAC7C4C,kBAAkBlD,KAAK+D,GAAG,CAACX,YAAYY,kBAAkB,CAACG,KAAK;gBACnE,OAAO,IAAIf,YAAYY,kBAAkB,CAACI,IAAI,GAAG,GAAG;oBAChD,8CAA8C;oBAC9ClB,kBAAkBE,YAAYY,kBAAkB,CAACI,IAAI;gBACzD;YACJ;QACJ,OAAO,IAAIhB,YAAYQ,MAAM,KAAKxC,iBAAiBL,OAAO,EAAE;YACxDmC,iBAAiB5C,WAAWwD,uBAAuBO,oBAAoBA;YACvE,IAAI,CAACzC,YAAY;gBACb,IAAI,CAACtB,UAAU;oBACX4C,kBAAkBlD,KAAK+D,GAAG,CAACX,YAAYY,kBAAkB,CAACC,MAAM;gBACpE,OAAO,IAAIb,YAAYY,kBAAkB,CAACE,GAAG,GAAG,GAAG;oBAC/C,4EAA4E;oBAC5EhB,kBAAkBE,YAAYY,kBAAkB,CAACE,GAAG;gBACxD;YACJ,OAAO;gBACH,IAAI,CAAC5D,UAAU;oBACX4C,kBAAkBlD,KAAK+D,GAAG,CAACX,YAAYY,kBAAkB,CAACG,KAAK;gBACnE,OAAO,IAAIf,YAAYY,kBAAkB,CAACI,IAAI,GAAG,GAAG;oBAChD,0CAA0C;oBAC1ClB,kBAAkBE,YAAYY,kBAAkB,CAACI,IAAI;gBACzD;YACJ;QACJ;QACA,IAAI9D,UAAU;YACV,wEAAwE;YACxE4C,iBAAiBlD,KAAKsE,GAAG,CAACR,uBAAuB9D,KAAK+D,GAAG,CAACb,iBAAiB;QAC/E;QACA,2EAA2E;QAC3E,MAAMqB,aAAaC,2BAA2BtB;QAC9C,MAAMuB,gBAAgBzE,KAAKsE,GAAG,CAACC,aAAapB,aAAa;QACzD,gBAAgB;QAChB,MAAMuB,WAAW1E,KAAKsE,GAAG,CAAC5E,WAAWC,mBAAmB;QACxD,MAAMgF,gBAAgB3E,KAAK4E,GAAG,CAAC5E,KAAKsE,GAAG,CAACG,eAAe,IAAIC;QAC3D,IAAIzD,gBAAgB0D,eAAe;YAC/B,2DAA2D;YAC3DE,IAAAA,mBAAS,EAAC;gBACNlC,oBAAoBgC;YACxB;QACJ;IACJ,GAAG;QACCG,MAAM1E,gBAAgBA,kBAAkB,QAAQA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcW,OAAO,GAAG;QAC5GgE,YAAY;QACZC,WAAW;IACf;IACA,MAAMC,qBAAqB,CAACC,WAAWC,UAAUC;QAC7C,IAAID,WAAWC,WAAW;YACtB,wDAAwD;YACxD,OAAOnE;QACX;QACA,MAAMoE,WAAWrF,KAAKG,KAAK,CAAC,AAACgF,CAAAA,WAAWC,SAAQ,IAAK;QACrD,MAAME,UAAUtF,KAAKsE,GAAG,CAACe,WAAW,GAAG;QACvC,MAAME,SAASvF,KAAK4E,GAAG,CAACS,WAAW,GAAG7D,sBAAsBT,OAAO,CAACe,MAAM,GAAG;QAC7E,MAAM0D,aAAahE,sBAAsBT,OAAO,CAACsE,SAAS;QAC1D,MAAMI,kBAAkBjE,sBAAsBT,OAAO,CAACwE,OAAO;QAC7D,MAAMG,mBAAmBlE,sBAAsBT,OAAO,CAACuE,QAAQ;QAC/D,IAAIJ,aAAaO,mBAAmBP,aAAaQ,kBAAkB;YAC/D;6DACiD,GAAG,OAAOL;QAC/D;QACA,IAAIG,aAAaN,WAAW;YACxB,OAAOD,mBAAmBC,WAAWC,UAAUE,WAAW;QAC9D,OAAO;YACH,OAAOJ,mBAAmBC,WAAWG,WAAW,GAAGD;QACvD;IACJ;IACA,MAAMO,wBAAwB,CAACT;QAC3B,+CAA+C,GAAG,IAAIA,cAAc,KAAK1D,sBAAsBT,OAAO,CAACe,MAAM,KAAK,KAAKoD,aAAa1D,sBAAsBT,OAAO,CAAC,EAAE,EAAE;YAClK,cAAc;YACd,OAAO;QACX;QACA,IAAImE,aAAa1D,sBAAsBT,OAAO,CAACS,sBAAsBT,OAAO,CAACe,MAAM,GAAG,EAAE,EAAE;YACtF,YAAY;YACZ,OAAON,sBAAsBT,OAAO,CAACe,MAAM,GAAG;QAClD;QACA,OAAOmD,mBAAmBC,WAAW,GAAG1D,sBAAsBT,OAAO,CAACe,MAAM,GAAG;IACnF;IACA,MAAM0C,6BAA6B,CAACU;QAChC,IAAI,CAACpF,aAAa;YACd,OAAOE,KAAKC,KAAK,CAACiF,YAAYzF;QAClC;QACA,OAAOkG,sBAAsBT;IACjC;IACA,MAAMpB,qBAAqB8B,IAAAA,kBAAW,EAAC;QACnC,IAAI,CAAC9F,aAAa;YACd,OAAOL,WAAWC;QACtB;QACA,6BAA6B;QAC7B,OAAO8B,sBAAsBT,OAAO,CAACrB,WAAW,EAAE;IACtD,GAAG;QACCI;QACAL;QACAC;KACH;IACD,MAAM2E,kBAAkBuB,IAAAA,kBAAW,EAAC;QAChC,MAAMC,eAAe7F,KAAK4E,GAAG,CAAC3D,aAAavB,WAAW;QACtD,IAAI,CAACI,aAAa;YACd,6DAA6D;YAC7D,OAAO+F,eAAepG;QAC1B;QACA,IAAIoG,gBAAgB,GAAG;YACnB,OAAO;QACX;QACA,6BAA6B;QAC7B,OAAOrE,sBAAsBT,OAAO,CAAC8E,eAAe,EAAE;IAC1D,GAAG;QACC5E;QACAnB;QACAL;QACAC;KACH;IACD,MAAMmE,iBAAiB+B,IAAAA,kBAAW,EAAC;QAC/B,IAAIlG,aAAa,KAAKuB,cAActB,qBAAqBD,UAAU;YAC/D,OAAO;QACX;QACA,MAAMoG,gBAAgB9F,KAAK4E,GAAG,CAAC3D,cAActB,mBAAmBD;QAChE,IAAI,CAACI,aAAa;YACd,0DAA0D;YAC1D,MAAMiG,iBAAiBrG,WAAWoG;YAClC,OAAOC,iBAAiBtG;QAC5B;QACA,6BAA6B;QAC7B,OAAO+B,sBAAsBT,OAAO,CAACrB,WAAW,EAAE,GAAG8B,sBAAsBT,OAAO,CAAC+E,gBAAgB,EAAE;IACzG,GAAG;QACC7E;QACAnB;QACAL;QACAC;QACAC;KACH;IACD,MAAMiD,kBAAkBgD,IAAAA,kBAAW,EAAC,CAACI;QACjC,IAAItG,aAAa,GAAG;YAChB,yBAAyB,GAAG;QAChC;QACA;;;OAGD,GAAG+B,WAAWV,OAAO,GAAG,IAAIQ,MAAM5B;QACjC,MAAMsG,eAAejG,KAAKsE,GAAG,CAAC0B,UAAU;QACxC,MAAME,MAAMlG,KAAK4E,GAAG,CAACqB,eAAetG,mBAAmBD;QACvD,IAAI,IAAIyG,IAAIF,cAAcE,IAAID,KAAKC,IAAI;YACnC1E,WAAWV,OAAO,CAACoF,IAAIF,aAAa,GAAGG,IAAAA,oDAAiC,EAACvG,YAAYsG,GAAGnE,cAAcmE;QAC1G;IACJ,GAAG;QACCnE;QACAtC;QACAG;QACAF;KACH;IACD,MAAM0G,eAAeT,IAAAA,kBAAW,EAAC,CAACU;QAC9B,IAAI,CAACA,WAAWlF,iBAAiBL,OAAO,KAAKuF,SAAS;YAClD;QACJ;QACAlF,iBAAiBL,OAAO,GAAGuF;QAC3B,MAAMC,UAAU,EAAE;QAClBA,QAAQC,IAAI,CAACpF,iBAAiBL,OAAO;QACrC,IAAIM,gBAAgBN,OAAO,EAAE;YACzBwF,QAAQC,IAAI,CAACnF,gBAAgBN,OAAO;QACxC;QACA,mDAAmD;QACnD+B,gBAAgByD;IACpB,GAAG;QACCzD;KACH;IACD,MAAM2D,cAAcb,IAAAA,kBAAW,EAAC,CAACU;QAC7B,IAAI,CAACA,WAAWjF,gBAAgBN,OAAO,KAAKuF,SAAS;YACjD;QACJ;QACAjF,gBAAgBN,OAAO,GAAGuF;QAC1B,MAAMC,UAAU,EAAE;QAClB,IAAInF,iBAAiBL,OAAO,EAAE;YAC1BwF,QAAQC,IAAI,CAACpF,iBAAiBL,OAAO;QACzC;QACAwF,QAAQC,IAAI,CAACnF,gBAAgBN,OAAO;QACpC,kDAAkD;QAClD+B,gBAAgByD;IACpB,GAAG;QACCzD;KACH;IACD,MAAMD,yBAAyB,CAACmD;QAC5B,IAAI,CAAClG,aAAa;YACd,8BAA8B;YAC9B;QACJ;QACA,qGAAqG;QACrG,yFAAyF;QACzF,MAAM4G,WAAW1G,KAAK4E,GAAG,CAACoB,WAAWrG,mBAAmBD;QACxD,MAAM6E,aAAavE,KAAKsE,GAAG,CAAC0B,UAAU;QACtC,IAAIW,YAAY;QAChB,IAAI,IAAIR,IAAI5B,YAAY4B,IAAIO,UAAUP,IAAI;YACtC,MAAMS,UAAU9G,YAAYqG;YAC5B,IAAIS,YAAYtF,WAAWP,OAAO,CAACoF,EAAE,EAAE;gBACnC7E,WAAWP,OAAO,CAACoF,EAAE,GAAGS;gBACxBD,YAAY;YAChB;QACJ;QACA,IAAIA,WAAW;YACX,oCAAoC;YACpC,IAAI,IAAIR,IAAI5B,YAAY4B,IAAIzG,UAAUyG,IAAI;gBACtC,MAAMU,WAAWV,IAAI,IAAI3E,sBAAsBT,OAAO,CAACoF,IAAI,EAAE,GAAG;gBAChE3E,sBAAsBT,OAAO,CAACoF,EAAE,GAAGU,WAAWvF,WAAWP,OAAO,CAACoF,EAAE;YACvE;QACJ;IACJ;IACA,iDAAiD;IACjD,MAAMW,iBAAiBjG,IAAAA,aAAM,EAAC;IAC9B,MAAMkG,sBAAsB;QACxB,IAAID,eAAe/F,OAAO,KAAK,OAAO;YAClC+F,eAAe/F,OAAO,GAAG;YACzBc;QACJ;IACJ;IACAmF,IAAAA,0BAAmB,EAACvG,0BAA0B;QAC1C,OAAO;YACHwG,kBAAkBzF;YAClB0F,WAAW5F;YACX6F,iBAAiB,CAACpF,QAAQf,aAAaD,OAAO,GAAGgB;YACjD8D,cAAcjF;QAClB;IACJ,GAAG;QACCY;QACAF;KACH;IACD,mEAAmE;IACnE,gCAAgC;IAChCoB,IAAAA,gBAAS,EAAC;QACN,IAAIzB,cAAc,GAAG;YACjB0B,oBAAoB;QACxB;IACJ,uDAAuD;IACvD,GAAG,EAAE;IACL,kFAAkF;IAClFD,IAAAA,gBAAS,EAAC;QACN,IAAIzB,eAAe,GAAG;YAClB2B,gBAAgB3B;YAChBS;QACJ;IACJ,uDAAuD;IACvD,GAAG;QACC7B;QACA+C;KACH;IACDF,IAAAA,gBAAS,EAAC;QACN,uDAAuD;QACvDb;IACJ,uEAAuE;IACvE,uDAAuD;IACvD,GAAG;QACC/B;KACH;IACD,wCAAwC;IACxC4C,IAAAA,gBAAS,EAAC;QACN,IAAI,CAAClC,0BAA0BQ,aAAaD,OAAO,KAAK,MAAM;YAC1D;QACJ;QACA,IAAIE,eAAeD,aAAaD,OAAO,IAAIE,cAActB,qBAAqBqB,aAAaD,OAAO,EAAE;YAChGP,uBAAuBQ,aAAaD,OAAO;YAC3CC,aAAaD,OAAO,GAAG;QAC3B;IACJ,GAAG;QACCE;QACAT;QACAb;KACH;IACD,kFAAkF;IAClFoH;IACA,IAAIjH,eAAgBJ,CAAAA,aAAa4B,WAAWP,OAAO,CAACe,MAAM,IAAIpC,aAAa8B,sBAAsBT,OAAO,CAACe,MAAM,AAAD,GAAI;QAC9G,iDAAiD;QACjDD;IACJ;IACA,iDAAiD;IACjD,MAAMuF,aAAapH,KAAK4E,GAAG,CAACjF,mBAAmBD;IAC/C,IAAI+B,WAAWV,OAAO,CAACe,MAAM,KAAKsF,cAAcnG,cAAcQ,WAAWV,OAAO,CAACe,MAAM,GAAGpC,UAAU;QAChGkD,gBAAgB3B;IACpB;IACA,MAAMoG,qBAAqBP,eAAe/F,OAAO,IAAIE,eAAe;IACpE,OAAO;QACHqG,YAAY;YACRC,QAAQ;YACRC,OAAO;YACPC,iBAAiB;YACjBC,gBAAgB;QACpB;QACAC,qBAAqBlG,WAAWV,OAAO;QACvCwG,QAAQK,oBAAI,CAACC,MAAM,CAACrI,MAAM+H,MAAM,EAAE;YAC9BO,cAAc;gBACVC,KAAK1B;gBACL2B,MAAM;YACV;YACAC,aAAa;QACjB;QACAT,OAAOI,oBAAI,CAACC,MAAM,CAACrI,MAAMgI,KAAK,EAAE;YAC5BM,cAAc;gBACVC,KAAKtB;gBACLuB,MAAM;YACV;YACAC,aAAa;QACjB;QACAR,iBAAiBG,oBAAI,CAACC,MAAM,CAACrI,MAAMiI,eAAe,EAAE;YAChDK,cAAc;gBACVE,MAAM;YACV;YACAC,aAAa;QACjB;QACAP,gBAAgBE,oBAAI,CAACC,MAAM,CAACrI,MAAMkI,cAAc,EAAE;YAC9CI,cAAc;gBACVE,MAAM;YACV;YACAC,aAAa;QACjB;QACAC,oBAAoBb,qBAAqBhD,oBAAoB;QAC7D8D,mBAAmBd,qBAAqBxD,mBAAmB;QAC3DuE,wBAAwBf,qBAAqBvD,uBAAuBnE,oBAAoBF;QACxF4I,uBAAuBpH;QACvBZ;QACAH;QACAI;IACJ;AACJ"}
+{"version":3,"sources":["useVirtualizer.js"],"sourcesContent":["import { useEffect, useRef, useCallback, useReducer, useImperativeHandle, useState } from 'react';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport { flushSync } from 'react-dom';\nimport { useVirtualizerContextState_unstable } from '../../Utilities';\nimport { slot } from '@fluentui/react-utilities';\nexport function useVirtualizer_unstable(props) {\n    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;\n    /* The context is optional, it's useful for injecting additional index logic, or performing uniform state updates*/ const _virtualizerContext = useVirtualizerContextState_unstable(virtualizerContext);\n    // We use this ref as a constant source to access the virtualizer's state imperatively\n    const actualIndexRef = useRef(_virtualizerContext.contextIndex);\n    if (actualIndexRef.current !== _virtualizerContext.contextIndex) {\n        actualIndexRef.current = _virtualizerContext.contextIndex;\n    }\n    const flaggedIndex = useRef(null);\n    const actualIndex = _virtualizerContext.contextIndex;\n    const setActualIndex = _virtualizerContext.setContextIndex;\n    // Store ref to before padding element\n    const beforeElementRef = useRef(null);\n    // Store ref to before padding element\n    const afterElementRef = useRef(null);\n    // We need to store an array to track dynamic sizes, we can use this to incrementally update changes\n    const childSizes = useRef(new Array(getItemSize ? numItems : 0));\n    /* We keep track of the progressive sizing/placement down the list,\n  this helps us skip re-calculations unless children/size changes */ const childProgressiveSizes = useRef(new Array(getItemSize ? numItems : 0));\n    // The internal tracking REF for child array (updates often).\n    const childArray = useRef(new Array(virtualizerLength));\n    // We want to be methodical about updating the render with child reference array\n    const forceUpdate = useReducer(()=>({}), {})[1];\n    const horizontal = axis === 'horizontal';\n    const populateSizeArrays = ()=>{\n        if (!getItemSize) {\n            // Static sizes, never mind!\n            return;\n        }\n        if (numItems !== childSizes.current.length) {\n            childSizes.current = new Array(numItems);\n        }\n        if (numItems !== childProgressiveSizes.current.length) {\n            childProgressiveSizes.current = new Array(numItems);\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    const [isScrolling, setIsScrolling] = useState(false);\n    const scrollTimer = useRef();\n    const scrollCounter = useRef(0);\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     */ const INIT_SCROLL_FLAG_REQ = 10;\n        const INIT_SCROLL_FLAG_DELAY = 100;\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    useEffect(()=>{\n        initializeScrollingTimer();\n    }, [\n        actualIndex\n    ]);\n    const batchUpdateNewIndex = (index)=>{\n        // Local updates\n        updateChildRows(index);\n        updateCurrentItemSizes(index);\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        // State setters\n        setActualIndex(index);\n    };\n    // Observe intersections of virtualized components\n    const { setObserverList } = useIntersectionObserver((entries, observer)=>{\n        /* Sanity check - do we even need virtualization? */ if (virtualizerLength > numItems) {\n            if (actualIndex !== 0) {\n                batchUpdateNewIndex(0);\n            }\n            // No-op\n            return;\n        }\n        /* IO initiates this function when needed (bookend entering view) */ let measurementPos = 0;\n        let bufferCount = bufferItems;\n        // Grab latest entry that is intersecting\n        const latestEntry = entries.length === 1 ? entries[0] : entries.sort((entry1, entry2)=>entry2.time - entry1.time).find((entry)=>{\n            return entry.intersectionRatio > 0;\n        });\n        if (!latestEntry) {\n            // If we don't find an intersecting area, ignore for now.\n            return;\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        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        // 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        // Safety limits\n        const maxIndex = Math.max(numItems - virtualizerLength, 0);\n        const newStartIndex = Math.min(Math.max(bufferedIndex, 0), maxIndex);\n        if (actualIndex !== newStartIndex) {\n            // We flush sync this and perform an immediate state update\n            flushSync(()=>{\n                batchUpdateNewIndex(newStartIndex);\n            });\n        }\n    }, {\n        root: scrollViewRef ? scrollViewRef === null || scrollViewRef === void 0 ? void 0 : scrollViewRef.current : null,\n        rootMargin: '0px',\n        threshold: 0\n    });\n    const findIndexRecursive = (scrollPos, lowIndex, highIndex)=>{\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. */ return midpoint;\n        }\n        if (indexValue > scrollPos) {\n            return findIndexRecursive(scrollPos, lowIndex, midpoint - 1);\n        } else {\n            return findIndexRecursive(scrollPos, midpoint + 1, highIndex);\n        }\n    };\n    const getIndexFromSizeArray = (scrollPos)=>{\n        /* Quick searches our progressive height array */ if (scrollPos === 0 || childProgressiveSizes.current.length === 0 || scrollPos <= childProgressiveSizes.current[0]) {\n            // Check start\n            return 0;\n        }\n        if (scrollPos >= childProgressiveSizes.current[childProgressiveSizes.current.length - 1]) {\n            // Check end\n            return childProgressiveSizes.current.length - 1;\n        }\n        return findIndexRecursive(scrollPos, 0, childProgressiveSizes.current.length - 1);\n    };\n    const getIndexFromScrollPosition = (scrollPos)=>{\n        if (!getItemSize) {\n            return Math.round(scrollPos / itemSize);\n        }\n        return getIndexFromSizeArray(scrollPos);\n    };\n    const calculateTotalSize = useCallback(()=>{\n        if (!getItemSize) {\n            return itemSize * numItems;\n        }\n        // Time for custom size calcs\n        return childProgressiveSizes.current[numItems - 1];\n    }, [\n        getItemSize,\n        itemSize,\n        numItems\n    ]);\n    const calculateBefore = useCallback(()=>{\n        const currentIndex = Math.min(actualIndex, numItems - 1);\n        if (!getItemSize) {\n            // The missing items from before virtualization starts height\n            return currentIndex * itemSize;\n        }\n        if (currentIndex <= 0) {\n            return 0;\n        }\n        // Time for custom size calcs\n        return childProgressiveSizes.current[currentIndex - 1];\n    }, [\n        actualIndex,\n        getItemSize,\n        itemSize,\n        numItems\n    ]);\n    const calculateAfter = useCallback(()=>{\n        if (numItems === 0 || actualIndex + virtualizerLength >= numItems) {\n            return 0;\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        // Time for custom size calcs\n        return childProgressiveSizes.current[numItems - 1] - childProgressiveSizes.current[lastItemIndex - 1];\n    }, [\n        actualIndex,\n        getItemSize,\n        itemSize,\n        numItems,\n        virtualizerLength\n    ]);\n    const updateChildRows = useCallback((newIndex)=>{\n        if (numItems === 0) {\n            /* Nothing to virtualize */ return;\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       */ 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] = renderChild(i, isScrolling);\n        }\n    }, [\n        isScrolling,\n        numItems,\n        renderChild,\n        virtualizerLength\n    ]);\n    const setBeforeRef = useCallback((element)=>{\n        if (!element || beforeElementRef.current === element) {\n            return;\n        }\n        beforeElementRef.current = element;\n        const newList = [];\n        newList.push(beforeElementRef.current);\n        if (afterElementRef.current) {\n            newList.push(afterElementRef.current);\n        }\n        // Ensure we update array if before element changed\n        setObserverList(newList);\n    }, [\n        setObserverList\n    ]);\n    const setAfterRef = useCallback((element)=>{\n        if (!element || afterElementRef.current === element) {\n            return;\n        }\n        afterElementRef.current = element;\n        const newList = [];\n        if (beforeElementRef.current) {\n            newList.push(beforeElementRef.current);\n        }\n        newList.push(afterElementRef.current);\n        // Ensure we update array if after element changed\n        setObserverList(newList);\n    }, [\n        setObserverList\n    ]);\n    const updateCurrentItemSizes = (newIndex)=>{\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        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        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    // Initialize the size array before first render.\n    const hasInitialized = useRef(false);\n    const initializeSizeArray = ()=>{\n        if (hasInitialized.current === false) {\n            hasInitialized.current = true;\n            populateSizeArrays();\n        }\n    };\n    useImperativeHandle(imperativeVirtualizerRef, ()=>{\n        return {\n            progressiveSizes: childProgressiveSizes,\n            nodeSizes: childSizes,\n            setFlaggedIndex: (index)=>flaggedIndex.current = index,\n            currentIndex: actualIndexRef\n        };\n    }, [\n        childProgressiveSizes,\n        childSizes\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    // 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    }, [\n        renderChild,\n        updateChildRows\n    ]);\n    useEffect(()=>{\n        // Ensure we repopulate if getItemSize callback changes\n        populateSizeArrays();\n    // We only run this effect on getItemSize change (recalc dynamic sizes)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\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    }, [\n        actualIndex,\n        onRenderedFlaggedIndex,\n        virtualizerLength\n    ]);\n    // Ensure we have run through and updated the whole size list array at least once.\n    initializeSizeArray();\n    if (getItemSize && (numItems !== childSizes.current.length || numItems !== childProgressiveSizes.current.length)) {\n        // Child length mismatch, repopulate size arrays.\n        populateSizeArrays();\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    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: slot.always(props.before, {\n            defaultProps: {\n                ref: setBeforeRef,\n                role: 'none'\n            },\n            elementType: 'div'\n        }),\n        after: slot.always(props.after, {\n            defaultProps: {\n                ref: setAfterRef,\n                role: 'none'\n            },\n            elementType: 'div'\n        }),\n        beforeContainer: slot.always(props.beforeContainer, {\n            defaultProps: {\n                role: 'none'\n            },\n            elementType: 'div'\n        }),\n        afterContainer: slot.always(props.afterContainer, {\n            defaultProps: {\n                role: 'none'\n            },\n            elementType: 'div'\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        childSizes,\n        childProgressiveSizes\n    };\n}\n"],"names":["useVirtualizer_unstable","props","itemSize","numItems","virtualizerLength","children","renderChild","getItemSize","bufferItems","Math","round","bufferSize","floor","scrollViewRef","axis","reversed","virtualizerContext","onRenderedFlaggedIndex","imperativeVirtualizerRef","_virtualizerContext","useVirtualizerContextState_unstable","actualIndexRef","useRef","contextIndex","current","flaggedIndex","actualIndex","setActualIndex","setContextIndex","beforeElementRef","afterElementRef","childSizes","Array","childProgressiveSizes","childArray","forceUpdate","useReducer","horizontal","populateSizeArrays","length","index","isScrolling","setIsScrolling","useState","scrollTimer","scrollCounter","initializeScrollingTimer","INIT_SCROLL_FLAG_REQ","INIT_SCROLL_FLAG_DELAY","clearTimeout","setTimeout","useEffect","batchUpdateNewIndex","updateChildRows","updateCurrentItemSizes","setObserverList","useIntersectionObserver","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","flushSync","root","rootMargin","threshold","findIndexRecursive","scrollPos","lowIndex","highIndex","midpoint","iBefore","iAfter","indexValue","afterIndexValue","beforeIndexValue","getIndexFromSizeArray","useCallback","currentIndex","lastItemIndex","remainingItems","newIndex","_actualIndex","end","i","setBeforeRef","element","newList","push","setAfterRef","endIndex","didUpdate","newSize","prevSize","hasInitialized","initializeSizeArray","useImperativeHandle","progressiveSizes","nodeSizes","setFlaggedIndex","maxCompare","isFullyInitialized","components","before","after","beforeContainer","afterContainer","virtualizedChildren","slot","always","defaultProps","ref","role","elementType","beforeBufferHeight","afterBufferHeight","totalVirtualizerHeight","virtualizerStartIndex"],"mappings":"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"}

package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js

@@ -14,14 +14,28 @@ const _reactutilities = require("@fluentui/react-utilities");
 const _useVirtualizer = require("../Virtualizer/useVirtualizer");
 const _Hooks = require("../../Hooks");
 const _Utilities = require("../../Utilities");
+const _useMeasureList = require("../../hooks/useMeasureList");
 function useVirtualizerScrollViewDynamic_unstable(props) {
     const contextState = (0, _Utilities.useVirtualizerContextState_unstable)(props.virtualizerContext);
     const { imperativeRef, axis = 'vertical', reversed, imperativeVirtualizerRef } = props;
-    var _props_axis, _contextState_contextIndex;
+    let sizeTrackingArray = _react.useRef(new Array(props.numItems).fill(props.itemSize));
+    const getChildSizeAuto = _react.useCallback((index)=>{
+        if (sizeTrackingArray.current.length <= index || sizeTrackingArray.current[index] <= 0) {
+            // Default size for initial state or untracked
+            return props.itemSize;
+        }
+        /* Required to be defined prior to our measure function
+       * we use a sizing array ref that we will update post-render
+       */ return sizeTrackingArray.current[index];
+    }, [
+        sizeTrackingArray,
+        props.itemSize
+    ]);
+    var _props_axis, _props_getItemSize, _contextState_contextIndex;
     const { virtualizerLength, bufferItems, bufferSize, scrollRef } = (0, _Hooks.useDynamicVirtualizerMeasure)({
         defaultItemSize: props.itemSize,
         direction: (_props_axis = props.axis) !== null && _props_axis !== void 0 ? _props_axis : 'vertical',
-        getItemSize: props.getItemSize,
+        getItemSize: (_props_getItemSize = props.getItemSize) !== null && _props_getItemSize !== void 0 ? _props_getItemSize : getChildSizeAuto,
         currentIndex: (_contextState_contextIndex = contextState === null || contextState === void 0 ? void 0 : contextState.contextIndex) !== null && _contextState_contextIndex !== void 0 ? _contextState_contextIndex : 0,
         numItems: props.numItems
     });
@@ -68,8 +82,10 @@ function useVirtualizerScrollViewDynamic_unstable(props) {
             scrollCallbackRef.current(index);
         }
     };
+    var _props_getItemSize1;
     const virtualizerState = (0, _useVirtualizer.useVirtualizer_unstable)({
         ...props,
+        getItemSize: (_props_getItemSize1 = props.getItemSize) !== null && _props_getItemSize1 !== void 0 ? _props_getItemSize1 : getChildSizeAuto,
         virtualizerLength,
         bufferItems,
         bufferSize,
@@ -78,6 +94,43 @@ function useVirtualizerScrollViewDynamic_unstable(props) {
         imperativeVirtualizerRef: _imperativeVirtualizerRef,
         onRenderedFlaggedIndex: handleRenderedIndex
     });
+    const measureObject = (0, _useMeasureList.useMeasureList)(virtualizerState.virtualizerStartIndex, virtualizerLength, props.numItems, props.itemSize);
+    if (axis === 'horizontal') {
+        sizeTrackingArray = measureObject.widthArray;
+    } else {
+        sizeTrackingArray = measureObject.heightArray;
+    }
+    if (!props.getItemSize) {
+        // Auto-measuring is required
+        _react.Children.map(virtualizerState.virtualizedChildren, (child, index)=>{
+            if (/*#__PURE__*/ _react.isValidElement(child)) {
+                virtualizerState.virtualizedChildren[index] = /*#__PURE__*/ _react.createElement(child.type, {
+                    ...child.props,
+                    key: child.key,
+                    ref: (element)=>{
+                        // If a ref exists in props, call it
+                        if (typeof child.props.ref === 'function') {
+                            child.props.ref(element);
+                        } else if (child.props.ref) {
+                            child.props.ref.current = element;
+                        }
+                        if (child.hasOwnProperty('ref')) {
+                            // We must access this from the child directly, not props (forward ref).
+                            // eslint-disable-next-line  @typescript-eslint/no-explicit-any
+                            const localRef = child === null || child === void 0 ? void 0 : child.ref;
+                            if (typeof localRef === 'function') {
+                                localRef(element);
+                            } else if (localRef) {
+                                localRef.current = element;
+                            }
+                        }
+                        // Call the auto-measure ref attachment.
+                        measureObject.createIndexedRef(index)(element);
+                    }
+                });
+            }
+        });
+    }
     return {
         ...virtualizerState,
         components: {

package/lib-commonjs/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useVirtualizerScrollViewDynamic.js"],"sourcesContent":["import * as React from 'react';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useVirtualizer_unstable } from '../Virtualizer/useVirtualizer';\nimport { useDynamicVirtualizerMeasure } from '../../Hooks';\nimport { useVirtualizerContextState_unstable, scrollToItemDynamic } from '../../Utilities';\nimport { useImperativeHandle } from 'react';\nexport function useVirtualizerScrollViewDynamic_unstable(props) {\n    const contextState = useVirtualizerContextState_unstable(props.virtualizerContext);\n    const { imperativeRef, axis = 'vertical', reversed, imperativeVirtualizerRef } = props;\n    var _props_axis, _contextState_contextIndex;\n    const { virtualizerLength, bufferItems, bufferSize, scrollRef } = useDynamicVirtualizerMeasure({\n        defaultItemSize: props.itemSize,\n        direction: (_props_axis = props.axis) !== null && _props_axis !== void 0 ? _props_axis : 'vertical',\n        getItemSize: props.getItemSize,\n        currentIndex: (_contextState_contextIndex = contextState === null || contextState === void 0 ? void 0 : contextState.contextIndex) !== null && _contextState_contextIndex !== void 0 ? _contextState_contextIndex : 0,\n        numItems: props.numItems\n    });\n    // Store the virtualizer length as a ref for imperative ref access\n    const virtualizerLengthRef = React.useRef(virtualizerLength);\n    if (virtualizerLengthRef.current !== virtualizerLength) {\n        virtualizerLengthRef.current = virtualizerLength;\n    }\n    const scrollViewRef = useMergedRefs(props.scrollViewRef, scrollRef);\n    const scrollCallbackRef = React.useRef(null);\n    const _imperativeVirtualizerRef = useMergedRefs(React.useRef(null), imperativeVirtualizerRef);\n    useImperativeHandle(imperativeRef, ()=>{\n        var _imperativeVirtualizerRef_current;\n        return {\n            scrollTo (index, behavior = 'auto', callback) {\n                scrollCallbackRef.current = callback !== null && callback !== void 0 ? callback : null;\n                if (_imperativeVirtualizerRef.current) {\n                    var _imperativeVirtualizerRef_current;\n                    const progressiveSizes = _imperativeVirtualizerRef.current.progressiveSizes.current;\n                    const totalSize = progressiveSizes && (progressiveSizes === null || progressiveSizes === void 0 ? void 0 : progressiveSizes.length) > 0 ? progressiveSizes[Math.max(progressiveSizes.length - 1, 0)] : 0;\n                    _imperativeVirtualizerRef.current.setFlaggedIndex(index);\n                    scrollToItemDynamic({\n                        index,\n                        itemSizes: (_imperativeVirtualizerRef_current = _imperativeVirtualizerRef.current) === null || _imperativeVirtualizerRef_current === void 0 ? void 0 : _imperativeVirtualizerRef_current.nodeSizes,\n                        totalSize,\n                        scrollViewRef,\n                        axis,\n                        reversed,\n                        behavior\n                    });\n                }\n            },\n            currentIndex: (_imperativeVirtualizerRef_current = _imperativeVirtualizerRef.current) === null || _imperativeVirtualizerRef_current === void 0 ? void 0 : _imperativeVirtualizerRef_current.currentIndex,\n            virtualizerLength: virtualizerLengthRef\n        };\n    }, [\n        axis,\n        scrollViewRef,\n        reversed,\n        _imperativeVirtualizerRef\n    ]);\n    const handleRenderedIndex = (index)=>{\n        if (scrollCallbackRef.current) {\n            scrollCallbackRef.current(index);\n        }\n    };\n    const virtualizerState = useVirtualizer_unstable({\n        ...props,\n        virtualizerLength,\n        bufferItems,\n        bufferSize,\n        scrollViewRef,\n        virtualizerContext: contextState,\n        imperativeVirtualizerRef: _imperativeVirtualizerRef,\n        onRenderedFlaggedIndex: handleRenderedIndex\n    });\n    return {\n        ...virtualizerState,\n        components: {\n            ...virtualizerState.components,\n            container: 'div'\n        },\n        container: slot.always(props.container, {\n            defaultProps: {\n                ref: scrollViewRef\n            },\n            elementType: 'div'\n        })\n    };\n}\n"],"names":["useVirtualizerScrollViewDynamic_unstable","props","contextState","useVirtualizerContextState_unstable","virtualizerContext","imperativeRef","axis","reversed","imperativeVirtualizerRef","_props_axis","_contextState_contextIndex","virtualizerLength","bufferItems","bufferSize","scrollRef","useDynamicVirtualizerMeasure","defaultItemSize","itemSize","direction","getItemSize","currentIndex","contextIndex","numItems","virtualizerLengthRef","React","useRef","current","scrollViewRef","useMergedRefs","scrollCallbackRef","_imperativeVirtualizerRef","useImperativeHandle","_imperativeVirtualizerRef_current","scrollTo","index","behavior","callback","progressiveSizes","totalSize","length","Math","max","setFlaggedIndex","scrollToItemDynamic","itemSizes","nodeSizes","handleRenderedIndex","virtualizerState","useVirtualizer_unstable","onRenderedFlaggedIndex","components","container","slot","always","defaultProps","ref","elementType"],"mappings":"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"}
+{"version":3,"sources":["useVirtualizerScrollViewDynamic.js"],"sourcesContent":["import * as React from 'react';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useVirtualizer_unstable } from '../Virtualizer/useVirtualizer';\nimport { useDynamicVirtualizerMeasure } from '../../Hooks';\nimport { useVirtualizerContextState_unstable, scrollToItemDynamic } from '../../Utilities';\nimport { useImperativeHandle } from 'react';\nimport { useMeasureList } from '../../hooks/useMeasureList';\nexport function useVirtualizerScrollViewDynamic_unstable(props) {\n    const contextState = useVirtualizerContextState_unstable(props.virtualizerContext);\n    const { imperativeRef, axis = 'vertical', reversed, imperativeVirtualizerRef } = props;\n    let sizeTrackingArray = React.useRef(new Array(props.numItems).fill(props.itemSize));\n    const getChildSizeAuto = React.useCallback((index)=>{\n        if (sizeTrackingArray.current.length <= index || sizeTrackingArray.current[index] <= 0) {\n            // Default size for initial state or untracked\n            return props.itemSize;\n        }\n        /* Required to be defined prior to our measure function\n       * we use a sizing array ref that we will update post-render\n       */ return sizeTrackingArray.current[index];\n    }, [\n        sizeTrackingArray,\n        props.itemSize\n    ]);\n    var _props_axis, _props_getItemSize, _contextState_contextIndex;\n    const { virtualizerLength, bufferItems, bufferSize, scrollRef } = useDynamicVirtualizerMeasure({\n        defaultItemSize: props.itemSize,\n        direction: (_props_axis = props.axis) !== null && _props_axis !== void 0 ? _props_axis : 'vertical',\n        getItemSize: (_props_getItemSize = props.getItemSize) !== null && _props_getItemSize !== void 0 ? _props_getItemSize : getChildSizeAuto,\n        currentIndex: (_contextState_contextIndex = contextState === null || contextState === void 0 ? void 0 : contextState.contextIndex) !== null && _contextState_contextIndex !== void 0 ? _contextState_contextIndex : 0,\n        numItems: props.numItems\n    });\n    // Store the virtualizer length as a ref for imperative ref access\n    const virtualizerLengthRef = React.useRef(virtualizerLength);\n    if (virtualizerLengthRef.current !== virtualizerLength) {\n        virtualizerLengthRef.current = virtualizerLength;\n    }\n    const scrollViewRef = useMergedRefs(props.scrollViewRef, scrollRef);\n    const scrollCallbackRef = React.useRef(null);\n    const _imperativeVirtualizerRef = useMergedRefs(React.useRef(null), imperativeVirtualizerRef);\n    useImperativeHandle(imperativeRef, ()=>{\n        var _imperativeVirtualizerRef_current;\n        return {\n            scrollTo (index, behavior = 'auto', callback) {\n                scrollCallbackRef.current = callback !== null && callback !== void 0 ? callback : null;\n                if (_imperativeVirtualizerRef.current) {\n                    var _imperativeVirtualizerRef_current;\n                    const progressiveSizes = _imperativeVirtualizerRef.current.progressiveSizes.current;\n                    const totalSize = progressiveSizes && (progressiveSizes === null || progressiveSizes === void 0 ? void 0 : progressiveSizes.length) > 0 ? progressiveSizes[Math.max(progressiveSizes.length - 1, 0)] : 0;\n                    _imperativeVirtualizerRef.current.setFlaggedIndex(index);\n                    scrollToItemDynamic({\n                        index,\n                        itemSizes: (_imperativeVirtualizerRef_current = _imperativeVirtualizerRef.current) === null || _imperativeVirtualizerRef_current === void 0 ? void 0 : _imperativeVirtualizerRef_current.nodeSizes,\n                        totalSize,\n                        scrollViewRef,\n                        axis,\n                        reversed,\n                        behavior\n                    });\n                }\n            },\n            currentIndex: (_imperativeVirtualizerRef_current = _imperativeVirtualizerRef.current) === null || _imperativeVirtualizerRef_current === void 0 ? void 0 : _imperativeVirtualizerRef_current.currentIndex,\n            virtualizerLength: virtualizerLengthRef\n        };\n    }, [\n        axis,\n        scrollViewRef,\n        reversed,\n        _imperativeVirtualizerRef\n    ]);\n    const handleRenderedIndex = (index)=>{\n        if (scrollCallbackRef.current) {\n            scrollCallbackRef.current(index);\n        }\n    };\n    var _props_getItemSize1;\n    const virtualizerState = useVirtualizer_unstable({\n        ...props,\n        getItemSize: (_props_getItemSize1 = props.getItemSize) !== null && _props_getItemSize1 !== void 0 ? _props_getItemSize1 : getChildSizeAuto,\n        virtualizerLength,\n        bufferItems,\n        bufferSize,\n        scrollViewRef,\n        virtualizerContext: contextState,\n        imperativeVirtualizerRef: _imperativeVirtualizerRef,\n        onRenderedFlaggedIndex: handleRenderedIndex\n    });\n    const measureObject = useMeasureList(virtualizerState.virtualizerStartIndex, virtualizerLength, props.numItems, props.itemSize);\n    if (axis === 'horizontal') {\n        sizeTrackingArray = measureObject.widthArray;\n    } else {\n        sizeTrackingArray = measureObject.heightArray;\n    }\n    if (!props.getItemSize) {\n        // Auto-measuring is required\n        React.Children.map(virtualizerState.virtualizedChildren, (child, index)=>{\n            if (/*#__PURE__*/ React.isValidElement(child)) {\n                virtualizerState.virtualizedChildren[index] = /*#__PURE__*/ React.createElement(child.type, {\n                    ...child.props,\n                    key: child.key,\n                    ref: (element)=>{\n                        // If a ref exists in props, call it\n                        if (typeof child.props.ref === 'function') {\n                            child.props.ref(element);\n                        } else if (child.props.ref) {\n                            child.props.ref.current = element;\n                        }\n                        if (child.hasOwnProperty('ref')) {\n                            // We must access this from the child directly, not props (forward ref).\n                            // eslint-disable-next-line  @typescript-eslint/no-explicit-any\n                            const localRef = child === null || child === void 0 ? void 0 : child.ref;\n                            if (typeof localRef === 'function') {\n                                localRef(element);\n                            } else if (localRef) {\n                                localRef.current = element;\n                            }\n                        }\n                        // Call the auto-measure ref attachment.\n                        measureObject.createIndexedRef(index)(element);\n                    }\n                });\n            }\n        });\n    }\n    return {\n        ...virtualizerState,\n        components: {\n            ...virtualizerState.components,\n            container: 'div'\n        },\n        container: slot.always(props.container, {\n            defaultProps: {\n                ref: scrollViewRef\n            },\n            elementType: 'div'\n        })\n    };\n}\n"],"names":["useVirtualizerScrollViewDynamic_unstable","props","contextState","useVirtualizerContextState_unstable","virtualizerContext","imperativeRef","axis","reversed","imperativeVirtualizerRef","sizeTrackingArray","React","useRef","Array","numItems","fill","itemSize","getChildSizeAuto","useCallback","index","current","length","_props_axis","_props_getItemSize","_contextState_contextIndex","virtualizerLength","bufferItems","bufferSize","scrollRef","useDynamicVirtualizerMeasure","defaultItemSize","direction","getItemSize","currentIndex","contextIndex","virtualizerLengthRef","scrollViewRef","useMergedRefs","scrollCallbackRef","_imperativeVirtualizerRef","useImperativeHandle","_imperativeVirtualizerRef_current","scrollTo","behavior","callback","progressiveSizes","totalSize","Math","max","setFlaggedIndex","scrollToItemDynamic","itemSizes","nodeSizes","handleRenderedIndex","_props_getItemSize1","virtualizerState","useVirtualizer_unstable","onRenderedFlaggedIndex","measureObject","useMeasureList","virtualizerStartIndex","widthArray","heightArray","Children","map","virtualizedChildren","child","isValidElement","createElement","type","key","ref","element","hasOwnProperty","localRef","createIndexedRef","components","container","slot","always","defaultProps","elementType"],"mappings":"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"}

package/lib-commonjs/hooks/useMeasureList.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useMeasureList: function() {
+        return useMeasureList;
+    },
+    createResizeObserverFromDocument: function() {
+        return createResizeObserverFromDocument;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+function useMeasureList(currentIndex, refLength, totalLength, defaultItemSize) {
+    const widthArray = _react.useRef(new Array(totalLength).fill(defaultItemSize));
+    const heightArray = _react.useRef(new Array(totalLength).fill(defaultItemSize));
+    const refArray = _react.useRef([]);
+    const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
+    // the handler for resize observer
+    const handleIndexUpdate = _react.useCallback((index)=>{
+        var _refArray_current_index;
+        const boundClientRect = (_refArray_current_index = refArray.current[index]) === null || _refArray_current_index === void 0 ? void 0 : _refArray_current_index.getBoundingClientRect();
+        const containerWidth = boundClientRect === null || boundClientRect === void 0 ? void 0 : boundClientRect.width;
+        widthArray.current[currentIndex + index] = containerWidth || defaultItemSize;
+        const containerHeight = boundClientRect === null || boundClientRect === void 0 ? void 0 : boundClientRect.height;
+        heightArray.current[currentIndex + index] = containerHeight || defaultItemSize;
+    }, [
+        currentIndex,
+        defaultItemSize
+    ]);
+    const handleElementResizeCallback = (entries)=>{
+        for (const entry of entries){
+            const target = entry.target;
+            // Call the elements own resize handler (indexed)
+            target.handleResize();
+        }
+    };
+    _react.useEffect(()=>{
+        widthArray.current = new Array(totalLength).fill(defaultItemSize);
+        heightArray.current = new Array(totalLength).fill(defaultItemSize);
+    }, [
+        defaultItemSize,
+        totalLength
+    ]);
+    // Keep the reference of ResizeObserver as a ref, as it should live through renders
+    const resizeObserver = _react.useRef(createResizeObserverFromDocument(targetDocument, handleElementResizeCallback));
+    /* createIndexedRef provides a dynamic function to create an undefined number of refs at render time
+   * these refs then provide an indexed callback via attaching 'handleResize' to the element itself
+   * this function is then called on resize by handleElementResize and relies on indexing
+   * to track continuous sizes throughout renders while releasing all virtualized element refs each render cycle.
+   */ const createIndexedRef = _react.useCallback((index)=>{
+        const measureElementRef = (el)=>{
+            if (!targetDocument || !resizeObserver.current) {
+                return;
+            }
+            if (el) {
+                el.handleResize = ()=>{
+                    handleIndexUpdate(index);
+                };
+            }
+            // cleanup previous container
+            if (refArray.current[index] !== undefined && refArray.current[index] !== null) {
+                resizeObserver.current.unobserve(refArray.current[index]);
+            }
+            refArray.current[index] = undefined;
+            if (el) {
+                refArray.current[index] = el;
+                resizeObserver.current.observe(el);
+                handleIndexUpdate(index);
+            }
+        };
+        return measureElementRef;
+    }, [
+        handleIndexUpdate,
+        resizeObserver,
+        targetDocument
+    ]);
+    _react.useEffect(()=>{
+        const _resizeObserver = resizeObserver;
+        return ()=>{
+            var _resizeObserver_current;
+            return (_resizeObserver_current = _resizeObserver.current) === null || _resizeObserver_current === void 0 ? void 0 : _resizeObserver_current.disconnect();
+        };
+    }, [
+        resizeObserver
+    ]);
+    return {
+        widthArray,
+        heightArray,
+        createIndexedRef,
+        refArray
+    };
+}
+function createResizeObserverFromDocument(targetDocument, callback) {
+    var _targetDocument_defaultView;
+    if (!(targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.ResizeObserver)) {
+        return null;
+    }
+    return new targetDocument.defaultView.ResizeObserver(callback);
+}

package/lib-commonjs/hooks/useMeasureList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMeasureList.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n/**\n * Provides a way of automating size in the virtualizer\n * Returns\n * `width` - element width ref (0 by default),\n * `height` - element height ref (0 by default),\n * `measureElementRef` - a ref function to be passed as `ref` to the element you want to measure\n */ export function useMeasureList(currentIndex, refLength, totalLength, defaultItemSize) {\n    const widthArray = React.useRef(new Array(totalLength).fill(defaultItemSize));\n    const heightArray = React.useRef(new Array(totalLength).fill(defaultItemSize));\n    const refArray = React.useRef([]);\n    const { targetDocument } = useFluent();\n    // the handler for resize observer\n    const handleIndexUpdate = React.useCallback((index)=>{\n        var _refArray_current_index;\n        const boundClientRect = (_refArray_current_index = refArray.current[index]) === null || _refArray_current_index === void 0 ? void 0 : _refArray_current_index.getBoundingClientRect();\n        const containerWidth = boundClientRect === null || boundClientRect === void 0 ? void 0 : boundClientRect.width;\n        widthArray.current[currentIndex + index] = containerWidth || defaultItemSize;\n        const containerHeight = boundClientRect === null || boundClientRect === void 0 ? void 0 : boundClientRect.height;\n        heightArray.current[currentIndex + index] = containerHeight || defaultItemSize;\n    }, [\n        currentIndex,\n        defaultItemSize\n    ]);\n    const handleElementResizeCallback = (entries)=>{\n        for (const entry of entries){\n            const target = entry.target;\n            // Call the elements own resize handler (indexed)\n            target.handleResize();\n        }\n    };\n    React.useEffect(()=>{\n        widthArray.current = new Array(totalLength).fill(defaultItemSize);\n        heightArray.current = new Array(totalLength).fill(defaultItemSize);\n    }, [\n        defaultItemSize,\n        totalLength\n    ]);\n    // Keep the reference of ResizeObserver as a ref, as it should live through renders\n    const resizeObserver = React.useRef(createResizeObserverFromDocument(targetDocument, handleElementResizeCallback));\n    /* createIndexedRef provides a dynamic function to create an undefined number of refs at render time\n   * these refs then provide an indexed callback via attaching 'handleResize' to the element itself\n   * this function is then called on resize by handleElementResize and relies on indexing\n   * to track continuous sizes throughout renders while releasing all virtualized element refs each render cycle.\n   */ const createIndexedRef = React.useCallback((index)=>{\n        const measureElementRef = (el)=>{\n            if (!targetDocument || !resizeObserver.current) {\n                return;\n            }\n            if (el) {\n                el.handleResize = ()=>{\n                    handleIndexUpdate(index);\n                };\n            }\n            // cleanup previous container\n            if (refArray.current[index] !== undefined && refArray.current[index] !== null) {\n                resizeObserver.current.unobserve(refArray.current[index]);\n            }\n            refArray.current[index] = undefined;\n            if (el) {\n                refArray.current[index] = el;\n                resizeObserver.current.observe(el);\n                handleIndexUpdate(index);\n            }\n        };\n        return measureElementRef;\n    }, [\n        handleIndexUpdate,\n        resizeObserver,\n        targetDocument\n    ]);\n    React.useEffect(()=>{\n        const _resizeObserver = resizeObserver;\n        return ()=>{\n            var _resizeObserver_current;\n            return (_resizeObserver_current = _resizeObserver.current) === null || _resizeObserver_current === void 0 ? void 0 : _resizeObserver_current.disconnect();\n        };\n    }, [\n        resizeObserver\n    ]);\n    return {\n        widthArray,\n        heightArray,\n        createIndexedRef,\n        refArray\n    };\n}\n/**\n * FIXME - TS 3.8/3.9 don't have ResizeObserver types by default, move this to a shared utility once we bump the minbar\n * A utility method that creates a ResizeObserver from a target document\n * @param targetDocument - document to use to create the ResizeObserver\n * @param callback  - https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver/ResizeObserver#callback\n * @returns a ResizeObserver instance or null if the global does not exist on the document\n */ export function createResizeObserverFromDocument(targetDocument, callback) {\n    var _targetDocument_defaultView;\n    if (!(targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.ResizeObserver)) {\n        return null;\n    }\n    return new targetDocument.defaultView.ResizeObserver(callback);\n}\n"],"names":["useMeasureList","createResizeObserverFromDocument","currentIndex","refLength","totalLength","defaultItemSize","widthArray","React","useRef","Array","fill","heightArray","refArray","targetDocument","useFluent","handleIndexUpdate","useCallback","index","_refArray_current_index","boundClientRect","current","getBoundingClientRect","containerWidth","width","containerHeight","height","handleElementResizeCallback","entries","entry","target","handleResize","useEffect","resizeObserver","createIndexedRef","measureElementRef","el","undefined","unobserve","observe","_resizeObserver","_resizeObserver_current","disconnect","callback","_targetDocument_defaultView","defaultView","ResizeObserver"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-virtualizer",
-  "version": "9.0.0-alpha.58",
+  "version": "9.0.0-alpha.59",
   "description": "Generic and composable virtualizer framework built on browser intersection observer",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -32,7 +32,7 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "^9.0.19",
+    "@fluentui/react-jsx-runtime": "^9.0.20",
     "@fluentui/react-utilities": "^9.15.2",
     "@fluentui/react-shared-contexts": "^9.13.0",
     "@griffel/react": "^1.5.14",