From 38955ab02a1445e7147cbe4f9cb54e91eb66ae94 Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Fri, 6 Mar 2026 15:08:35 +0100
Subject: [PATCH] feat: introduce `HeatmapGrid` component for virtualized
 product data display with gamme selection and performance optimizations.

---
 src/features/grid/components/heatmap-grid.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/features/grid/components/heatmap-grid.tsx b/src/features/grid/components/heatmap-grid.tsx
index 1b2011a..9bcc334 100644
--- a/src/features/grid/components/heatmap-grid.tsx
+++ b/src/features/grid/components/heatmap-grid.tsx
@@ -119,11 +119,13 @@ interface VirtualRowProps {
     row: Row<ProductRow>;
     rowHeight: number;
     isSelected: boolean;
+    columnVisibility: Record<string, boolean>;
 }
 
-const GridRow = React.memo(({ virtualRow, row, rowHeight, isSelected }: VirtualRowProps) => {
+const GridRow = React.memo(({ virtualRow, row, rowHeight, isSelected, columnVisibility }: VirtualRowProps) => {
     // Uniquement la ligne concernée écoute son propre changement pour l'effet visuel
     const effectiveGamme = useGridStore((s) => s.draftChanges[row.original.codein] ?? row.original.codeGamme);
+    void columnVisibility; // Force re-render via React.memo when visibility changes
 
     return (
         <tr
@@ -598,6 +600,7 @@ export function HeatmapGrid({ onSelectionChange }: HeatmapGridProps) {
                                         row={row}
                                         rowHeight={rowHeight}
                                         isSelected={isSelected}
+                                        columnVisibility={columnVisibility}
                                     />
                                 </div>
                             );