@fluentui/react-virtualizer 9.0.0-alpha.11 → 9.0.0-alpha.13

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

@@ -1 +1 @@
-{"version":3,"names":["useIntersectionObserver_1","require","react_1","react_utilities_1","react_dom_1","useVirtualizer_unstable","props","itemSize","numItems","virtualizerLength","children","renderChild","getItemSize","bufferItems","Math","round","bufferSize","floor","intersectionObserverRoot","axis","reversed","onUpdateIndex","onCalculateIndex","virtualizerStartIndex","setVirtualizerStartIndex","useState","beforeElementRef","useRef","afterElementRef","childSizes","Array","childProgressiveSizes","childArray","forceUpdate","useReducer","horizontal","populateSizeArrays","current","length","index","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","lastItemIndex","remainingItems","newIndex","actualIndex","end","i","setBeforeRef","useCallback","element","newList","push","setAfterRef","endIndex","didUpdate","newSize","prevSize","hasInitialized","initializeSizeArray","useEffect","isFullyInitialized","components","before","after","beforeContainer","afterContainer","virtualizedChildren","resolveShorthand","required","defaultProps","ref","role","beforeBufferHeight","afterBufferHeight","totalVirtualizerHeight","exports"],"sources":["../src/packages/react-components/react-virtualizer/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    intersectionObserverRoot,\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: intersectionObserverRoot ? intersectionObserverRoot?.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 = (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\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]);\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  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,"sources":["../../../lib/components/Virtualizer/useVirtualizer.js"],"sourcesContent":["import { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport { useEffect, useRef, useState, useCallback, useReducer } from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { flushSync } from 'react-dom';\nexport function useVirtualizer_unstable(props) {\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    intersectionObserverRoot,\n    axis = 'vertical',\n    reversed = false,\n    onUpdateIndex,\n    onCalculateIndex\n  } = props;\n  // Tracks the initial item to start virtualizer at, -1 implies first render cycle\n  const [virtualizerStartIndex, setVirtualizerStartIndex] = useState(-1);\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 */\n  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 batchUpdateNewIndex = index => {\n    // Local updates\n    onUpdateIndex === null || onUpdateIndex === void 0 ? void 0 : onUpdateIndex(index, virtualizerStartIndex);\n    updateChildRows(index);\n    updateCurrentItemSizes(index);\n    // State setters\n    setVirtualizerStartIndex(index);\n  };\n  // Observe intersections of virtualized components\n  const {\n    setObserverList\n  } = useIntersectionObserver((entries, observer) => {\n    /* Sanity check - do we even need virtualization? */if (virtualizerLength > numItems) {\n      if (virtualizerStartIndex !== 0) {\n        batchUpdateNewIndex(0);\n      }\n      // No-op\n      return;\n    }\n    /* IO initiates this function when needed (bookend entering view) */\n    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    let bufferedIndex = Math.max(startIndex - bufferCount, 0);\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    // Safety limits\n    const maxIndex = Math.max(numItems - virtualizerLength, 0);\n    const newStartIndex = Math.min(Math.max(bufferedIndex, 0), maxIndex);\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    root: intersectionObserverRoot ? intersectionObserverRoot === null || intersectionObserverRoot === void 0 ? void 0 : intersectionObserverRoot.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 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    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 = () => {\n    if (!getItemSize) {\n      return itemSize * numItems;\n    }\n    // Time for custom size calcs\n    return childProgressiveSizes.current[numItems - 1];\n  };\n  const calculateBefore = () => {\n    if (!getItemSize) {\n      // The missing items from before virtualization starts height\n      return virtualizerStartIndex * itemSize;\n    }\n    if (virtualizerStartIndex <= 0) {\n      return 0;\n    }\n    // Time for custom size calcs\n    return childProgressiveSizes.current[virtualizerStartIndex - 1];\n  };\n  const calculateAfter = () => {\n    if (numItems === 0) {\n      return 0;\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    // Time for custom size calcs\n    return childProgressiveSizes.current[numItems - 1] - childProgressiveSizes.current[lastItemIndex];\n  };\n  const updateChildRows = newIndex => {\n    if (numItems === 0) {\n      /* Nothing to virtualize */return [];\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    for (let i = actualIndex; i < end; i++) {\n      childArray.current[i - actualIndex] = renderChild(i);\n    }\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  }, [setObserverList]);\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  }, [setObserverList]);\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  // 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  // 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]);\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  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//# sourceMappingURL=useVirtualizer.js.map"],"names":["useVirtualizer_unstable","props","itemSize","numItems","virtualizerLength","children","renderChild","getItemSize","bufferItems","Math","round","bufferSize","floor","intersectionObserverRoot","axis","reversed","onUpdateIndex","onCalculateIndex","virtualizerStartIndex","setVirtualizerStartIndex","useState","beforeElementRef","useRef","afterElementRef","childSizes","Array","childProgressiveSizes","childArray","forceUpdate","useReducer","horizontal","populateSizeArrays","current","length","index","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","lastItemIndex","remainingItems","newIndex","actualIndex","end","i","setBeforeRef","useCallback","element","newList","push","setAfterRef","endIndex","didUpdate","newSize","prevSize","hasInitialized","initializeSizeArray","useEffect","isFullyInitialized","components","before","after","beforeContainer","afterContainer","virtualizedChildren","resolveShorthand","required","defaultProps","ref","role","beforeBufferHeight","afterBufferHeight","totalVirtualizerHeight"],"mappings":"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"}

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

@@ -1,115 +1,120 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    virtualizerClassNames: ()=>virtualizerClassNames,
+    useVirtualizerStyles_unstable: ()=>useVirtualizerStyles_unstable
 });
-exports.useVirtualizerStyles_unstable = exports.virtualizerClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
+const _react = require("@griffel/react");
 const virtualizerClassName = 'fui-Virtualizer';
-exports.virtualizerClassNames = {
-  before: `${virtualizerClassName}__before`,
-  beforeContainer: `${virtualizerClassName}__beforeContainer`,
-  after: `${virtualizerClassName}__after`,
-  afterContainer: `${virtualizerClassName}__afterContainer`
+const virtualizerClassNames = {
+    before: `${virtualizerClassName}__before`,
+    beforeContainer: `${virtualizerClassName}__beforeContainer`,
+    after: `${virtualizerClassName}__after`,
+    afterContainer: `${virtualizerClassName}__afterContainer`
 };
-const useStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    mc9l5x: "ftgm304",
-    Bkecrkj: "f1aehjj5"
-  },
-  relative: {
-    qhf8xq: "f10pi13n"
-  },
-  horizontal: {
-    sshi5w: "fan4evk"
-  },
-  vertical: {
-    Bf4jedk: "f11qra4b"
-  }
+const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        mc9l5x: "ftgm304",
+        Bkecrkj: "f1aehjj5"
+    },
+    relative: {
+        qhf8xq: "f10pi13n"
+    },
+    horizontal: {
+        sshi5w: "fan4evk"
+    },
+    vertical: {
+        Bf4jedk: "f11qra4b"
+    }
 }, {
-  d: [".ftgm304{display:block;}", ".f1aehjj5{pointer-events:none;}", ".f10pi13n{position:relative;}", ".fan4evk{min-height:100%;}", ".f11qra4b{min-width:100%;}"]
+    d: [
+        ".ftgm304{display:block;}",
+        ".f1aehjj5{pointer-events:none;}",
+        ".f10pi13n{position:relative;}",
+        ".fan4evk{min-height:100%;}",
+        ".f11qra4b{min-width:100%;}"
+    ]
 });
