@shohojdhara/atomix 0.5.1 → 0.5.4

package/dist/layout.js

@@ -45,7 +45,7 @@ Grid.displayName = "Grid";
  */
 const MasonryGrid =  forwardRef((({children: children, className: className = "", xs: xs = 1, sm: sm, md: md, lg: lg, xl: xl, xxl: xxl, gap: gap = 16, animate: animate = !0, imagesLoaded: imagesLoaded = !0, onLayoutComplete: onLayoutComplete, onImageLoad: onImageLoad, ...props}, ref) => {
     // === REFS & STATE ===
-    const [columns, setColumns] = useState(xs), [positions, setPositions] = useState([]), [layoutComplete, setLayoutComplete] = useState(!1), [loadingImages, setLoadingImages] = useState(!1), containerRef = useRef(null), columnHeights = useRef([]), imagesLoadedCount = useRef(0), totalImagesCount = useRef(0), imageElements = useRef(new Map);
+    const [columns, setColumns] = useState(xs), [positions, setPositions] = useState([]), [, setLayoutComplete] = useState(!1), [loadingImages, setLoadingImages] = useState(!1), containerRef = useRef(null), columnHeights = useRef([]), imagesLoadedCount = useRef(0), totalImagesCount = useRef(0), imageElements = useRef(new Map);
     useEffect((() => {
         setLoadingImages(!!imagesLoaded);
     }), [ columns, imagesLoaded ]), 
@@ -74,34 +74,45 @@ const MasonryGrid =  forwardRef((({children: children, className: className = ""
             });
         })), setItems(newItems);
     }), [ children ]);
