@fluentui/react-virtualizer 9.0.0-alpha.18 → 9.0.0-alpha.19

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

@@ -1 +1 @@
-{"version":3,"names":["useIntersectionObserver","useEffect","useRef","useState","useCallback","useReducer","resolveShorthand","flushSync","useVirtualizer_unstable","props","itemSize","numItems","virtualizerLength","children","renderChild","getItemSize","bufferItems","Math","round","bufferSize","floor","scrollViewRef","axis","reversed","onUpdateIndex","onCalculateIndex","virtualizerStartIndex","setVirtualizerStartIndex","beforeElementRef","afterElementRef","childSizes","Array","childProgressiveSizes","childArray","forceUpdate","horizontal","populateSizeArrays","current","length","index","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","lastItemIndex","remainingItems","newIndex","actualIndex","end","i","setBeforeRef","element","newList","push","setAfterRef","endIndex","didUpdate","newSize","prevSize","hasInitialized","initializeSizeArray","maxCompare","isFullyInitialized","components","before","after","beforeContainer","afterContainer","virtualizedChildren","required","defaultProps","ref","role","beforeBufferHeight","afterBufferHeight","totalVirtualizerHeight"],"sources":["../../../src/components/Virtualizer/useVirtualizer.ts"],"sourcesContent":["import { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport type { ReactNode } from 'react';\nimport { useEffect, useRef, useState, useCallback, useReducer } from 'react';\n\nimport type { VirtualizerProps, VirtualizerState } from './Virtualizer.types';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { flushSync } from 'react-dom';\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    onUpdateIndex,\n    onCalculateIndex,\n  } = props;\n\n  // Tracks the initial item to start virtualizer at, -1 implies first render cycle\n  const [virtualizerStartIndex, setVirtualizerStartIndex] = useState<number>(-1);\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\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 batchUpdateNewIndex = (index: number) => {\n    // Local updates\n    onUpdateIndex?.(index, virtualizerStartIndex);\n    updateChildRows(index);\n    updateCurrentItemSizes(index);\n\n    // State setters\n    setVirtualizerStartIndex(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 (virtualizerStartIndex !== 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      let bufferedIndex = Math.max(startIndex - bufferCount, 0);\n\n      if (onCalculateIndex) {\n        // User has chance to intervene/customize prior to render\n        // They may want to normalize this value.\n        bufferedIndex = onCalculateIndex(bufferedIndex);\n      }\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 (virtualizerStartIndex !== newStartIndex) {\n        // We flush sync this and perform an immediate state update\n        // due to virtualizerStartIndex invalidation.\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 virtualizerStartIndex;\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 = () => {\n    if (!getItemSize) {\n      return itemSize * numItems;\n    }\n\n    // Time for custom size calcs\n    return childProgressiveSizes.current[numItems - 1];\n  };\n\n  const calculateBefore = () => {\n    if (!getItemSize) {\n      // The missing items from before virtualization starts height\n      return virtualizerStartIndex * itemSize;\n    }\n\n    if (virtualizerStartIndex <= 0) {\n      return 0;\n    }\n\n    // Time for custom size calcs\n    return childProgressiveSizes.current[virtualizerStartIndex - 1];\n  };\n\n  const calculateAfter = () => {\n    if (numItems === 0) {\n      return 0;\n    }\n\n    const lastItemIndex = Math.min(virtualizerStartIndex + virtualizerLength, numItems - 1);\n    if (!getItemSize) {\n      // The missing items from after virtualization ends height\n      const remainingItems = numItems - lastItemIndex - 1;\n      return remainingItems * itemSize;\n    }\n\n    // Time for custom size calcs\n    return childProgressiveSizes.current[numItems - 1] - childProgressiveSizes.current[lastItemIndex];\n  };\n\n  const updateChildRows = useCallback(\n    (newIndex: number) => {\n      if (numItems === 0) {\n        /* Nothing to virtualize */\n\n        return [];\n      }\n\n      if (childArray.current.length !== numItems) {\n        childArray.current = new Array(virtualizerLength);\n      }\n      const actualIndex = Math.max(newIndex, 0);\n      const end = Math.min(actualIndex + virtualizerLength, numItems);\n\n      for (let i = actualIndex; i < end; i++) {\n        childArray.current[i - actualIndex] = renderChild(i);\n      }\n    },\n    [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  // Initialization on mount - update array index to 0 (ready state).\n  // Only fire on mount (no deps).\n  useEffect(() => {\n    if (virtualizerStartIndex < 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 (virtualizerStartIndex >= 0) {\n      updateChildRows(virtualizerStartIndex);\n      forceUpdate();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [renderChild, updateChildRows]);\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 && virtualizerStartIndex + childArray.current.length < numItems) {\n    updateChildRows(virtualizerStartIndex);\n  }\n\n  const isFullyInitialized = hasInitialized.current && virtualizerStartIndex >= 0;\n  return {\n    components: {\n      before: 'div',\n      after: 'div',\n      beforeContainer: 'div',\n      afterContainer: 'div',\n    },\n    virtualizedChildren: childArray.current,\n    before: resolveShorthand(props.before, {\n      required: true,\n      defaultProps: {\n        ref: setBeforeRef,\n        role: 'none',\n      },\n    }),\n    after: resolveShorthand(props.after, {\n      required: true,\n      defaultProps: {\n        ref: setAfterRef,\n        role: 'none',\n      },\n    }),\n    beforeContainer: resolveShorthand(props.beforeContainer, {\n      required: true,\n      defaultProps: {\n        role: 'none',\n      },\n    }),\n    afterContainer: resolveShorthand(props.afterContainer, {\n      required: true,\n      defaultProps: {\n        role: 'none',\n      },\n    }),\n    beforeBufferHeight: isFullyInitialized ? calculateBefore() : 0,\n    afterBufferHeight: isFullyInitialized ? calculateAfter() : 0,\n    totalVirtualizerHeight: isFullyInitialized ? calculateTotalSize() : virtualizerLength * itemSize,\n    virtualizerStartIndex,\n    axis,\n    bufferSize,\n    reversed,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"names":["useIntersectionObserver","useEffect","useRef","useCallback","useReducer","resolveShorthand","flushSync","useVirtualizerContextState_unstable","renderVirtualizerChildPlaceholder","useVirtualizer_unstable","props","itemSize","numItems","virtualizerLength","children","renderChild","getItemSize","bufferItems","Math","round","bufferSize","floor","scrollViewRef","axis","reversed","virtualizerContext","_virtualizerContext","actualIndex","contextIndex","setActualIndex","setContextIndex","beforeElementRef","afterElementRef","childSizes","Array","childProgressiveSizes","childArray","forceUpdate","horizontal","populateSizeArrays","current","length","index","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","maxCompare","isFullyInitialized","components","before","after","beforeContainer","afterContainer","virtualizedChildren","required","defaultProps","ref","role","beforeBufferHeight","afterBufferHeight","totalVirtualizerHeight","virtualizerStartIndex"],"sources":["../../../src/components/Virtualizer/useVirtualizer.ts"],"sourcesContent":["import { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport type { ReactNode } from 'react';\nimport { useEffect, useRef, useCallback, useReducer } from 'react';\n\nimport type { VirtualizerProps, VirtualizerState } from './Virtualizer.types';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { flushSync } from 'react-dom';\n\nimport { useVirtualizerContextState_unstable } from '../../Utilities';\nimport { renderVirtualizerChildPlaceholder } from './renderVirtualizer';\n\nexport function useVirtualizer_unstable(props: VirtualizerProps): VirtualizerState {\n  const {\n    itemSize,\n    numItems,\n    virtualizerLength,\n    children: renderChild,\n    getItemSize,\n    bufferItems = Math.round(virtualizerLength / 4.0),\n    bufferSize = Math.floor(bufferItems / 2.0) * itemSize,\n    scrollViewRef,\n    axis = 'vertical',\n    reversed = false,\n    virtualizerContext,\n  } = props;\n\n  /* The context is optional, it's useful for injecting additional index logic, or performing uniform state updates*/\n  const _virtualizerContext = useVirtualizerContextState_unstable(virtualizerContext);\n\n  const 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 batchUpdateNewIndex = (index: number) => {\n    // Local updates\n    updateChildRows(index);\n    updateCurrentItemSizes(index);\n\n    // State setters\n    setActualIndex(index);\n  };\n\n  // Observe intersections of virtualized components\n  const { setObserverList } = useIntersectionObserver(\n    (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => {\n      /* Sanity check - do we even need virtualization? */\n      if (virtualizerLength > numItems) {\n        if (actualIndex !== 0) {\n          batchUpdateNewIndex(0);\n        }\n        // No-op\n        return;\n      }\n\n      /* IO initiates this function when needed (bookend entering view) */\n      let measurementPos = 0;\n      let bufferCount = bufferItems;\n\n      // Grab latest entry that is intersecting\n      const latestEntry =\n        entries.length === 1\n          ? entries[0]\n          : entries\n              .sort((entry1, entry2) => entry2.time - entry1.time)\n              .find(entry => {\n                return entry.intersectionRatio > 0;\n              });\n\n      if (!latestEntry) {\n        // If we don't find an intersecting area, ignore for now.\n        return;\n      }\n\n      if (latestEntry.target === afterElementRef.current) {\n        // We need to inverse the buffer count\n        bufferCount = virtualizerLength - bufferItems;\n        measurementPos = reversed ? calculateAfter() : calculateTotalSize() - calculateAfter();\n        if (!horizontal) {\n          if (reversed) {\n            // Scrolling 'up' and hit the after element below\n            measurementPos -= Math.abs(latestEntry.boundingClientRect.bottom);\n          } else if (latestEntry.boundingClientRect.top < 0) {\n            // Scrolling 'down' and hit the after element above top: 0\n            measurementPos -= latestEntry.boundingClientRect.top;\n          }\n        } else {\n          if (reversed) {\n            // Scrolling 'left' and hit the after element\n            measurementPos -= Math.abs(latestEntry.boundingClientRect.right);\n          } else if (latestEntry.boundingClientRect.left < 0) {\n            // Scrolling 'right' and hit the after element\n            measurementPos -= latestEntry.boundingClientRect.left;\n          }\n        }\n      } else if (latestEntry.target === beforeElementRef.current) {\n        measurementPos = reversed ? calculateTotalSize() - calculateBefore() : calculateBefore();\n        if (!horizontal) {\n          if (!reversed) {\n            measurementPos -= Math.abs(latestEntry.boundingClientRect.bottom);\n          } else if (latestEntry.boundingClientRect.top < 0) {\n            // Scrolling 'down' in reverse order and hit the before element above top: 0\n            measurementPos -= latestEntry.boundingClientRect.top;\n          }\n        } else {\n          if (!reversed) {\n            measurementPos -= Math.abs(latestEntry.boundingClientRect.right);\n          } else if (latestEntry.boundingClientRect.left < 0) {\n            // Scrolling 'left' and hit before element\n            measurementPos -= latestEntry.boundingClientRect.left;\n          }\n        }\n      }\n\n      if (reversed) {\n        // We're reversed, up is down, left is right, invert the scroll measure.\n        measurementPos = Math.max(calculateTotalSize() - Math.abs(measurementPos), 0);\n      }\n\n      // For now lets use hardcoded size to assess current element to paginate on\n      const startIndex = getIndexFromScrollPosition(measurementPos);\n      const bufferedIndex = Math.max(startIndex - bufferCount, 0);\n\n      // Safety limits\n      const maxIndex = Math.max(numItems - virtualizerLength, 0);\n      const newStartIndex = Math.min(Math.max(bufferedIndex, 0), maxIndex);\n\n      if (actualIndex !== newStartIndex) {\n        // We flush sync this and perform an immediate state update\n        flushSync(() => {\n          batchUpdateNewIndex(newStartIndex);\n        });\n      }\n    },\n    {\n      root: scrollViewRef ? scrollViewRef?.current : null,\n      rootMargin: '0px',\n      threshold: 0,\n    },\n  );\n\n  const findIndexRecursive = (scrollPos: number, lowIndex: number, highIndex: number): number => {\n    if (lowIndex > highIndex) {\n      // We shouldn't get here - but no-op the index if we do.\n      return actualIndex;\n    }\n    const midpoint = Math.floor((lowIndex + highIndex) / 2);\n    const iBefore = Math.max(midpoint - 1, 0);\n    const iAfter = Math.min(midpoint + 1, childProgressiveSizes.current.length - 1);\n    const indexValue = childProgressiveSizes.current[midpoint];\n    const afterIndexValue = childProgressiveSizes.current[iAfter];\n    const beforeIndexValue = childProgressiveSizes.current[iBefore];\n    if (scrollPos <= afterIndexValue && scrollPos >= beforeIndexValue) {\n      /* We've found our index - if we are exactly matching before/after index that's ok,\n      better to reduce checks if it's right on the boundary. */\n      return midpoint;\n    }\n\n    if (indexValue > scrollPos) {\n      return findIndexRecursive(scrollPos, lowIndex, midpoint - 1);\n    } else {\n      return findIndexRecursive(scrollPos, midpoint + 1, highIndex);\n    }\n  };\n\n  const getIndexFromSizeArray = (scrollPos: number): number => {\n    /* Quick searches our progressive height array */\n    if (\n      scrollPos === 0 ||\n      childProgressiveSizes.current.length === 0 ||\n      scrollPos <= childProgressiveSizes.current[0]\n    ) {\n      // Check start\n      return 0;\n    }\n\n    if (scrollPos >= childProgressiveSizes.current[childProgressiveSizes.current.length - 1]) {\n      // Check end\n      return childProgressiveSizes.current.length - 1;\n    }\n\n    return findIndexRecursive(scrollPos, 0, childProgressiveSizes.current.length - 1);\n  };\n\n  const getIndexFromScrollPosition = (scrollPos: number) => {\n    if (!getItemSize) {\n      return Math.round(scrollPos / itemSize);\n    }\n\n    return getIndexFromSizeArray(scrollPos);\n  };\n\n  const calculateTotalSize = () => {\n    if (!getItemSize) {\n      return itemSize * numItems;\n    }\n\n    // Time for custom size calcs\n    return childProgressiveSizes.current[numItems - 1];\n  };\n\n  const calculateBefore = () => {\n    const currentIndex = Math.min(actualIndex, numItems);\n\n    if (!getItemSize) {\n      // The missing items from before virtualization starts height\n      return currentIndex * itemSize;\n    }\n\n    if (currentIndex <= 0) {\n      return 0;\n    }\n\n    // Time for custom size calcs\n    return childProgressiveSizes.current[currentIndex - 1];\n  };\n\n  const calculateAfter = () => {\n    if (numItems === 0) {\n      return 0;\n    }\n\n    const lastItemIndex = Math.min(actualIndex + virtualizerLength, numItems - 1);\n    if (!getItemSize) {\n      // The missing items from after virtualization ends height\n      const remainingItems = numItems - lastItemIndex - 1;\n      return remainingItems * itemSize;\n    }\n\n    // Time for custom size calcs\n    return childProgressiveSizes.current[numItems - 1] - childProgressiveSizes.current[lastItemIndex];\n  };\n\n  const updateChildRows = useCallback(\n    (newIndex: number) => {\n      if (numItems === 0) {\n        /* Nothing to virtualize */\n\n        return [];\n      }\n\n      if (childArray.current.length !== numItems) {\n        childArray.current = new Array(virtualizerLength);\n      }\n      const _actualIndex = Math.max(newIndex, 0);\n      const end = Math.min(_actualIndex + virtualizerLength, numItems);\n\n      for (let i = _actualIndex; i < end; i++) {\n        childArray.current[i - _actualIndex] = renderVirtualizerChildPlaceholder(renderChild(i), i);\n      }\n    },\n    [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  // 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  // Ensure we have run through and updated the whole size list array at least once.\n  initializeSizeArray();\n\n  if (getItemSize && (numItems !== childSizes.current.length || numItems !== childProgressiveSizes.current.length)) {\n    // Child length mismatch, repopulate size arrays.\n    populateSizeArrays();\n  }\n\n  // Ensure we recalc if virtualizer length changes\n  const maxCompare = Math.min(virtualizerLength, numItems);\n  if (childArray.current.length !== maxCompare && actualIndex + childArray.current.length < numItems) {\n    updateChildRows(actualIndex);\n  }\n\n  const isFullyInitialized = hasInitialized.current && actualIndex >= 0;\n  return {\n    components: {\n      before: 'div',\n      after: 'div',\n      beforeContainer: 'div',\n      afterContainer: 'div',\n    },\n    virtualizedChildren: childArray.current,\n    before: resolveShorthand(props.before, {\n      required: true,\n      defaultProps: {\n        ref: setBeforeRef,\n        role: 'none',\n      },\n    }),\n    after: resolveShorthand(props.after, {\n      required: true,\n      defaultProps: {\n        ref: setAfterRef,\n        role: 'none',\n      },\n    }),\n    beforeContainer: resolveShorthand(props.beforeContainer, {\n      required: true,\n      defaultProps: {\n        role: 'none',\n      },\n    }),\n    afterContainer: resolveShorthand(props.afterContainer, {\n      required: true,\n      defaultProps: {\n        role: 'none',\n      },\n    }),\n    beforeBufferHeight: isFullyInitialized ? calculateBefore() : 0,\n    afterBufferHeight: isFullyInitialized ? calculateAfter() : 0,\n    totalVirtualizerHeight: isFullyInitialized ? calculateTotalSize() : virtualizerLength * itemSize,\n    virtualizerStartIndex: actualIndex,\n    axis,\n    bufferSize,\n    reversed,\n  };\n}\n"],"mappings":"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"}

package/lib/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.js

@@ -37,9 +37,10 @@ const useStyles = /*#__PURE__*/__styles({
  */
 export const useVirtualizerScrollViewStyles_unstable = state => {
   const styles = useStyles();
-  // For now - just return default style mods
+  // Default virtualizer styles base
   useVirtualizerStyles_unstable(state);
   const containerStyle = state.axis === 'horizontal' ? state.reversed ? styles.horizontalReversed : styles.horizontal : state.reversed ? styles.verticalReversed : styles.vertical;
+  // Add container styles
   state.container.className = mergeClasses(virtualizerScrollViewClassNames.container, styles.base, containerStyle, state.container.className);
   return state;
 };

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

@@ -1 +1 @@
-{"version":3,"names":["useVirtualizerStyles_unstable","virtualizerClassNames","__styles","mergeClasses","virtualizerScrollViewClassName","virtualizerScrollViewClassNames","container","useStyles","base","mc9l5x","a9b677","Bqenvij","Eiaeu8","vertical","Beiy3e4","Bmxbyg5","horizontal","B68tc82","verticalReversed","horizontalReversed","d","useVirtualizerScrollViewStyles_unstable","state","styles","containerStyle","axis","reversed","className"],"sources":["../../../src/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.ts"],"sourcesContent":["import { VirtualizerScrollViewState } from './VirtualizerScrollView.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { VirtualizerScrollViewSlots } from './VirtualizerScrollView.types';\nimport { useVirtualizerStyles_unstable, virtualizerClassNames } from '../Virtualizer/useVirtualizerStyles';\nimport { makeStyles, mergeClasses } from '@griffel/react';\n\nconst virtualizerScrollViewClassName = 'fui-Virtualizer-Scroll-View';\n\nexport const virtualizerScrollViewClassNames: SlotClassNames<VirtualizerScrollViewSlots> = {\n  ...virtualizerClassNames,\n  container: `${virtualizerScrollViewClassName}__container`,\n};\n\nconst useStyles = makeStyles({\n  base: {\n    display: 'flex',\n    width: '100%',\n    height: '100%',\n    overflowAnchor: 'none',\n  },\n  vertical: {\n    flexDirection: 'column',\n    overflowAnchor: 'none',\n    overflowY: 'auto',\n  },\n  horizontal: {\n    flexDirection: 'row',\n    overflowX: 'auto',\n  },\n  verticalReversed: {\n    flexDirection: 'column-reverse',\n    overflowY: 'auto',\n  },\n  horizontalReversed: {\n    flexDirection: 'row-reverse',\n    overflowX: 'auto',\n  },\n});\n\n/**\n * Apply styling to the Virtualizer states\n */\nexport const useVirtualizerScrollViewStyles_unstable = (\n  state: VirtualizerScrollViewState,\n): VirtualizerScrollViewState => {\n  const styles = useStyles();\n\n  // For now - just return default style mods\n  useVirtualizerStyles_unstable(state);\n\n  const containerStyle =\n    state.axis === 'horizontal'\n      ? state.reversed\n        ? styles.horizontalReversed\n        : styles.horizontal\n      : state.reversed\n      ? styles.verticalReversed\n      : styles.vertical;\n\n  state.container.className = mergeClasses(\n    virtualizerScrollViewClassNames.container,\n    styles.base,\n    containerStyle,\n    state.container.className,\n  );\n\n  return state;\n};\n"],"mappings":"AAGA,SAASA,6BAA6B,EAAEC,qBAAqB,QAAQ;AACrE,SAAAC,QAAA,EAAqBC,YAAY,QAAQ;AAEzC,MAAMC,8BAAA,GAAiC;AAEvC,OAAO,MAAMC,+BAAA,GAA8E;EACzF,GAAGJ,qBAAqB;EACxBK,SAAA,EAAY,GAAEF,8BAA+B;AAC/C;AAEA,MAAMG,SAAA,gBAAYL,QAAA;EAAAM,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;IAAAF,MAAA;IAAAG,OAAA;EAAA;EAAAC,UAAA;IAAAF,OAAA;IAAAG,OAAA;EAAA;EAAAC,gBAAA;IAAAJ,OAAA;IAAAC,OAAA;EAAA;EAAAI,kBAAA;IAAAL,OAAA;IAAAG,OAAA;EAAA;AAAA;EAAAG,CAAA;AAAA,EAwBlB;AAEA;;;AAGA,OAAO,MAAMC,uCAAA,GACXC,KAAA,IAC+B;EAC/B,MAAMC,MAAA,GAAShB,SAAA;EAEf;EACAP,6BAAA,CAA8BsB,KAAA;EAE9B,MAAME,cAAA,GACJF,KAAA,CAAMG,IAAI,KAAK,eACXH,KAAA,CAAMI,QAAQ,GACZH,MAAA,CAAOJ,kBAAkB,GACzBI,MAAA,CAAOP,UAAU,GACnBM,KAAA,CAAMI,QAAQ,GACdH,MAAA,CAAOL,gBAAgB,GACvBK,MAAA,CAAOV,QAAQ;EAErBS,KAAA,CAAMhB,SAAS,CAACqB,SAAS,GAAGxB,YAAA,CAC1BE,+BAAA,CAAgCC,SAAS,EACzCiB,MAAA,CAAOf,IAAI,EACXgB,cAAA,EACAF,KAAA,CAAMhB,SAAS,CAACqB,SAAS;EAG3B,OAAOL,KAAA;AACT"}
+{"version":3,"names":["useVirtualizerStyles_unstable","virtualizerClassNames","__styles","mergeClasses","virtualizerScrollViewClassName","virtualizerScrollViewClassNames","container","useStyles","base","mc9l5x","a9b677","Bqenvij","Eiaeu8","vertical","Beiy3e4","Bmxbyg5","horizontal","B68tc82","verticalReversed","horizontalReversed","d","useVirtualizerScrollViewStyles_unstable","state","styles","containerStyle","axis","reversed","className"],"sources":["../../../src/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.ts"],"sourcesContent":["import { VirtualizerScrollViewState } from './VirtualizerScrollView.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { VirtualizerScrollViewSlots } from './VirtualizerScrollView.types';\nimport { useVirtualizerStyles_unstable, virtualizerClassNames } from '../Virtualizer/useVirtualizerStyles';\nimport { makeStyles, mergeClasses } from '@griffel/react';\n\nconst virtualizerScrollViewClassName = 'fui-Virtualizer-Scroll-View';\n\nexport const virtualizerScrollViewClassNames: SlotClassNames<VirtualizerScrollViewSlots> = {\n  ...virtualizerClassNames,\n  container: `${virtualizerScrollViewClassName}__container`,\n};\n\nconst useStyles = makeStyles({\n  base: {\n    display: 'flex',\n    width: '100%',\n    height: '100%',\n    overflowAnchor: 'none',\n  },\n  vertical: {\n    flexDirection: 'column',\n    overflowAnchor: 'none',\n    overflowY: 'auto',\n  },\n  horizontal: {\n    flexDirection: 'row',\n    overflowX: 'auto',\n  },\n  verticalReversed: {\n    flexDirection: 'column-reverse',\n    overflowY: 'auto',\n  },\n  horizontalReversed: {\n    flexDirection: 'row-reverse',\n    overflowX: 'auto',\n  },\n});\n\n/**\n * Apply styling to the Virtualizer states\n */\nexport const useVirtualizerScrollViewStyles_unstable = (\n  state: VirtualizerScrollViewState,\n): VirtualizerScrollViewState => {\n  const styles = useStyles();\n\n  // Default virtualizer styles base\n  useVirtualizerStyles_unstable(state);\n\n  const containerStyle =\n    state.axis === 'horizontal'\n      ? state.reversed\n        ? styles.horizontalReversed\n        : styles.horizontal\n      : state.reversed\n      ? styles.verticalReversed\n      : styles.vertical;\n\n  // Add container styles\n  state.container.className = mergeClasses(\n    virtualizerScrollViewClassNames.container,\n    styles.base,\n    containerStyle,\n    state.container.className,\n  );\n\n  return state;\n};\n"],"mappings":"AAGA,SAASA,6BAA6B,EAAEC,qBAAqB,QAAQ;AACrE,SAAAC,QAAA,EAAqBC,YAAY,QAAQ;AAEzC,MAAMC,8BAAA,GAAiC;AAEvC,OAAO,MAAMC,+BAAA,GAA8E;EACzF,GAAGJ,qBAAqB;EACxBK,SAAA,EAAY,GAAEF,8BAA+B;AAC/C;AAEA,MAAMG,SAAA,gBAAYL,QAAA;EAAAM,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;IAAAF,MAAA;IAAAG,OAAA;EAAA;EAAAC,UAAA;IAAAF,OAAA;IAAAG,OAAA;EAAA;EAAAC,gBAAA;IAAAJ,OAAA;IAAAC,OAAA;EAAA;EAAAI,kBAAA;IAAAL,OAAA;IAAAG,OAAA;EAAA;AAAA;EAAAG,CAAA;AAAA,EAwBlB;AAEA;;;AAGA,OAAO,MAAMC,uCAAA,GACXC,KAAA,IAC+B;EAC/B,MAAMC,MAAA,GAAShB,SAAA;EAEf;EACAP,6BAAA,CAA8BsB,KAAA;EAE9B,MAAME,cAAA,GACJF,KAAA,CAAMG,IAAI,KAAK,eACXH,KAAA,CAAMI,QAAQ,GACZH,MAAA,CAAOJ,kBAAkB,GACzBI,MAAA,CAAOP,UAAU,GACnBM,KAAA,CAAMI,QAAQ,GACdH,MAAA,CAAOL,gBAAgB,GACvBK,MAAA,CAAOV,QAAQ;EAErB;EACAS,KAAA,CAAMhB,SAAS,CAACqB,SAAS,GAAGxB,YAAA,CAC1BE,+BAAA,CAAgCC,SAAS,EACzCiB,MAAA,CAAOf,IAAI,EACXgB,cAAA,EACAF,KAAA,CAAMhB,SAAS,CAACqB,SAAS;EAG3B,OAAOL,KAAA;AACT"}

package/lib/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.js

@@ -0,0 +1,14 @@
+import { useVirtualizerScrollViewDynamic_unstable } from './useVirtualizerScrollViewDynamic';
+import { renderVirtualizerScrollViewDynamic_unstable } from './renderVirtualizerScrollViewDynamic';
+import { useVirtualizerScrollViewDynamicStyles_unstable } from './useVirtualizerScrollViewDynamicStyles';
+import * as React from 'react';
+/**
+ * Virtualizer ScrollView
+ */
+export const VirtualizerScrollViewDynamic = (props, context) => {
+  const state = useVirtualizerScrollViewDynamic_unstable(props);
+  useVirtualizerScrollViewDynamicStyles_unstable(state);
+  return renderVirtualizerScrollViewDynamic_unstable(state);
+};
+VirtualizerScrollViewDynamic.displayName = 'VirtualizerScrollViewDynamic';
+//# sourceMappingURL=VirtualizerScrollViewDynamic.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useVirtualizerScrollViewDynamic_unstable","renderVirtualizerScrollViewDynamic_unstable","useVirtualizerScrollViewDynamicStyles_unstable","React","VirtualizerScrollViewDynamic","props","context","state","displayName"],"sources":["../../../src/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.ts"],"sourcesContent":["import { VirtualizerScrollViewDynamicProps } from './VirtualizerScrollViewDynamic.types';\nimport { useVirtualizerScrollViewDynamic_unstable } from './useVirtualizerScrollViewDynamic';\nimport { renderVirtualizerScrollViewDynamic_unstable } from './renderVirtualizerScrollViewDynamic';\nimport { useVirtualizerScrollViewDynamicStyles_unstable } from './useVirtualizerScrollViewDynamicStyles';\nimport * as React from 'react';\nimport { VirtualizerContextProps } from '../../Utilities';\n\n/**\n * Virtualizer ScrollView\n */\n\nexport const VirtualizerScrollViewDynamic: React.FC<VirtualizerScrollViewDynamicProps> = (\n  props: VirtualizerScrollViewDynamicProps,\n  context: React.Context<VirtualizerContextProps>,\n) => {\n  const state = useVirtualizerScrollViewDynamic_unstable(props);\n\n  useVirtualizerScrollViewDynamicStyles_unstable(state);\n\n  return renderVirtualizerScrollViewDynamic_unstable(state);\n};\n\nVirtualizerScrollViewDynamic.displayName = 'VirtualizerScrollViewDynamic';\n"],"mappings":"AACA,SAASA,wCAAwC,QAAQ;AACzD,SAASC,2CAA2C,QAAQ;AAC5D,SAASC,8CAA8C,QAAQ;AAC/D,YAAYC,KAAA,MAAW;AAGvB;;;AAIA,OAAO,MAAMC,4BAAA,GAA4EA,CACvFC,KAAA,EACAC,OAAA,KACG;EACH,MAAMC,KAAA,GAAQP,wCAAA,CAAyCK,KAAA;EAEvDH,8CAAA,CAA+CK,KAAA;EAE/C,OAAON,2CAAA,CAA4CM,KAAA;AACrD;AAEAH,4BAAA,CAA6BI,WAAW,GAAG"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=VirtualizerScrollViewDynamic.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/components/VirtualizerScrollViewDynamic/VirtualizerScrollViewDynamic.types.ts"],"sourcesContent":["import { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport {\n  VirtualizerConfigProps,\n  VirtualizerConfigState,\n  VirtualizerChildRenderFunction,\n} from '../Virtualizer/Virtualizer.types';\n\nimport { VirtualizerScrollViewSlots } from '../VirtualizerScrollView/VirtualizerScrollView.types';\n\nexport type VirtualizerScrollViewDynamicSlots = VirtualizerScrollViewSlots;\n\nexport type VirtualizerScrollViewDynamicProps = ComponentProps<Partial<VirtualizerScrollViewDynamicSlots>> &\n  Partial<Omit<VirtualizerConfigProps, 'itemSize' | 'numItems' | 'getItemSize' | 'children'>> & {\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\nexport type VirtualizerScrollViewDynamicState = ComponentState<VirtualizerScrollViewDynamicSlots> &\n  VirtualizerConfigState;\n"],"mappings":"AAAA"}

package/lib/components/VirtualizerScrollViewDynamic/index.js

@@ -0,0 +1,6 @@
+export * from './VirtualizerScrollViewDynamic';
+export * from './VirtualizerScrollViewDynamic.types';
+export * from './useVirtualizerScrollViewDynamic';
+export * from './renderVirtualizerScrollViewDynamic';
+export * from './useVirtualizerScrollViewDynamicStyles';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/components/VirtualizerScrollViewDynamic/index.ts"],"sourcesContent":["export * from './VirtualizerScrollViewDynamic';\nexport * from './VirtualizerScrollViewDynamic.types';\nexport * from './useVirtualizerScrollViewDynamic';\nexport * from './renderVirtualizerScrollViewDynamic';\nexport * from './useVirtualizerScrollViewDynamicStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/VirtualizerScrollViewDynamic/renderVirtualizerScrollViewDynamic.js

@@ -0,0 +1,11 @@
+/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+import { getSlotsNext } from '@fluentui/react-utilities';
+import { renderVirtualizer_unstable } from '../Virtualizer/renderVirtualizer';
+export const renderVirtualizerScrollViewDynamic_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = getSlotsNext(state);
+  return /*#__PURE__*/createElement(slots.container, slotProps.container, renderVirtualizer_unstable(state));
+};
+//# sourceMappingURL=renderVirtualizerScrollViewDynamic.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createElement","getSlotsNext","renderVirtualizer_unstable","renderVirtualizerScrollViewDynamic_unstable","state","slots","slotProps","container"],"sources":["../../../src/components/VirtualizerScrollViewDynamic/renderVirtualizerScrollViewDynamic.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport {\n  VirtualizerScrollViewDynamicSlots,\n  VirtualizerScrollViewDynamicState,\n} from './VirtualizerScrollViewDynamic.types';\nimport { renderVirtualizer_unstable } from '../Virtualizer/renderVirtualizer';\n\nexport const renderVirtualizerScrollViewDynamic_unstable = (state: VirtualizerScrollViewDynamicState) => {\n  const { slots, slotProps } = getSlotsNext<VirtualizerScrollViewDynamicSlots>(state);\n  return <slots.container {...slotProps.container}>{renderVirtualizer_unstable(state)}</slots.container>;\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAK7B,SAASC,0BAA0B,QAAQ;AAE3C,OAAO,MAAMC,2CAAA,GAA+CC,KAAA,IAA6C;EACvG,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGL,YAAA,CAAgDG,KAAA;EAC7E,oBAAOJ,aAZT,CAYUK,KAAA,CAAME,SAAS,EAAKD,SAAA,CAAUC,SAAS,EAAGL,0BAAA,CAA2BE,KAAA;AAC/E"}

package/lib/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.js

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';
+import { useVirtualizer_unstable } from '../Virtualizer/useVirtualizer';
+import { useDynamicVirtualizerMeasure } from '../../Hooks';
+import { useVirtualizerContextState_unstable } from '../../Utilities';
+export function useVirtualizerScrollViewDynamic_unstable(props) {
+  const contextState = useVirtualizerContextState_unstable(props.virtualizerContext);
+  var _props_axis, _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,
+    currentIndex: (_contextState_contextIndex = contextState === null || contextState === void 0 ? void 0 : contextState.contextIndex) !== null && _contextState_contextIndex !== void 0 ? _contextState_contextIndex : 0,
+    numItems: props.numItems
+  });
+  const iScrollRef = useMergedRefs(React.useRef(null), scrollRef);
+  const virtualizerState = useVirtualizer_unstable({
+    ...props,
+    virtualizerLength,
+    bufferItems,
+    bufferSize,
+    scrollViewRef: iScrollRef,
+    virtualizerContext: contextState
+  });
+  return {
+    ...virtualizerState,
+    components: {
+      ...virtualizerState.components,
+      container: 'div'
+    },
+    container: resolveShorthand(props.container, {
+      required: true,
+      defaultProps: {
+        ref: iScrollRef
+      }
+    })
+  };
+}
+//# sourceMappingURL=useVirtualizerScrollViewDynamic.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","resolveShorthand","useMergedRefs","useVirtualizer_unstable","useDynamicVirtualizerMeasure","useVirtualizerContextState_unstable","useVirtualizerScrollViewDynamic_unstable","props","contextState","virtualizerContext","_props_axis","_contextState_contextIndex","virtualizerLength","bufferItems","bufferSize","scrollRef","defaultItemSize","itemSize","direction","axis","getItemSize","currentIndex","contextIndex","numItems","iScrollRef","useRef","virtualizerState","scrollViewRef","components","container","required","defaultProps","ref"],"sources":["../../../src/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.ts"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';\nimport { useVirtualizer_unstable } from '../Virtualizer/useVirtualizer';\nimport {\n  VirtualizerScrollViewDynamicProps,\n  VirtualizerScrollViewDynamicState,\n} from './VirtualizerScrollViewDynamic.types';\nimport { useDynamicVirtualizerMeasure } from '../../Hooks';\nimport { useVirtualizerContextState_unstable } from '../../Utilities';\n\nexport function useVirtualizerScrollViewDynamic_unstable(\n  props: VirtualizerScrollViewDynamicProps,\n): VirtualizerScrollViewDynamicState {\n  const contextState = useVirtualizerContextState_unstable(props.virtualizerContext);\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  const iScrollRef = useMergedRefs(React.useRef<HTMLDivElement>(null), scrollRef) as React.RefObject<HTMLDivElement>;\n\n  const virtualizerState = useVirtualizer_unstable({\n    ...props,\n    virtualizerLength,\n    bufferItems,\n    bufferSize,\n    scrollViewRef: iScrollRef,\n    virtualizerContext: contextState,\n  });\n\n  return {\n    ...virtualizerState,\n    components: {\n      ...virtualizerState.components,\n      container: 'div',\n    },\n    container: resolveShorthand(props.container, {\n      required: true,\n      defaultProps: {\n        ref: iScrollRef,\n      },\n    }),\n  };\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,gBAAgB,EAAEC,aAAa,QAAQ;AAChD,SAASC,uBAAuB,QAAQ;AAKxC,SAASC,4BAA4B,QAAQ;AAC7C,SAASC,mCAAmC,QAAQ;AAEpD,OAAO,SAASC,yCACdC,KAAwC,EACL;EACnC,MAAMC,YAAA,GAAeH,mCAAA,CAAoCE,KAAA,CAAME,kBAAkB;MAIpEC,WAAA,EAEGC,0BAAA;EAJhB,MAAM;IAAEC,iBAAA;IAAmBC,WAAA;IAAaC,UAAA;IAAYC;EAAS,CAAE,GAAGX,4BAAA,CAA6B;IAC7FY,eAAA,EAAiBT,KAAA,CAAMU,QAAQ;IAC/BC,SAAA,EAAW,CAAAR,WAAA,GAAAH,KAAA,CAAMY,IAAI,cAAVT,WAAA,cAAAA,WAAA,GAAc,UAAU;IACnCU,WAAA,EAAab,KAAA,CAAMa,WAAW;IAC9BC,YAAA,EAAc,CAAAV,0BAAA,GAAAH,YAAA,aAAAA,YAAA,uBAAAA,YAAA,CAAcc,YAAY,cAA1BX,0BAAA,cAAAA,0BAAA,GAA8B,CAAC;IAC7CY,QAAA,EAAUhB,KAAA,CAAMgB;EAClB;EAEA,MAAMC,UAAA,GAAatB,aAAA,CAAcF,KAAA,CAAMyB,MAAM,CAAiB,IAAI,GAAGV,SAAA;EAErE,MAAMW,gBAAA,GAAmBvB,uBAAA,CAAwB;IAC/C,GAAGI,KAAK;IACRK,iBAAA;IACAC,WAAA;IACAC,UAAA;IACAa,aAAA,EAAeH,UAAA;IACff,kBAAA,EAAoBD;EACtB;EAEA,OAAO;IACL,GAAGkB,gBAAgB;IACnBE,UAAA,EAAY;MACV,GAAGF,gBAAA,CAAiBE,UAAU;MAC9BC,SAAA,EAAW;IACb;IACAA,SAAA,EAAW5B,gBAAA,CAAiBM,KAAA,CAAMsB,SAAS,EAAE;MAC3CC,QAAA,EAAU,IAAI;MACdC,YAAA,EAAc;QACZC,GAAA,EAAKR;MACP;IACF;EACF;AACF"}

package/lib/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.js

@@ -0,0 +1,46 @@
+import { useVirtualizerStyles_unstable, virtualizerClassNames } from '../Virtualizer/useVirtualizerStyles';
+import { __styles, mergeClasses } from '@griffel/react';
+const virtualizerScrollViewDynamicClassName = 'fui-Virtualizer-Scroll-View-Dynamic';
+export const virtualizerScrollViewDynamicClassNames = {
+  ...virtualizerClassNames,
+  container: `${virtualizerScrollViewDynamicClassName}__container`
+};
+const useStyles = /*#__PURE__*/__styles({
+  base: {
+    mc9l5x: "f22iagw",
+    a9b677: "fly5x3f",
+    Bqenvij: "f1l02sjl",
+    Eiaeu8: "f1115ve7"
+  },
+  vertical: {
+    Beiy3e4: "f1vx9l62",
+    Bmxbyg5: "f5zp4f"
+  },
+  horizontal: {
+    Beiy3e4: "f1063pyq",
+    B68tc82: "f1oy3dpc"
+  },
+  verticalReversed: {
+    Beiy3e4: "f1gkdon0",
+    Bmxbyg5: "f5zp4f"
+  },
+  horizontalReversed: {
+    Beiy3e4: "f1oztnx0",
+    B68tc82: "f1oy3dpc"
+  }
+}, {
+  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".f1115ve7{overflow-anchor:none;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f5zp4f{overflow-y:auto;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".f1oy3dpc{overflow-x:auto;}", ".f1gkdon0{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}", ".f1oztnx0{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}"]
+});
+/**
+ * Apply styling to the Virtualizer states
+ */
+export const useVirtualizerScrollViewDynamicStyles_unstable = state => {
+  const styles = useStyles();
+  // Default virtualizer styles base
+  useVirtualizerStyles_unstable(state);
+  const containerStyle = state.axis === 'horizontal' ? state.reversed ? styles.horizontalReversed : styles.horizontal : state.reversed ? styles.verticalReversed : styles.vertical;
+  // Add container styles
+  state.container.className = mergeClasses(virtualizerScrollViewDynamicClassNames.container, styles.base, containerStyle, state.container.className);
+  return state;
+};
+//# sourceMappingURL=useVirtualizerScrollViewDynamicStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useVirtualizerStyles_unstable","virtualizerClassNames","__styles","mergeClasses","virtualizerScrollViewDynamicClassName","virtualizerScrollViewDynamicClassNames","container","useStyles","base","mc9l5x","a9b677","Bqenvij","Eiaeu8","vertical","Beiy3e4","Bmxbyg5","horizontal","B68tc82","verticalReversed","horizontalReversed","d","useVirtualizerScrollViewDynamicStyles_unstable","state","styles","containerStyle","axis","reversed","className"],"sources":["../../../src/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamicStyles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport {\n  VirtualizerScrollViewDynamicSlots,\n  VirtualizerScrollViewDynamicState,\n} from './VirtualizerScrollViewDynamic.types';\nimport { useVirtualizerStyles_unstable, virtualizerClassNames } from '../Virtualizer/useVirtualizerStyles';\nimport { makeStyles, mergeClasses } from '@griffel/react';\n\nconst virtualizerScrollViewDynamicClassName = 'fui-Virtualizer-Scroll-View-Dynamic';\n\nexport const virtualizerScrollViewDynamicClassNames: SlotClassNames<VirtualizerScrollViewDynamicSlots> = {\n  ...virtualizerClassNames,\n  container: `${virtualizerScrollViewDynamicClassName}__container`,\n};\n\nconst useStyles = makeStyles({\n  base: {\n    display: 'flex',\n    width: '100%',\n    height: '100%',\n    overflowAnchor: 'none',\n  },\n  vertical: {\n    flexDirection: 'column',\n    overflowY: 'auto',\n  },\n  horizontal: {\n    flexDirection: 'row',\n    overflowX: 'auto',\n  },\n  verticalReversed: {\n    flexDirection: 'column-reverse',\n    overflowY: 'auto',\n  },\n  horizontalReversed: {\n    flexDirection: 'row-reverse',\n    overflowX: 'auto',\n  },\n});\n\n/**\n * Apply styling to the Virtualizer states\n */\nexport const useVirtualizerScrollViewDynamicStyles_unstable = (\n  state: VirtualizerScrollViewDynamicState,\n): VirtualizerScrollViewDynamicState => {\n  const styles = useStyles();\n\n  // Default virtualizer styles base\n  useVirtualizerStyles_unstable(state);\n\n  const containerStyle =\n    state.axis === 'horizontal'\n      ? state.reversed\n        ? styles.horizontalReversed\n        : styles.horizontal\n      : state.reversed\n      ? styles.verticalReversed\n      : styles.vertical;\n\n  // Add container styles\n  state.container.className = mergeClasses(\n    virtualizerScrollViewDynamicClassNames.container,\n    styles.base,\n    containerStyle,\n    state.container.className,\n  );\n\n  return state;\n};\n"],"mappings":"AAKA,SAASA,6BAA6B,EAAEC,qBAAqB,QAAQ;AACrE,SAAAC,QAAA,EAAqBC,YAAY,QAAQ;AAEzC,MAAMC,qCAAA,GAAwC;AAE9C,OAAO,MAAMC,sCAAA,GAA4F;EACvG,GAAGJ,qBAAqB;EACxBK,SAAA,EAAY,GAAEF,qCAAsC;AACtD;AAEA,MAAMG,SAAA,gBAAYL,QAAA;EAAAM,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,UAAA;IAAAF,OAAA;IAAAG,OAAA;EAAA;EAAAC,gBAAA;IAAAJ,OAAA;IAAAC,OAAA;EAAA;EAAAI,kBAAA;IAAAL,OAAA;IAAAG,OAAA;EAAA;AAAA;EAAAG,CAAA;AAAA,EAuBlB;AAEA;;;AAGA,OAAO,MAAMC,8CAAA,GACXC,KAAA,IACsC;EACtC,MAAMC,MAAA,GAAShB,SAAA;EAEf;EACAP,6BAAA,CAA8BsB,KAAA;EAE9B,MAAME,cAAA,GACJF,KAAA,CAAMG,IAAI,KAAK,eACXH,KAAA,CAAMI,QAAQ,GACZH,MAAA,CAAOJ,kBAAkB,GACzBI,MAAA,CAAOP,UAAU,GACnBM,KAAA,CAAMI,QAAQ,GACdH,MAAA,CAAOL,gBAAgB,GACvBK,MAAA,CAAOV,QAAQ;EAErB;EACAS,KAAA,CAAMhB,SAAS,CAACqB,SAAS,GAAGxB,YAAA,CAC1BE,sCAAA,CAAuCC,SAAS,EAChDiB,MAAA,CAAOf,IAAI,EACXgB,cAAA,EACAF,KAAA,CAAMhB,SAAS,CAACqB,SAAS;EAG3B,OAAOL,KAAA;AACT"}

package/lib/hooks/hooks.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=hooks.types.js.map

package/lib/hooks/hooks.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/hooks/hooks.types.ts"],"sourcesContent":["import { MutableRefObject } from 'react';\n\nexport type VirtualizerMeasureProps = {\n  defaultItemSize: number;\n  direction?: 'vertical' | 'horizontal';\n};\n\nexport type VirtualizerMeasureDynamicProps = {\n  defaultItemSize: number;\n  currentIndex: number;\n  numItems: number;\n  getItemSize: (index: number) => number;\n  direction?: 'vertical' | 'horizontal';\n};\n\n/**\n * Additional direct Ref prevents reading old resize entry data\n * Backwards compatible with ResizeObserverCallback if preferred\n */\nexport interface ResizeCallbackWithRef {\n  (entries: ResizeObserverEntry[], observer: ResizeObserver, scrollRef?: MutableRefObject<HTMLElement | null>): void;\n}\n"],"mappings":"AAAA"}

package/lib/hooks/index.js

@@ -1,3 +1,6 @@
 export * from './useIntersectionObserver';
 export * from './useVirtualizerMeasure';
+export * from './useDynamicVirtualizerMeasure';
+export * from './useResizeObserverRef';
+export * from './hooks.types';
 //# sourceMappingURL=index.js.map

package/lib/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/hooks/index.ts"],"sourcesContent":["export * from './useIntersectionObserver';\nexport * from './useVirtualizerMeasure';\n"],"mappings":"AAAA,cAAc;AACd,cAAc"}
+{"version":3,"names":[],"sources":["../../src/hooks/index.ts"],"sourcesContent":["export * from './useIntersectionObserver';\nexport * from './useVirtualizerMeasure';\nexport * from './useDynamicVirtualizerMeasure';\nexport * from './useResizeObserverRef';\nexport * from './hooks.types';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/hooks/useDynamicVirtualizerMeasure.js

@@ -0,0 +1,99 @@
+import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
+import * as React from 'react';
+import { useResizeObserverRef_unstable } from './useResizeObserverRef';
+import { useRef } from 'react';
+/**
+ * React hook that measures virtualized space dynamically to ensure optimized virtualization length.
+ */
+export const useDynamicVirtualizerMeasure = virtualizerProps => {
+  const {
+    defaultItemSize,
+    direction = 'vertical',
+    numItems,
+    getItemSize,
+    currentIndex
+  } = virtualizerProps;
+  const indexRef = useRef(currentIndex);
+  indexRef.current = currentIndex;
+  const [state, setState] = React.useState({
+    virtualizerLength: 0,
+    virtualizerBufferItems: 0,
+    virtualizerBufferSize: 0
+  });
+  const {
+    virtualizerLength,
+    virtualizerBufferItems,
+    virtualizerBufferSize
+  } = state;
+  const container = React.useRef(null);
+  const handleScrollResize = React.useCallback(scrollRef => {
+    if (!(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)) {
+      // Error? ignore?
+      return;
+    }
+    if (scrollRef.current !== container.current) {
+      container.current = scrollRef.current;
+    }
+    const containerSize = direction === 'vertical' ? scrollRef.current.getBoundingClientRect().height : scrollRef.current.getBoundingClientRect().width;
+    let indexSizer = 0;
+    let length = 0;
+    while (indexSizer <= containerSize && length < numItems) {
+      const iItemSize = getItemSize(indexRef.current + length);
+      // Increment
+      indexSizer += iItemSize;
+      length++;
+    }
+    /*
+    * Number of items to append at each end, i.e. 'preload' each side before entering view.
+    */
+    const bufferItems = Math.max(Math.floor(length / 4), 2);
+    /*
+    * This is how far we deviate into the bufferItems to detect a redraw.
+    */
+    const bufferSize = Math.max(Math.floor(length / 8 * defaultItemSize), 1);
+    const totalLength = length + bufferItems * 2 + 3;
+    setState({
+      virtualizerLength: totalLength,
+      virtualizerBufferSize: bufferSize,
+      virtualizerBufferItems: bufferItems
+    });
+  }, [defaultItemSize, direction, getItemSize, numItems]);
+  const resizeCallback = React.useCallback((_entries, _observer, scrollRef) => {
+    if (scrollRef) {
+      handleScrollResize(scrollRef);
+    }
+  }, [handleScrollResize]);
+  const scrollRef = useResizeObserverRef_unstable(resizeCallback);
+  useIsomorphicLayoutEffect(() => {
+    var _container_current, _container_current1;
+    if (!container.current) {
+      return;
+    }
+    const containerSize = direction === 'vertical' ? ((_container_current = container.current) === null || _container_current === void 0 ? void 0 : _container_current.getBoundingClientRect().height) * 1.5 : ((_container_current1 = container.current) === null || _container_current1 === void 0 ? void 0 : _container_current1.getBoundingClientRect().width) * 1.5;
+    let couldBeSmaller = false;
+    let recheckTotal = 0;
+    for (let i = currentIndex; i < currentIndex + virtualizerLength; i++) {
+      const newItemSize = getItemSize(i);
+      recheckTotal += newItemSize;
+      const newLength = i - currentIndex;
+      const bufferItems = Math.max(Math.floor(newLength / 4), 2);
+      const totalNewLength = newLength + bufferItems * 2 + 4;
+      const compareLengths = totalNewLength < virtualizerLength;
+      if (recheckTotal > containerSize && compareLengths) {
+        couldBeSmaller = true;
+        break;
+      }
+    }
+    // Check if the render has caused us to need a re-calc of virtualizer length
+    if (recheckTotal < containerSize || couldBeSmaller) {
+      handleScrollResize(container);
+    }
+  }, [getItemSize, currentIndex, direction, virtualizerLength, resizeCallback, handleScrollResize]);
+  return {
+    virtualizerLength,
+    bufferItems: virtualizerBufferItems,
+    bufferSize: virtualizerBufferSize,
+    scrollRef
+  };
+};
+//# sourceMappingURL=useDynamicVirtualizerMeasure.js.map

package/lib/hooks/useDynamicVirtualizerMeasure.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useIsomorphicLayoutEffect","React","useResizeObserverRef_unstable","useRef","useDynamicVirtualizerMeasure","virtualizerProps","defaultItemSize","direction","numItems","getItemSize","currentIndex","indexRef","current","state","setState","useState","virtualizerLength","virtualizerBufferItems","virtualizerBufferSize","container","handleScrollResize","useCallback","scrollRef","containerSize","getBoundingClientRect","height","width","indexSizer","length","iItemSize","bufferItems","Math","max","floor","bufferSize","totalLength","resizeCallback","_entries","_observer","_container_current","_container_current1","couldBeSmaller","recheckTotal","i","newItemSize","newLength","totalNewLength","compareLengths"],"sources":["../../src/hooks/useDynamicVirtualizerMeasure.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { VirtualizerMeasureDynamicProps } from './hooks.types';\nimport { useResizeObserverRef_unstable } from './useResizeObserverRef';\nimport { useRef } from 'react';\n\n/**\n * React hook that measures virtualized space dynamically to ensure optimized virtualization length.\n */\nexport const useDynamicVirtualizerMeasure = <TElement extends HTMLElement>(\n  virtualizerProps: VirtualizerMeasureDynamicProps,\n): {\n  virtualizerLength: number;\n  bufferItems: number;\n  bufferSize: number;\n  scrollRef: (instance: TElement | null) => void;\n} => {\n  const { defaultItemSize, direction = 'vertical', numItems, getItemSize, currentIndex } = virtualizerProps;\n  const indexRef = useRef<number>(currentIndex);\n  indexRef.current = currentIndex;\n\n  const [state, setState] = React.useState({\n    virtualizerLength: 0,\n    virtualizerBufferItems: 0,\n    virtualizerBufferSize: 0,\n  });\n\n  const { virtualizerLength, virtualizerBufferItems, virtualizerBufferSize } = state;\n\n  const container = React.useRef<HTMLElement | null>(null);\n  const handleScrollResize = React.useCallback(\n    (scrollRef: React.MutableRefObject<HTMLElement | null>) => {\n      if (!scrollRef?.current) {\n        // Error? ignore?\n        return;\n      }\n\n      if (scrollRef.current !== container.current) {\n        container.current = scrollRef.current;\n      }\n\n      const containerSize =\n        direction === 'vertical'\n          ? scrollRef.current.getBoundingClientRect().height\n          : scrollRef.current.getBoundingClientRect().width;\n\n      let indexSizer = 0;\n      let length = 0;\n\n      while (indexSizer <= containerSize && length < numItems) {\n        const iItemSize = getItemSize(indexRef.current + length);\n\n        // Increment\n        indexSizer += iItemSize;\n        length++;\n      }\n\n      /*\n       * Number of items to append at each end, i.e. 'preload' each side before entering view.\n       */\n      const bufferItems = Math.max(Math.floor(length / 4), 2);\n\n      /*\n       * This is how far we deviate into the bufferItems to detect a redraw.\n       */\n      const bufferSize = Math.max(Math.floor((length / 8) * defaultItemSize), 1);\n\n      const totalLength = length + bufferItems * 2 + 3;\n      setState({\n        virtualizerLength: totalLength,\n        virtualizerBufferSize: bufferSize,\n        virtualizerBufferItems: bufferItems,\n      });\n    },\n    [defaultItemSize, direction, getItemSize, numItems],\n  );\n\n  const resizeCallback = React.useCallback(\n    (\n      _entries: ResizeObserverEntry[],\n      _observer: ResizeObserver,\n      scrollRef?: React.MutableRefObject<HTMLElement | null>,\n    ) => {\n      if (scrollRef) {\n        handleScrollResize(scrollRef);\n      }\n    },\n    [handleScrollResize],\n  );\n\n  const scrollRef = useResizeObserverRef_unstable(resizeCallback);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!container.current) {\n      return;\n    }\n\n    const containerSize =\n      direction === 'vertical'\n        ? container.current?.getBoundingClientRect().height * 1.5\n        : container.current?.getBoundingClientRect().width * 1.5;\n\n    let couldBeSmaller = false;\n    let recheckTotal = 0;\n    for (let i = currentIndex; i < currentIndex + virtualizerLength; i++) {\n      const newItemSize = getItemSize(i);\n      recheckTotal += newItemSize;\n\n      const newLength = i - currentIndex;\n\n      const bufferItems = Math.max(Math.floor(newLength / 4), 2);\n      const totalNewLength = newLength + bufferItems * 2 + 4;\n      const compareLengths = totalNewLength < virtualizerLength;\n\n      if (recheckTotal > containerSize && compareLengths) {\n        couldBeSmaller = true;\n        break;\n      }\n    }\n\n    // Check if the render has caused us to need a re-calc of virtualizer length\n    if (recheckTotal < containerSize || couldBeSmaller) {\n      handleScrollResize(container);\n    }\n  }, [getItemSize, currentIndex, direction, virtualizerLength, resizeCallback, handleScrollResize]);\n\n  return {\n    virtualizerLength,\n    bufferItems: virtualizerBufferItems,\n    bufferSize: virtualizerBufferSize,\n    scrollRef,\n  };\n};\n"],"mappings":"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"}

package/lib/hooks/useResizeObserverRef.js

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { debounce } from '../utilities/debounce';
+import { canUseDOM } from '@fluentui/react-utilities';
+/**
+ * useResizeObserverRef_unstable simplifies resize observer connection and ensures debounce/cleanup
+ */
+export const useResizeObserverRef_unstable = resizeCallback => {
+  const container = React.useRef(null);
+  // the handler for resize observer
+  const handleResize = debounce((entries, observer) => {
+    resizeCallback(entries, observer, container);
+  });
+  // Keep the reference of ResizeObserver in the state, as it should live through renders
+  const [resizeObserver, setResizeObserver] = React.useState(() => canUseDOM() ? new ResizeObserver(handleResize) : undefined);
+  React.useEffect(() => {
+    // Update our state when resizeCallback changes
+    resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+    setResizeObserver(canUseDOM() ? new ResizeObserver(handleResize) : undefined);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [resizeCallback]);
+  React.useEffect(() => {
+    return () => {
+      resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const scrollRef = React.useCallback(instance => {
+    if (container.current !== instance) {
+      if (container.current) {
+        resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.unobserve(container.current);
+      }
+      container.current = instance;
+      if (container.current) {
+        resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(container.current);
+      }
+    }
+  }, [resizeObserver]);
+  return scrollRef;
+};
+//# sourceMappingURL=useResizeObserverRef.js.map

package/lib/hooks/useResizeObserverRef.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","debounce","canUseDOM","useResizeObserverRef_unstable","resizeCallback","container","useRef","handleResize","entries","observer","resizeObserver","setResizeObserver","useState","ResizeObserver","undefined","useEffect","disconnect","scrollRef","useCallback","instance","current","unobserve","observe"],"sources":["../../src/hooks/useResizeObserverRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { debounce } from '../utilities/debounce';\nimport { canUseDOM } from '@fluentui/react-utilities';\nimport { ResizeCallbackWithRef } from './hooks.types';\n\n/**\n * useResizeObserverRef_unstable simplifies resize observer connection and ensures debounce/cleanup\n */\nexport const useResizeObserverRef_unstable = (resizeCallback: ResizeCallbackWithRef) => {\n  const container = React.useRef<HTMLElement | null>(null);\n  // the handler for resize observer\n  const handleResize = debounce((entries: ResizeObserverEntry[], observer: ResizeObserver) => {\n    resizeCallback(entries, observer, container);\n  });\n\n  // Keep the reference of ResizeObserver in the state, as it should live through renders\n  const [resizeObserver, setResizeObserver] = React.useState(() =>\n    canUseDOM() ? new ResizeObserver(handleResize) : undefined,\n  );\n\n  React.useEffect(() => {\n    // Update our state when resizeCallback changes\n    resizeObserver?.disconnect();\n    setResizeObserver(canUseDOM() ? new ResizeObserver(handleResize) : undefined);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [resizeCallback]);\n\n  React.useEffect(() => {\n    return () => {\n      resizeObserver?.disconnect();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const scrollRef = React.useCallback(\n    (instance: HTMLElement | HTMLDivElement | null) => {\n      if (container.current !== instance) {\n        if (container.current) {\n          resizeObserver?.unobserve(container.current);\n        }\n\n        container.current = instance;\n        if (container.current) {\n          resizeObserver?.observe(container.current);\n        }\n      }\n    },\n    [resizeObserver],\n  );\n\n  return scrollRef;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAG1B;;;AAGA,OAAO,MAAMC,6BAAA,GAAiCC,cAAA,IAA0C;EACtF,MAAMC,SAAA,GAAYL,KAAA,CAAMM,MAAM,CAAqB,IAAI;EACvD;EACA,MAAMC,YAAA,GAAeN,QAAA,CAAS,CAACO,OAAA,EAAgCC,QAAA,KAA6B;IAC1FL,cAAA,CAAeI,OAAA,EAASC,QAAA,EAAUJ,SAAA;EACpC;EAEA;EACA,MAAM,CAACK,cAAA,EAAgBC,iBAAA,CAAkB,GAAGX,KAAA,CAAMY,QAAQ,CAAC,MACzDV,SAAA,KAAc,IAAIW,cAAA,CAAeN,YAAA,IAAgBO,SAAS;EAG5Dd,KAAA,CAAMe,SAAS,CAAC,MAAM;IACpB;IACAL,cAAA,aAAAA,cAAA,uBAAAA,cAAA,CAAgBM,UAAU;IAC1BL,iBAAA,CAAkBT,SAAA,KAAc,IAAIW,cAAA,CAAeN,YAAA,IAAgBO,SAAS;IAC5E;EACF,GAAG,CAACV,cAAA,CAAe;EAEnBJ,KAAA,CAAMe,SAAS,CAAC,MAAM;IACpB,OAAO,MAAM;MACXL,cAAA,aAAAA,cAAA,uBAAAA,cAAA,CAAgBM,UAAU;IAC5B;IACA;EACF,GAAG,EAAE;EAEL,MAAMC,SAAA,GAAYjB,KAAA,CAAMkB,WAAW,CAChCC,QAAA,IAAkD;IACjD,IAAId,SAAA,CAAUe,OAAO,KAAKD,QAAA,EAAU;MAClC,IAAId,SAAA,CAAUe,OAAO,EAAE;QACrBV,cAAA,aAAAA,cAAA,uBAAAA,cAAA,CAAgBW,SAAS,CAAChB,SAAA,CAAUe,OAAO;MAC7C;MAEAf,SAAA,CAAUe,OAAO,GAAGD,QAAA;MACpB,IAAId,SAAA,CAAUe,OAAO,EAAE;QACrBV,cAAA,aAAAA,cAAA,uBAAAA,cAAA,CAAgBY,OAAO,CAACjB,SAAA,CAAUe,OAAO;MAC3C;IACF;EACF,GACA,CAACV,cAAA,CAAe;EAGlB,OAAOO,SAAA;AACT"}

package/lib/hooks/useVirtualizerMeasure.js

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { canUseDOM } from '@fluentui/react-utilities';
-import { debounce } from '../utilities/debounce';
+import { useResizeObserverRef_unstable } from './useResizeObserverRef';
 /**
  * React hook that measures virtualized space based on a static size to ensure optimized virtualization length.
  */
@@ -19,13 +18,11 @@ export const useStaticVirtualizerMeasure = virtualizerProps => {
     bufferItems,
     bufferSize
   } = state;
-  // The ref the user sets on their scrollView - Defaults to document.body to ensure no null on init
-  const container = React.useRef(null);
-  const resizeCallback = () => {
-    if (!container.current) {
+  const resizeCallback = React.useCallback((_entries, _observer, scrollRef) => {
+    if (!(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)) {
       return;
     }
-    const containerSize = direction === 'vertical' ? container.current.getBoundingClientRect().height : container.current.getBoundingClientRect().width;
+    const containerSize = direction === 'vertical' ? scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current.getBoundingClientRect().height : scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current.getBoundingClientRect().width;
     /*
     * Number of items required to cover viewport.
     */
@@ -44,28 +41,8 @@ export const useStaticVirtualizerMeasure = virtualizerProps => {
       bufferItems: newBufferItems,
       bufferSize: newBufferSize
     });
-  };
-  // the handler for resize observer
-  const handleResize = debounce(resizeCallback);
-  // Keep the reference of ResizeObserver in the state, as it should live through renders
-  const [resizeObserver] = React.useState(canUseDOM() ? new ResizeObserver(handleResize) : undefined);
-  React.useEffect(() => {
-    return () => {
-      resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const scrollRef = React.useCallback(el => {
-    if (container.current !== el) {
-      if (container.current) {
-        resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.unobserve(container.current);
-      }
-      container.current = el;
-      if (container.current) {
-        resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(container.current);
-      }
-    }
-  }, [resizeObserver]);
+  }, [defaultItemSize, direction]);
+  const scrollRef = useResizeObserverRef_unstable(resizeCallback);
   return {
     virtualizerLength,
     bufferItems,