-/**
- * Apply styling to the Virtualizer states
- */
-const useVirtualizerStyles_unstable = state => {
-  const styles = useStyles();
-  const {
-    reversed,
-    axis,
-    beforeBufferHeight,
-    afterBufferHeight,
-    bufferSize
-  } = state;
-  const horizontal = axis === 'horizontal';
-  state.before.className = react_1.mergeClasses(exports.virtualizerClassNames.before, styles.base, styles.relative, horizontal ? styles.horizontal : styles.vertical, state.before.className);
-  state.after.className = react_1.mergeClasses(exports.virtualizerClassNames.after, styles.base, styles.relative, horizontal ? styles.horizontal : styles.vertical, state.after.className);
-  state.beforeContainer.className = react_1.mergeClasses(exports.virtualizerClassNames.beforeContainer, styles.base, horizontal ? styles.horizontal : styles.vertical, state.beforeContainer.className);
-  state.afterContainer.className = react_1.mergeClasses(exports.virtualizerClassNames.afterContainer, styles.base, horizontal ? styles.horizontal : styles.vertical, state.afterContainer.className);
-  const beforeHeightPx = beforeBufferHeight + 'px';
-  const afterHeightPx = afterBufferHeight + 'px';
-  const beforeBufferHeightPx = beforeBufferHeight + bufferSize + 'px';
-  const afterBufferHeightPx = afterBufferHeight + bufferSize + 'px';
-  const bufferPx = bufferSize + 'px';
-  const beforeBuffer = {
-    // Column
-    ...(!reversed && !horizontal && {
-      marginBottom: `-${bufferPx}`
-    }),
-    // Column-Reverse
-    ...(reversed && !horizontal && {
-      marginTop: `-${bufferPx}`
-    }),
-    // Row
-    ...(!reversed && horizontal && {
-      marginLeft: `-${bufferPx}`
-    }),
-    // Row-Reverse
-    ...(reversed && horizontal && {
-      marginRight: `-${bufferPx}`
-    })
-  };
-  const afterBuffer = {
-    // Column
-    ...(!reversed && !horizontal && {
-      marginTop: `-${bufferPx}`
-    }),
-    // Column-Reverse
-    ...(reversed && !horizontal && {
-      marginBottom: `-${bufferPx}`
-    }),
-    // Row
-    ...(!reversed && horizontal && {
-      marginLeft: `-${bufferPx}`
-    }),
-    // Row-Reverse
-    ...(reversed && horizontal && {
-      marginRight: `-${bufferPx}`
-    })
-  };
-  state.before.style = {
-    height: horizontal ? '100%' : beforeBufferHeightPx,
-    width: horizontal ? beforeBufferHeightPx : '100%',
-    ...beforeBuffer,
-    ...state.before.style
-  };
-  state.beforeContainer.style = {
-    height: horizontal ? 'auto' : beforeHeightPx,
-    width: horizontal ? beforeHeightPx : 'auto',
-    ...state.beforeContainer.style
-  };
-  state.after.style = {
-    height: horizontal ? '100%' : afterBufferHeightPx,
-    width: horizontal ? afterBufferHeightPx : '100%',
-    ...afterBuffer,
-    ...state.after.style
-  };
-  state.afterContainer.style = {
-    height: horizontal ? 'auto' : afterHeightPx,
-    width: horizontal ? afterHeightPx : 'auto',
-    ...state.afterContainer.style
-  };
-  return state;
-};
-exports.useVirtualizerStyles_unstable = useVirtualizerStyles_unstable;
+const useVirtualizerStyles_unstable = (state)=>{
+    const styles = useStyles();
+    const { reversed , axis , beforeBufferHeight , afterBufferHeight , bufferSize  } = state;
+    const horizontal = axis === 'horizontal';
+    state.before.className = (0, _react.mergeClasses)(virtualizerClassNames.before, styles.base, styles.relative, horizontal ? styles.horizontal : styles.vertical, state.before.className);
+    state.after.className = (0, _react.mergeClasses)(virtualizerClassNames.after, styles.base, styles.relative, horizontal ? styles.horizontal : styles.vertical, state.after.className);
+    state.beforeContainer.className = (0, _react.mergeClasses)(virtualizerClassNames.beforeContainer, styles.base, horizontal ? styles.horizontal : styles.vertical, state.beforeContainer.className);
+    state.afterContainer.className = (0, _react.mergeClasses)(virtualizerClassNames.afterContainer, styles.base, horizontal ? styles.horizontal : styles.vertical, state.afterContainer.className);
+    const beforeHeightPx = beforeBufferHeight + 'px';
+    const afterHeightPx = afterBufferHeight + 'px';
+    const beforeBufferHeightPx = beforeBufferHeight + bufferSize + 'px';
+    const afterBufferHeightPx = afterBufferHeight + bufferSize + 'px';
+    const bufferPx = bufferSize + 'px';
+    const beforeBuffer = {
+        // Column
+        ...!reversed && !horizontal && {
+            marginBottom: `-${bufferPx}`
+        },
+        // Column-Reverse
+        ...reversed && !horizontal && {
+            marginTop: `-${bufferPx}`
+        },
+        // Row
+        ...!reversed && horizontal && {
+            marginLeft: `-${bufferPx}`
+        },
+        // Row-Reverse
+        ...reversed && horizontal && {
+            marginRight: `-${bufferPx}`
+        }
+    };
+    const afterBuffer = {
+        // Column
+        ...!reversed && !horizontal && {
+            marginTop: `-${bufferPx}`
+        },
+        // Column-Reverse
+        ...reversed && !horizontal && {
+            marginBottom: `-${bufferPx}`
+        },
+        // Row
+        ...!reversed && horizontal && {
+            marginLeft: `-${bufferPx}`
+        },
+        // Row-Reverse
+        ...reversed && horizontal && {
+            marginRight: `-${bufferPx}`
+        }
+    };
+    state.before.style = {
+        height: horizontal ? '100%' : beforeBufferHeightPx,
+        width: horizontal ? beforeBufferHeightPx : '100%',
+        ...beforeBuffer,
+        ...state.before.style
+    };
+    state.beforeContainer.style = {
+        height: horizontal ? 'auto' : beforeHeightPx,
+        width: horizontal ? beforeHeightPx : 'auto',
+        ...state.beforeContainer.style
+    };
+    state.after.style = {
+        height: horizontal ? '100%' : afterBufferHeightPx,
+        width: horizontal ? afterBufferHeightPx : '100%',
+        ...afterBuffer,
+        ...state.after.style
+    };
+    state.afterContainer.style = {
+        height: horizontal ? 'auto' : afterHeightPx,
+        width: horizontal ? afterHeightPx : 'auto',
+        ...state.afterContainer.style
+    };
+    return state;
+}; //# sourceMappingURL=useVirtualizerStyles.js.map
+
 //# sourceMappingURL=useVirtualizerStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","virtualizerClassName","exports","virtualizerClassNames","before","beforeContainer","after","afterContainer","useStyles","__styles","base","mc9l5x","Bkecrkj","relative","qhf8xq","horizontal","sshi5w","vertical","Bf4jedk","d","useVirtualizerStyles_unstable","state","styles","reversed","axis","beforeBufferHeight","afterBufferHeight","bufferSize","className","mergeClasses","beforeHeightPx","afterHeightPx","beforeBufferHeightPx","afterBufferHeightPx","bufferPx","beforeBuffer","marginBottom","marginTop","marginLeft","marginRight","afterBuffer","style","height","width"],"sources":["../src/packages/react-components/react-virtualizer/src/components/Virtualizer/useVirtualizerStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { VirtualizerSlots, VirtualizerState } from './Virtualizer.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nconst virtualizerClassName = 'fui-Virtualizer';\nexport const virtualizerClassNames: SlotClassNames<VirtualizerSlots> = {\n  before: `${virtualizerClassName}__before`,\n  beforeContainer: `${virtualizerClassName}__beforeContainer`,\n  after: `${virtualizerClassName}__after`,\n  afterContainer: `${virtualizerClassName}__afterContainer`,\n};\n\nconst useStyles = makeStyles({\n  base: {\n    display: 'block',\n    pointerEvents: 'none',\n  },\n  relative: {\n    position: 'relative',\n  },\n  horizontal: {\n    minHeight: '100%',\n  },\n  vertical: {\n    minWidth: '100%',\n  },\n});\n\n/**\n * Apply styling to the Virtualizer states\n */\nexport const useVirtualizerStyles_unstable = (state: VirtualizerState): VirtualizerState => {\n  const styles = useStyles();\n  const { reversed, axis, beforeBufferHeight, afterBufferHeight, bufferSize } = state;\n  const horizontal = axis === 'horizontal';\n\n  state.before.className = mergeClasses(\n    virtualizerClassNames.before,\n    styles.base,\n    styles.relative,\n    horizontal ? styles.horizontal : styles.vertical,\n    state.before.className,\n  );\n\n  state.after.className = mergeClasses(\n    virtualizerClassNames.after,\n    styles.base,\n    styles.relative,\n    horizontal ? styles.horizontal : styles.vertical,\n    state.after.className,\n  );\n\n  state.beforeContainer.className = mergeClasses(\n    virtualizerClassNames.beforeContainer,\n    styles.base,\n    horizontal ? styles.horizontal : styles.vertical,\n    state.beforeContainer.className,\n  );\n\n  state.afterContainer.className = mergeClasses(\n    virtualizerClassNames.afterContainer,\n    styles.base,\n    horizontal ? styles.horizontal : styles.vertical,\n    state.afterContainer.className,\n  );\n\n  const beforeHeightPx = beforeBufferHeight + 'px';\n  const afterHeightPx = afterBufferHeight + 'px';\n  const beforeBufferHeightPx = beforeBufferHeight + bufferSize + 'px';\n  const afterBufferHeightPx = afterBufferHeight + bufferSize + 'px';\n  const bufferPx = bufferSize + 'px';\n\n  const beforeBuffer = {\n    // Column\n    ...(!reversed && !horizontal && { marginBottom: `-${bufferPx}` }),\n    // Column-Reverse\n    ...(reversed && !horizontal && { marginTop: `-${bufferPx}` }),\n    // Row\n    ...(!reversed && horizontal && { marginLeft: `-${bufferPx}` }),\n    // Row-Reverse\n    ...(reversed && horizontal && { marginRight: `-${bufferPx}` }),\n  };\n\n  const afterBuffer = {\n    // Column\n    ...(!reversed && !horizontal && { marginTop: `-${bufferPx}` }),\n    // Column-Reverse\n    ...(reversed && !horizontal && { marginBottom: `-${bufferPx}` }),\n    // Row\n    ...(!reversed && horizontal && { marginLeft: `-${bufferPx}` }),\n    // Row-Reverse\n    ...(reversed && horizontal && { marginRight: `-${bufferPx}` }),\n  };\n\n  state.before.style = {\n    height: horizontal ? '100%' : beforeBufferHeightPx,\n    width: horizontal ? beforeBufferHeightPx : '100%',\n    ...beforeBuffer,\n    ...state.before.style,\n  };\n\n  state.beforeContainer.style = {\n    height: horizontal ? 'auto' : beforeHeightPx,\n    width: horizontal ? beforeHeightPx : 'auto',\n    ...state.beforeContainer.style,\n  };\n\n  state.after.style = {\n    height: horizontal ? '100%' : afterBufferHeightPx,\n    width: horizontal ? afterBufferHeightPx : '100%',\n    ...afterBuffer,\n    ...state.after.style,\n  };\n\n  state.afterContainer.style = {\n    height: horizontal ? 'auto' : afterHeightPx,\n    width: horizontal ? afterHeightPx : 'auto',\n    ...state.afterContainer.style,\n  };\n\n  return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAIA,MAAMC,oBAAoB,GAAG,iBAAiB;AACjCC,OAAA,CAAAC,qBAAqB,GAAqC;EACrEC,MAAM,EAAE,GAAGH,oBAAoB,UAAU;EACzCI,eAAe,EAAE,GAAGJ,oBAAoB,mBAAmB;EAC3DK,KAAK,EAAE,GAAGL,oBAAoB,SAAS;EACvCM,cAAc,EAAE,GAAGN,oBAAoB;CACxC;AAED,MAAMO,SAAS,gBAAGT,OAAA,CAAAU,QAAU;EAAAC,IAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,MAAA;EAAA;EAAAC,UAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAc1B;AAEF;;;AAGO,MAAMC,6BAA6B,GAAIC,KAAuB,IAAsB;EACzF,MAAMC,MAAM,GAAGd,SAAS,EAAE;EAC1B,MAAM;IAAEe,QAAQ;IAAEC,IAAI;IAAEC,kBAAkB;IAAEC,iBAAiB;IAAEC;EAAU,CAAE,GAAGN,KAAK;EACnF,MAAMN,UAAU,GAAGS,IAAI,KAAK,YAAY;EAExCH,KAAK,CAACjB,MAAM,CAACwB,SAAS,GAAG7B,OAAA,CAAA8B,YAAY,CACnC3B,OAAA,CAAAC,qBAAqB,CAACC,MAAM,EAC5BkB,MAAM,CAACZ,IAAI,EACXY,MAAM,CAACT,QAAQ,EACfE,UAAU,GAAGO,MAAM,CAACP,UAAU,GAAGO,MAAM,CAACL,QAAQ,EAChDI,KAAK,CAACjB,MAAM,CAACwB,SAAS,CACvB;EAEDP,KAAK,CAACf,KAAK,CAACsB,SAAS,GAAG7B,OAAA,CAAA8B,YAAY,CAClC3B,OAAA,CAAAC,qBAAqB,CAACG,KAAK,EAC3BgB,MAAM,CAACZ,IAAI,EACXY,MAAM,CAACT,QAAQ,EACfE,UAAU,GAAGO,MAAM,CAACP,UAAU,GAAGO,MAAM,CAACL,QAAQ,EAChDI,KAAK,CAACf,KAAK,CAACsB,SAAS,CACtB;EAEDP,KAAK,CAAChB,eAAe,CAACuB,SAAS,GAAG7B,OAAA,CAAA8B,YAAY,CAC5C3B,OAAA,CAAAC,qBAAqB,CAACE,eAAe,EACrCiB,MAAM,CAACZ,IAAI,EACXK,UAAU,GAAGO,MAAM,CAACP,UAAU,GAAGO,MAAM,CAACL,QAAQ,EAChDI,KAAK,CAAChB,eAAe,CAACuB,SAAS,CAChC;EAEDP,KAAK,CAACd,cAAc,CAACqB,SAAS,GAAG7B,OAAA,CAAA8B,YAAY,CAC3C3B,OAAA,CAAAC,qBAAqB,CAACI,cAAc,EACpCe,MAAM,CAACZ,IAAI,EACXK,UAAU,GAAGO,MAAM,CAACP,UAAU,GAAGO,MAAM,CAACL,QAAQ,EAChDI,KAAK,CAACd,cAAc,CAACqB,SAAS,CAC/B;EAED,MAAME,cAAc,GAAGL,kBAAkB,GAAG,IAAI;EAChD,MAAMM,aAAa,GAAGL,iBAAiB,GAAG,IAAI;EAC9C,MAAMM,oBAAoB,GAAGP,kBAAkB,GAAGE,UAAU,GAAG,IAAI;EACnE,MAAMM,mBAAmB,GAAGP,iBAAiB,GAAGC,UAAU,GAAG,IAAI;EACjE,MAAMO,QAAQ,GAAGP,UAAU,GAAG,IAAI;EAElC,MAAMQ,YAAY,GAAG;IACnB;IACA,IAAI,CAACZ,QAAQ,IAAI,CAACR,UAAU,IAAI;MAAEqB,YAAY,EAAE,IAAIF,QAAQ;IAAE,CAAE,CAAC;IACjE;IACA,IAAIX,QAAQ,IAAI,CAACR,UAAU,IAAI;MAAEsB,SAAS,EAAE,IAAIH,QAAQ;IAAE,CAAE,CAAC;IAC7D;IACA,IAAI,CAACX,QAAQ,IAAIR,UAAU,IAAI;MAAEuB,UAAU,EAAE,IAAIJ,QAAQ;IAAE,CAAE,CAAC;IAC9D;IACA,IAAIX,QAAQ,IAAIR,UAAU,IAAI;MAAEwB,WAAW,EAAE,IAAIL,QAAQ;IAAE,CAAE;GAC9D;EAED,MAAMM,WAAW,GAAG;IAClB;IACA,IAAI,CAACjB,QAAQ,IAAI,CAACR,UAAU,IAAI;MAAEsB,SAAS,EAAE,IAAIH,QAAQ;IAAE,CAAE,CAAC;IAC9D;IACA,IAAIX,QAAQ,IAAI,CAACR,UAAU,IAAI;MAAEqB,YAAY,EAAE,IAAIF,QAAQ;IAAE,CAAE,CAAC;IAChE;IACA,IAAI,CAACX,QAAQ,IAAIR,UAAU,IAAI;MAAEuB,UAAU,EAAE,IAAIJ,QAAQ;IAAE,CAAE,CAAC;IAC9D;IACA,IAAIX,QAAQ,IAAIR,UAAU,IAAI;MAAEwB,WAAW,EAAE,IAAIL,QAAQ;IAAE,CAAE;GAC9D;EAEDb,KAAK,CAACjB,MAAM,CAACqC,KAAK,GAAG;IACnBC,MAAM,EAAE3B,UAAU,GAAG,MAAM,GAAGiB,oBAAoB;IAClDW,KAAK,EAAE5B,UAAU,GAAGiB,oBAAoB,GAAG,MAAM;IACjD,GAAGG,YAAY;IACf,GAAGd,KAAK,CAACjB,MAAM,CAACqC;GACjB;EAEDpB,KAAK,CAAChB,eAAe,CAACoC,KAAK,GAAG;IAC5BC,MAAM,EAAE3B,UAAU,GAAG,MAAM,GAAGe,cAAc;IAC5Ca,KAAK,EAAE5B,UAAU,GAAGe,cAAc,GAAG,MAAM;IAC3C,GAAGT,KAAK,CAAChB,eAAe,CAACoC;GAC1B;EAEDpB,KAAK,CAACf,KAAK,CAACmC,KAAK,GAAG;IAClBC,MAAM,EAAE3B,UAAU,GAAG,MAAM,GAAGkB,mBAAmB;IACjDU,KAAK,EAAE5B,UAAU,GAAGkB,mBAAmB,GAAG,MAAM;IAChD,GAAGO,WAAW;IACd,GAAGnB,KAAK,CAACf,KAAK,CAACmC;GAChB;EAEDpB,KAAK,CAACd,cAAc,CAACkC,KAAK,GAAG;IAC3BC,MAAM,EAAE3B,UAAU,GAAG,MAAM,GAAGgB,aAAa;IAC3CY,KAAK,EAAE5B,UAAU,GAAGgB,aAAa,GAAG,MAAM;IAC1C,GAAGV,KAAK,CAACd,cAAc,CAACkC;GACzB;EAED,OAAOpB,KAAK;AACd,CAAC;AA1FYnB,OAAA,CAAAkB,6BAA6B,GAAAA,6BAAA"}