-    // === TRACK & MANAGE IMAGES ===
-    const handleImageLoad = useCallback((img => {
-        if (!imageElements.current.get(img)) {
-            // Add loaded class for animation
-            if (imageElements.current.set(img, !0), imagesLoadedCount.current += 1, containerRef.current && imagesLoaded) {
-                const itemElement = img.closest(".o-masonry-grid > div");
-                itemElement && (itemElement.offsetHeight, itemElement.classList.add("o-masonry-grid__item-loaded"), 
-                itemElement.classList.remove("o-masonry-grid__item-loading"));
+    // === MANAGE ITEM LAYOUT ===
+    const calculateLayout = useCallback((() => {
+        if (!containerRef.current || 0 === items.length) return;
+        const colWidth = (containerRef.current.offsetWidth - gap * (columns - 1)) / columns;
+        columnHeights.current = Array(columns).fill(0);
+        const newPositions = [];
+        items.forEach(((item, index) => {
+            if (item.ref.current) {
+                // Find the shortest column
+                const shortestCol = columnHeights.current.indexOf(Math.min(...columnHeights.current)), left = shortestCol * (colWidth + gap), top = columnHeights.current[shortestCol] ?? 0, height = item.ref.current.offsetHeight;
+                columnHeights.current[shortestCol] = top + height + gap, newPositions[index] = {
+                    left: left,
+                    top: top,
+                    width: colWidth,
+                    height: height
+                };
             }
-            // Ensure layout is recalculated after DOM paints the item image (prevents overlap on slow/late image loads)
-                        requestAnimationFrame((() => {
-                requestAnimationFrame((() => {
-                    calculateLayout();
-                }));
-            })), onImageLoad?.(imagesLoadedCount.current, totalImagesCount.current), 
-            // If all images have loaded, update loading state and complete layout
-            imagesLoadedCount.current >= totalImagesCount.current && totalImagesCount.current > 0 && (setLayoutComplete(!0), 
-            setLoadingImages(!1), // This ensures the loading class is removed *immediately* after images load
-            // Force a double requestAnimationFrame for final layout calculation after all images are loaded (guarantees DOM paint)
-            requestAnimationFrame((() => {
-                requestAnimationFrame((() => {
-                    calculateLayout(), 
-                    // As a failsafe, if still present for some render lag, force another setLoadingImages(false)
-                    setLoadingImages(!1);
-                }));
-            })), onLayoutComplete?.());
+        })), setPositions(newPositions);
+    }), [ items, columns, gap ]), handleImageLoad = useCallback((img => {
+        if (imageElements.current.get(img)) return;
+        // Add loaded class for animation
+        if (imageElements.current.set(img, !0), imagesLoadedCount.current += 1, containerRef.current && imagesLoaded) {
+            const itemElement = img.closest(".o-masonry-grid > div");
+            itemElement && (itemElement.offsetHeight, itemElement.classList.add("o-masonry-grid__item-loaded"), 
+            itemElement.classList.remove("o-masonry-grid__item-loading"));
         }
-    }), [ onImageLoad, onLayoutComplete, imagesLoaded ]), trackImages = useCallback((() => {
+        // Schedule layout recalculation after next paint to prevent overlap
+                const scheduleLayoutUpdate = () => {
+            const frameId = requestAnimationFrame((() => {
+                onImageLoad?.(imagesLoadedCount.current, totalImagesCount.current), calculateLayout();
+            }));
+            return () => cancelAnimationFrame(frameId);
+        }, cleanup = scheduleLayoutUpdate();
+        // Clean up previous scheduled updates
+                // If all images have loaded, update loading state and complete layout
+        imagesLoadedCount.current >= totalImagesCount.current && totalImagesCount.current > 0 && (setLayoutComplete(!0), 
+        setLoadingImages(!1), setTimeout((() => cleanup()), 0), // Clean up after current execution
+        scheduleLayoutUpdate(), onLayoutComplete?.());
+    }), [ onImageLoad, onLayoutComplete, imagesLoaded, calculateLayout ]), trackImages = useCallback((() => {
         if (!imagesLoaded || !containerRef.current) return;
         imageElements.current.clear(), imagesLoadedCount.current = 0;
         const images = containerRef.current.querySelectorAll("img");
@@ -120,30 +131,21 @@ const MasonryGrid =  forwardRef((({children: children, className: className = ""
                 img.removeEventListener("error", masonryImg._masonryLoadHandler), delete masonryImg._masonryLoadHandler);
             }));
         });
-    }), [ imagesLoaded, handleImageLoad, onLayoutComplete ]), calculateLayout = useCallback((() => {
-        if (!containerRef.current || 0 === items.length) return;
-        const colWidth = (containerRef.current.offsetWidth - gap * (columns - 1)) / columns;
-        columnHeights.current = Array(columns).fill(0);
-        const newPositions = [];
-        items.forEach(((item, index) => {
-            if (item.ref.current) {
-                // Find the shortest column
-                const shortestCol = columnHeights.current.indexOf(Math.min(...columnHeights.current)), left = shortestCol * (colWidth + gap), top = columnHeights.current[shortestCol] ?? 0, height = item.ref.current.offsetHeight;
-                columnHeights.current[shortestCol] = top + height + gap, newPositions[index] = {
-                    left: left,
-                    top: top,
-                    width: colWidth,
-                    height: height
-                };
-            }
-        })), setPositions(newPositions);
-    }), [ items, columns, gap ]);
-    // === OBSERVE CONTAINER RESIZE ===
+    }), [ imagesLoaded, handleImageLoad, onLayoutComplete ]);
+    // === TRACK & MANAGE IMAGES ===
+        // === OBSERVE CONTAINER RESIZE ===
     useEffect((() => {
         if (!containerRef.current) return;
-        let animationFrame = null;
-        const observer = new ResizeObserver((() => {
-            animationFrame && cancelAnimationFrame(animationFrame), animationFrame = requestAnimationFrame((() => calculateLayout()));
+        let animationFrame = null, lastWidth = 0;
+        const observer = new ResizeObserver((entries => {
+            const entry = entries[0];
+            if (!entry) return;
+            const currentWidth = entry.contentRect.width;
+            // Only recalculate if width actually changed (prevents excessive calculations)
+                        Math.abs(currentWidth - lastWidth) > 1 && (animationFrame && cancelAnimationFrame(animationFrame), 
+            animationFrame = requestAnimationFrame((() => {
+                calculateLayout(), lastWidth = currentWidth;
+            })));
         }));
         return observer.observe(containerRef.current), () => {
             observer.disconnect(), animationFrame && cancelAnimationFrame(animationFrame);
@@ -154,24 +156,21 @@ const MasonryGrid =  forwardRef((({children: children, className: className = ""
     setLayoutComplete(!0), void setLoadingImages(!1))
     // Only reset layoutComplete when items or columns change
     ), [ items, columns, calculateLayout, imagesLoaded, trackImages ]), 
-    // === NEW: Add ResizeObservers to all grid items for bulletproof image+content measurement ===
+    // === ADD RESIZEOBSERVERS TO GRID ITEMS FOR DYNAMIC CONTENT MEASUREMENT ===
     React.useEffect((() => {
-        // Clean up old observers if items ever change
         const observers = [];
+        let animationFrame = null;
+        // Debounced layout calculation for item resize events
+                const debouncedCalculateLayout = () => {
+            animationFrame && cancelAnimationFrame(animationFrame), animationFrame = requestAnimationFrame(calculateLayout);
+        };
         return items.forEach((item => {
             if (item.ref.current) {
-                const obs = new ResizeObserver((() => {
-                    // Double rAF: ensures layout only runs after DOM/paint/async renders
-                    requestAnimationFrame((() => {
-                        requestAnimationFrame((() => {
-                            calculateLayout();
-                        }));
-                    }));
-                }));
+                const obs = new ResizeObserver(debouncedCalculateLayout);
                 obs.observe(item.ref.current), observers.push(obs);
             }
         })), () => {
-            observers.forEach((obs => obs.disconnect()));
+            observers.forEach((obs => obs.disconnect())), animationFrame && cancelAnimationFrame(animationFrame);
         };
     }), [ items, calculateLayout ]);
     // Ensure loadingImages state resets when items/columns/imagesLoaded change

package/dist/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sources":["../src/layouts/Grid/Grid.tsx","../src/layouts/MasonryGrid/MasonryGrid.tsx","../src/layouts/Grid/GridCol.tsx","../src/layouts/Grid/Container.tsx","../src/layouts/Grid/Row.tsx","../src/layouts/MasonryGrid/MasonryGridItem.tsx"],"sourcesContent":[null,null,null,null,null,null],"names":["Grid","forwardRef","children","className","justifyContent","alignItems","noGutters","direction","wrap","props","ref","classes","push","_jsx","join","displayName","MasonryGrid","xs","sm","md","lg","xl","xxl","gap","animate","imagesLoaded","onLayoutComplete","onImageLoad","columns","setColumns","useState","positions","setPositions","layoutComplete","setLayoutComplete","loadingImages","setLoadingImages","containerRef","useRef","columnHeights","imagesLoadedCount","totalImagesCount","imageElements","Map","useEffect","useImperativeHandle","current","getResponsiveColumns","useCallback","width","window","innerWidth","undefined","handleResize","addEventListener","removeEventListener","items","setItems","newItems","Children","forEach","child","index","isValidElement","id","key","toString","element","position","React","createRef","handleImageLoad","img","get","set","itemElement","closest","offsetHeight","classList","add","remove","requestAnimationFrame","calculateLayout","trackImages","clear","images","querySelectorAll","length","masonryImg","complete","loadHandler","_masonryLoadHandler","colWidth","offsetWidth","Array","fill","newPositions","item","shortestCol","indexOf","Math","min","left","top","height","animationFrame","observer","ResizeObserver","cancelAnimationFrame","observe","disconnect","useLayoutEffect","observers","obs","containerHeight","max","filter","Boolean","style","map","opacity","GridCol","offsetXs","offsetSm","offsetMd","offsetLg","offsetXl","offsetXxl","grow","shrink","basis","align","processResponsiveProp","value","breakpoint","Container","type","containerClass","trim","Row","MasonryGridItem"],"mappings":"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"}
+{"version":3,"file":"layout.js","sources":["../src/layouts/Grid/Grid.tsx","../src/layouts/MasonryGrid/MasonryGrid.tsx","../src/layouts/Grid/GridCol.tsx","../src/layouts/Grid/Container.tsx","../src/layouts/Grid/Row.tsx","../src/layouts/MasonryGrid/MasonryGridItem.tsx"],"sourcesContent":[null,null,null,null,null,null],"names":["Grid","forwardRef","children","className","justifyContent","alignItems","noGutters","direction","wrap","props","ref","classes","push","_jsx","join","displayName","MasonryGrid","xs","sm","md","lg","xl","xxl","gap","animate","imagesLoaded","onLayoutComplete","onImageLoad","columns","setColumns","useState","positions","setPositions","setLayoutComplete","loadingImages","setLoadingImages","containerRef","useRef","columnHeights","imagesLoadedCount","totalImagesCount","imageElements","Map","useEffect","useImperativeHandle","current","getResponsiveColumns","useCallback","width","window","innerWidth","undefined","handleResize","addEventListener","removeEventListener","items","setItems","newItems","Children","forEach","child","index","isValidElement","id","key","toString","element","position","React","createRef","calculateLayout","length","colWidth","offsetWidth","Array","fill","newPositions","item","shortestCol","indexOf","Math","min","left","top","height","offsetHeight","handleImageLoad","img","get","set","itemElement","closest","classList","add","remove","scheduleLayoutUpdate","frameId","requestAnimationFrame","cancelAnimationFrame","cleanup","setTimeout","trackImages","clear","images","querySelectorAll","masonryImg","complete","loadHandler","_masonryLoadHandler","animationFrame","lastWidth","observer","ResizeObserver","entries","entry","currentWidth","contentRect","abs","observe","disconnect","useLayoutEffect","observers","debouncedCalculateLayout","obs","containerHeight","max","filter","Boolean","style","map","opacity","GridCol","offsetXs","offsetSm","offsetMd","offsetLg","offsetXl","offsetXxl","grow","shrink","basis","align","processResponsiveProp","value","breakpoint","Container","type","containerClass","trim","Row","MasonryGridItem"],"mappings":"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"}