@vibe/core 4.5.24 → 4.5.26

package/dist/src/hooks/useItemsOverflow/useItemsOverflow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useItemsOverflow.js","sources":["../../../../src/hooks/useItemsOverflow/useItemsOverflow.ts"],"sourcesContent":["import { type RefObject, useCallback, useState, useRef } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\n/**\n * Custom hook that calculates how many items can fit in a container without overflowing\n */\nexport default function useItemsOverflow({\n  containerRef,\n  gap,\n  deductedSpaceRef,\n  deductedWidth = 0,\n  itemRefs,\n  minVisibleCount = 0\n}: {\n  containerRef: RefObject<HTMLElement>;\n  gap: number;\n  deductedSpaceRef?: RefObject<HTMLElement>;\n  deductedWidth?: number;\n  itemRefs: RefObject<HTMLElement>[];\n  minVisibleCount?: number;\n}) {\n  const [visibleCount, setVisibleCount] = useState<number>(0);\n  const [hasMeasured, setHasMeasured] = useState<boolean>(false);\n  const itemWidthsRef = useRef<number[]>([]);\n  const deductedWidthRef = useRef<number>(0);\n  const isCalculatingRef = useRef(false);\n\n  const calculateFromCachedWidths = useCallback(() => {\n    const container = containerRef?.current;\n    if (!container || !itemRefs.length) {\n      setVisibleCount(itemRefs.length);\n      return;\n    }\n\n    const containerWidth = container.offsetWidth;\n    const deductedRefWidth = deductedWidthRef.current;\n    // Only apply fixed deductedWidth when container has measurable width (avoids issues in test environments)\n    const availableWidth = containerWidth - deductedRefWidth - (containerWidth > 0 ? deductedWidth : 0);\n\n    let totalItemsWidth = 0;\n    let count = 0;\n\n    const maxIter = Math.min(itemRefs.length, itemWidthsRef.current.length);\n\n    for (let i = 0; i < maxIter; i++) {\n      const itemWidth = itemWidthsRef.current[i];\n      const itemWidthWithGap = i > 0 ? itemWidth + gap : itemWidth;\n\n      if (totalItemsWidth + itemWidthWithGap <= availableWidth) {\n        totalItemsWidth += itemWidthWithGap;\n        count++;\n      } else {\n        break;\n      }\n    }\n\n    // Ensure at least minVisibleCount items are visible\n    const finalCount = Math.max(count, Math.min(minVisibleCount, maxIter));\n    setVisibleCount(finalCount);\n  }, [containerRef, itemRefs, gap, minVisibleCount, deductedWidth]);\n\n  const measureDeductedWidth = useCallback(() => {\n    if (deductedSpaceRef?.current) {\n      deductedWidthRef.current = deductedSpaceRef.current.getBoundingClientRect().width;\n    } else {\n      deductedWidthRef.current = 0;\n    }\n  }, [deductedSpaceRef]);\n\n  const measureAndCacheItemsSync = useCallback(() => {\n    const container = containerRef.current;\n    if (!container || !itemRefs.length) {\n      setVisibleCount(itemRefs.length);\n      setHasMeasured(true);\n      return;\n    }\n\n    measureDeductedWidth();\n\n    const itemElements = itemRefs.map(ref => ref.current).filter(el => el !== null) as HTMLElement[];\n\n    if (itemElements.length === 0) {\n      setVisibleCount(0);\n      itemWidthsRef.current = [];\n      setHasMeasured(true);\n      return;\n    }\n\n    itemWidthsRef.current = itemElements.map(item => item.getBoundingClientRect().width);\n    calculateFromCachedWidths();\n    setHasMeasured(true);\n  }, [containerRef, itemRefs, calculateFromCachedWidths, measureDeductedWidth]);\n\n  const measureAndCacheItems = useCallback(() => {\n    if (isCalculatingRef.current) return;\n    isCalculatingRef.current = true;\n\n    requestAnimationFrame(() => {\n      try {\n        measureAndCacheItemsSync();\n      } finally {\n        isCalculatingRef.current = false;\n      }\n    });\n  }, [measureAndCacheItemsSync]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!containerRef.current) return;\n\n    const resizeObserver = new ResizeObserver(() => {\n      if (itemRefs.length > 0) {\n        if (itemWidthsRef.current.length) {\n          measureDeductedWidth();\n          calculateFromCachedWidths();\n        } else {\n          measureAndCacheItems();\n        }\n      } else {\n        setVisibleCount(0);\n        itemWidthsRef.current = [];\n      }\n    });\n\n    resizeObserver.observe(containerRef.current);\n\n    if (deductedSpaceRef?.current) {\n      resizeObserver.observe(deductedSpaceRef.current);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, [containerRef, deductedSpaceRef, measureDeductedWidth, calculateFromCachedWidths, measureAndCacheItems, itemRefs]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (itemRefs.length > 0) {\n      setHasMeasured(false);\n      // Use synchronous measurement for initial render to prevent delay\n      measureAndCacheItemsSync();\n    } else {\n      setVisibleCount(0);\n      itemWidthsRef.current = [];\n      setHasMeasured(true);\n    }\n  }, [itemRefs, measureAndCacheItemsSync]);\n\n  return { visibleCount, hasMeasured };\n}\n"],"names":["useItemsOverflow","_ref","containerRef","gap","deductedSpaceRef","_ref$deductedWidth","deductedWidth","itemRefs","_ref$minVisibleCount","minVisibleCount","_useState","useState","_useState2","_slicedToArray","visibleCount","setVisibleCount","_useState3","_useState4","hasMeasured","setHasMeasured","itemWidthsRef","useRef","deductedWidthRef","isCalculatingRef","calculateFromCachedWidths","useCallback","container","current","length","containerWidth","offsetWidth","availableWidth","totalItemsWidth","count","maxIter","Math","min","i","itemWidth","itemWidthWithGap","max","measureDeductedWidth","getBoundingClientRect","width","measureAndCacheItemsSync","itemElements","map","ref","filter","el","item","measureAndCacheItems","requestAnimationFrame","useIsomorphicLayoutEffect","resizeObserver","ResizeObserver","observe","disconnect"],"mappings":"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"}