+{"version":3,"sources":["../../../lib/components/Virtualizer/useVirtualizerStyles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nconst virtualizerClassName = 'fui-Virtualizer';\nexport const virtualizerClassNames = {\n  before: `${virtualizerClassName}__before`,\n  beforeContainer: `${virtualizerClassName}__beforeContainer`,\n  after: `${virtualizerClassName}__after`,\n  afterContainer: `${virtualizerClassName}__afterContainer`\n};\nconst useStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"ftgm304\",\n    Bkecrkj: \"f1aehjj5\"\n  },\n  relative: {\n    qhf8xq: \"f10pi13n\"\n  },\n  horizontal: {\n    sshi5w: \"fan4evk\"\n  },\n  vertical: {\n    Bf4jedk: \"f11qra4b\"\n  }\n}, {\n  d: [\".ftgm304{display:block;}\", \".f1aehjj5{pointer-events:none;}\", \".f10pi13n{position:relative;}\", \".fan4evk{min-height:100%;}\", \".f11qra4b{min-width:100%;}\"]\n});\n/**\n * Apply styling to the Virtualizer states\n */\nexport const useVirtualizerStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    reversed,\n    axis,\n    beforeBufferHeight,\n    afterBufferHeight,\n    bufferSize\n  } = state;\n  const horizontal = axis === 'horizontal';\n  state.before.className = mergeClasses(virtualizerClassNames.before, styles.base, styles.relative, horizontal ? styles.horizontal : styles.vertical, state.before.className);\n  state.after.className = mergeClasses(virtualizerClassNames.after, styles.base, styles.relative, horizontal ? styles.horizontal : styles.vertical, state.after.className);\n  state.beforeContainer.className = mergeClasses(virtualizerClassNames.beforeContainer, styles.base, horizontal ? styles.horizontal : styles.vertical, state.beforeContainer.className);\n  state.afterContainer.className = mergeClasses(virtualizerClassNames.afterContainer, styles.base, horizontal ? styles.horizontal : styles.vertical, state.afterContainer.className);\n  const beforeHeightPx = beforeBufferHeight + 'px';\n  const afterHeightPx = afterBufferHeight + 'px';\n  const beforeBufferHeightPx = beforeBufferHeight + bufferSize + 'px';\n  const afterBufferHeightPx = afterBufferHeight + bufferSize + 'px';\n  const bufferPx = bufferSize + 'px';\n  const beforeBuffer = {\n    // Column\n    ...(!reversed && !horizontal && {\n      marginBottom: `-${bufferPx}`\n    }),\n    // Column-Reverse\n    ...(reversed && !horizontal && {\n      marginTop: `-${bufferPx}`\n    }),\n    // Row\n    ...(!reversed && horizontal && {\n      marginLeft: `-${bufferPx}`\n    }),\n    // Row-Reverse\n    ...(reversed && horizontal && {\n      marginRight: `-${bufferPx}`\n    })\n  };\n  const afterBuffer = {\n    // Column\n    ...(!reversed && !horizontal && {\n      marginTop: `-${bufferPx}`\n    }),\n    // Column-Reverse\n    ...(reversed && !horizontal && {\n      marginBottom: `-${bufferPx}`\n    }),\n    // Row\n    ...(!reversed && horizontal && {\n      marginLeft: `-${bufferPx}`\n    }),\n    // Row-Reverse\n    ...(reversed && horizontal && {\n      marginRight: `-${bufferPx}`\n    })\n  };\n  state.before.style = {\n    height: horizontal ? '100%' : beforeBufferHeightPx,\n    width: horizontal ? beforeBufferHeightPx : '100%',\n    ...beforeBuffer,\n    ...state.before.style\n  };\n  state.beforeContainer.style = {\n    height: horizontal ? 'auto' : beforeHeightPx,\n    width: horizontal ? beforeHeightPx : 'auto',\n    ...state.beforeContainer.style\n  };\n  state.after.style = {\n    height: horizontal ? '100%' : afterBufferHeightPx,\n    width: horizontal ? afterBufferHeightPx : '100%',\n    ...afterBuffer,\n    ...state.after.style\n  };\n  state.afterContainer.style = {\n    height: horizontal ? 'auto' : afterHeightPx,\n    width: horizontal ? afterHeightPx : 'auto',\n    ...state.afterContainer.style\n  };\n  return state;\n};\n//# sourceMappingURL=useVirtualizerStyles.js.map"],"names":["virtualizerClassNames","useVirtualizerStyles_unstable","virtualizerClassName","before","beforeContainer","after","afterContainer","useStyles","__styles","base","mc9l5x","Bkecrkj","relative","qhf8xq","horizontal","sshi5w","vertical","Bf4jedk","d","state","styles","reversed","axis","beforeBufferHeight","afterBufferHeight","bufferSize","className","mergeClasses","beforeHeightPx","afterHeightPx","beforeBufferHeightPx","afterBufferHeightPx","bufferPx","beforeBuffer","marginBottom","marginTop","marginLeft","marginRight","afterBuffer","style","height","width"],"mappings":"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"}

package/lib-commonjs/hooks/index.js

@@ -1,8 +1,9 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./useIntersectionObserver"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./useIntersectionObserver"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-virtualizer/src/hooks/index.ts"],"sourcesContent":["export * from './useIntersectionObserver';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,+BAAAC,OAAA"}
+{"version":3,"sources":["../../lib/hooks/index.js"],"sourcesContent":["export * from './useIntersectionObserver';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,iCAAiC"}

package/lib-commonjs/hooks/useIntersectionObserver.js

@@ -1,59 +1,54 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useIntersectionObserver", {
+    enumerable: true,
+    get: ()=>useIntersectionObserver
 });
-exports.useIntersectionObserver = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const {
-  useState,
-  useRef
-} = React;
-/**
- * React hook that allows easy usage of the browser API IntersectionObserver within React
- * @param callback - A function called when the percentage of the target element is visible crosses a threshold.
- * @param options - An optional object which customizes the observer. If options isn't specified, the observer uses the
- * document's viewport as the root, with no margin, and a 0% threshold (meaning that even a one-pixel change is
- * enough to trigger a callback).
- * @returns An array containing a callback to update the list of Elements the observer should listen to, a callback to
- * update the init options of the IntersectionObserver and a ref to the IntersectionObserver instance itself.
- */
-const useIntersectionObserver = (callback, options) => {
-  // export const useIntersectionObserver = (
-  //   callback: IntersectionObserverCallback,
-  //   options?: IntersectionObserverInit,
-  // ): [
-  //   Dispatch<SetStateAction<Element[] | undefined>>,
-  //   Dispatch<SetStateAction<IntersectionObserverInit | undefined>>,
-  //   MutableRefObject<IntersectionObserver | undefined>,
-  // ] => {
-  const observer = useRef();
-  const [observerList, setObserverList] = useState();
-  const [observerInit, setObserverInit] = useState(options);
-  // Observer elements in passed in list and clean up previous list
-  // This effect is only triggered when observerList is updated
-  react_utilities_1.useIsomorphicLayoutEffect(() => {
-    observer.current = new IntersectionObserver(callback, observerInit);
-    // If we have an instance of IO and a list with elements, observer the elements
-    if (observer.current && observerList && observerList.length > 0) {
-      observerList.forEach(element => {
-        var _a;
-        (_a = observer.current) === null || _a === void 0 ? void 0 : _a.observe(element);
-      });
-    }
-    // clean up previous elements being listened to
-    return () => {
-      if (observer.current) {
-        observer.current.disconnect();
-      }
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const { useState , useRef  } = _react;
+const useIntersectionObserver = (callback, options)=>{
+    // export const useIntersectionObserver = (
+    //   callback: IntersectionObserverCallback,
+    //   options?: IntersectionObserverInit,
+    // ): [
+    //   Dispatch<SetStateAction<Element[] | undefined>>,
+    //   Dispatch<SetStateAction<IntersectionObserverInit | undefined>>,
+    //   MutableRefObject<IntersectionObserver | undefined>,
+    // ] => {
+    const observer = useRef();
+    const [observerList, setObserverList] = useState();
+    const [observerInit, setObserverInit] = useState(options);
+    // Observer elements in passed in list and clean up previous list
+    // This effect is only triggered when observerList is updated
+    (0, _reactUtilities.useIsomorphicLayoutEffect)(()=>{
+        observer.current = new IntersectionObserver(callback, observerInit);
+        // If we have an instance of IO and a list with elements, observer the elements
+        if (observer.current && observerList && observerList.length > 0) {
+            observerList.forEach((element)=>{
+                var _observer_current;
+                (_observer_current = observer.current) === null || _observer_current === void 0 ? void 0 : _observer_current.observe(element);
+            });
+        }
+        // clean up previous elements being listened to
+        return ()=>{
+            if (observer.current) {
+                observer.current.disconnect();
+            }
+        };
+    }, [
+        observerList,
+        observerInit,
+        callback
+    ]);
+    return {
+        setObserverList,
+        setObserverInit,
+        observer
     };
-  }, [observerList, observerInit, callback]);
-  return {
-    setObserverList,
-    setObserverInit,
-    observer
-  };
-};
-exports.useIntersectionObserver = useIntersectionObserver;
+}; //# sourceMappingURL=useIntersectionObserver.js.map
+
 //# sourceMappingURL=useIntersectionObserver.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","useState","useRef","useIntersectionObserver","callback","options","observer","observerList","setObserverList","observerInit","setObserverInit","useIsomorphicLayoutEffect","current","IntersectionObserver","length","forEach","element","_a","observe","disconnect","exports"],"sources":["../src/packages/react-components/react-virtualizer/src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import type { Dispatch, MutableRefObject, SetStateAction } from 'react';\nimport * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\n\nconst { useState, useRef } = React;\n\n/**\n * React hook that allows easy usage of the browser API IntersectionObserver within React\n * @param callback - A function called when the percentage of the target element is visible crosses a threshold.\n * @param options - An optional object which customizes the observer. If options isn't specified, the observer uses the\n * document's viewport as the root, with no margin, and a 0% threshold (meaning that even a one-pixel change is\n * enough to trigger a callback).\n * @returns An array containing a callback to update the list of Elements the observer should listen to, a callback to\n * update the init options of the IntersectionObserver and a ref to the IntersectionObserver instance itself.\n */\n\nexport const useIntersectionObserver = (\n  callback: IntersectionObserverCallback,\n  options?: IntersectionObserverInit,\n): {\n  setObserverList: Dispatch<SetStateAction<Element[] | undefined>>;\n  setObserverInit: Dispatch<SetStateAction<IntersectionObserverInit | undefined>>;\n  observer: MutableRefObject<IntersectionObserver | undefined>;\n} => {\n  // export const useIntersectionObserver = (\n  //   callback: IntersectionObserverCallback,\n  //   options?: IntersectionObserverInit,\n  // ): [\n  //   Dispatch<SetStateAction<Element[] | undefined>>,\n  //   Dispatch<SetStateAction<IntersectionObserverInit | undefined>>,\n  //   MutableRefObject<IntersectionObserver | undefined>,\n  // ] => {\n  const observer = useRef<IntersectionObserver>();\n  const [observerList, setObserverList] = useState<Element[]>();\n  const [observerInit, setObserverInit] = useState<IntersectionObserverInit | undefined>(options);\n\n  // Observer elements in passed in list and clean up previous list\n  // This effect is only triggered when observerList is updated\n  useIsomorphicLayoutEffect(() => {\n    observer.current = new IntersectionObserver(callback, observerInit);\n\n    // If we have an instance of IO and a list with elements, observer the elements\n    if (observer.current && observerList && observerList.length > 0) {\n      observerList.forEach(element => {\n        observer.current?.observe(element);\n      });\n    }\n\n    // clean up previous elements being listened to\n    return () => {\n      if (observer.current) {\n        observer.current.disconnect();\n      }\n    };\n  }, [observerList, observerInit, callback]);\n\n  return { setObserverList, setObserverInit, observer };\n};\n"],"mappings":";;;;;;AACA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAEA,MAAM;EAAEE,QAAQ;EAAEC;AAAM,CAAE,GAAGJ,KAAK;AAElC;;;;;;;;;AAUO,MAAMK,uBAAuB,GAAGA,CACrCC,QAAsC,EACtCC,OAAkC,KAKhC;EACF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAMC,QAAQ,GAAGJ,MAAM,EAAwB;EAC/C,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GAAGP,QAAQ,EAAa;EAC7D,MAAM,CAACQ,YAAY,EAAEC,eAAe,CAAC,GAAGT,QAAQ,CAAuCI,OAAO,CAAC;EAE/F;EACA;EACAL,iBAAA,CAAAW,yBAAyB,CAAC,MAAK;IAC7BL,QAAQ,CAACM,OAAO,GAAG,IAAIC,oBAAoB,CAACT,QAAQ,EAAEK,YAAY,CAAC;IAEnE;IACA,IAAIH,QAAQ,CAACM,OAAO,IAAIL,YAAY,IAAIA,YAAY,CAACO,MAAM,GAAG,CAAC,EAAE;MAC/DP,YAAY,CAACQ,OAAO,CAACC,OAAO,IAAG;;QAC7B,CAAAC,EAAA,GAAAX,QAAQ,CAACM,OAAO,cAAAK,EAAA,uBAAAA,EAAA,CAAEC,OAAO,CAACF,OAAO,CAAC;MACpC,CAAC,CAAC;;IAGJ;IACA,OAAO,MAAK;MACV,IAAIV,QAAQ,CAACM,OAAO,EAAE;QACpBN,QAAQ,CAACM,OAAO,CAACO,UAAU,EAAE;;IAEjC,CAAC;EACH,CAAC,EAAE,CAACZ,YAAY,EAAEE,YAAY,EAAEL,QAAQ,CAAC,CAAC;EAE1C,OAAO;IAAEI,eAAe;IAAEE,eAAe;IAAEJ;EAAQ,CAAE;AACvD,CAAC;AAzCYc,OAAA,CAAAjB,uBAAuB,GAAAA,uBAAA"}
+{"version":3,"sources":["../../lib/hooks/useIntersectionObserver.js"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nconst {\n  useState,\n  useRef\n} = React;\n/**\n * React hook that allows easy usage of the browser API IntersectionObserver within React\n * @param callback - A function called when the percentage of the target element is visible crosses a threshold.\n * @param options - An optional object which customizes the observer. If options isn't specified, the observer uses the\n * document's viewport as the root, with no margin, and a 0% threshold (meaning that even a one-pixel change is\n * enough to trigger a callback).\n * @returns An array containing a callback to update the list of Elements the observer should listen to, a callback to\n * update the init options of the IntersectionObserver and a ref to the IntersectionObserver instance itself.\n */\nexport const useIntersectionObserver = (callback, options) => {\n  // export const useIntersectionObserver = (\n  //   callback: IntersectionObserverCallback,\n  //   options?: IntersectionObserverInit,\n  // ): [\n  //   Dispatch<SetStateAction<Element[] | undefined>>,\n  //   Dispatch<SetStateAction<IntersectionObserverInit | undefined>>,\n  //   MutableRefObject<IntersectionObserver | undefined>,\n  // ] => {\n  const observer = useRef();\n  const [observerList, setObserverList] = useState();\n  const [observerInit, setObserverInit] = useState(options);\n  // Observer elements in passed in list and clean up previous list\n  // This effect is only triggered when observerList is updated\n  useIsomorphicLayoutEffect(() => {\n    observer.current = new IntersectionObserver(callback, observerInit);\n    // If we have an instance of IO and a list with elements, observer the elements\n    if (observer.current && observerList && observerList.length > 0) {\n      observerList.forEach(element => {\n        var _observer_current;\n        (_observer_current = observer.current) === null || _observer_current === void 0 ? void 0 : _observer_current.observe(element);\n      });\n    }\n    // clean up previous elements being listened to\n    return () => {\n      if (observer.current) {\n        observer.current.disconnect();\n      }\n    };\n  }, [observerList, observerInit, callback]);\n  return {\n    setObserverList,\n    setObserverInit,\n    observer\n  };\n};\n//# sourceMappingURL=useIntersectionObserver.js.map"],"names":["useIntersectionObserver","useState","useRef","React","callback","options","observer","observerList","setObserverList","observerInit","setObserverInit","useIsomorphicLayoutEffect","current","IntersectionObserver","length","forEach","element","_observer_current","observe","disconnect"],"mappings":";;;;+BAeaA;;aAAAA;;;6DAfU;gCACmB;AAC1C,MAAM,EACJC,SAAQ,EACRC,OAAM,EACP,GAAGC;AAUG,MAAMH,0BAA0B,CAACI,UAAUC,UAAY;IAC5D,2CAA2C;IAC3C,4CAA4C;IAC5C,wCAAwC;IACxC,OAAO;IACP,qDAAqD;IACrD,oEAAoE;IACpE,wDAAwD;IACxD,SAAS;IACT,MAAMC,WAAWJ;IACjB,MAAM,CAACK,cAAcC,gBAAgB,GAAGP;IACxC,MAAM,CAACQ,cAAcC,gBAAgB,GAAGT,SAASI;IACjD,iEAAiE;IACjE,6DAA6D;IAC7DM,IAAAA,yCAAyB,EAAC,IAAM;QAC9BL,SAASM,OAAO,GAAG,IAAIC,qBAAqBT,UAAUK;QACtD,+EAA+E;QAC/E,IAAIH,SAASM,OAAO,IAAIL,gBAAgBA,aAAaO,MAAM,GAAG,GAAG;YAC/DP,aAAaQ,OAAO,CAACC,CAAAA,UAAW;gBAC9B,IAAIC;gBACHA,CAAAA,oBAAoBX,SAASM,OAAO,AAAD,MAAO,IAAI,IAAIK,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkBC,OAAO,CAACF,QAAQ;YAC/H;QACF,CAAC;QACD,+CAA+C;QAC/C,OAAO,IAAM;YACX,IAAIV,SAASM,OAAO,EAAE;gBACpBN,SAASM,OAAO,CAACO,UAAU;YAC7B,CAAC;QACH;IACF,GAAG;QAACZ;QAAcE;QAAcL;KAAS;IACzC,OAAO;QACLI;QACAE;QACAJ;IACF;AACF,GACA,mDAAmD"}