@opencorestack/opengridx 1.0.3 → 1.0.5

package/lib/components/DataGrid/DataGrid.tsx

@@ -202,6 +202,18 @@ export function DataGrid<R extends GridRowModel = GridRowModel>(props: DataGridP
     const defaultGetRowId = useCallback((row: R) => row.id, []);
     const effectiveGetRowId = getRowId || defaultGetRowId;
 
+    // Normalize rows so every row has `id === getRowId(row)`.
+    // createInitialState and SET_ROWS both key the internal store by row.id,
+    // so rows without a native id field collide on undefined without this.
+    // When getRowId is the default (row) => row.id this is a no-op per row.
+    const normalizedRows = useMemo(
+        () => activeRows.map(row => {
+            const id = effectiveGetRowId(row);
+            return id === row.id ? row : ({ ...row, id } as R);
+        }),
+        [activeRows, effectiveGetRowId]
+    );
+
     // Keyboard-mode flag: toggled via DOM classname — no React state needed
     // so the ring appears instantly without a re-render cycle.
     const setKeyboardMode = useCallback((on: boolean) => {
@@ -226,7 +238,7 @@ export function DataGrid<R extends GridRowModel = GridRowModel>(props: DataGridP
     }, [treeData]);
 
     const gridData = useDataGrid({
-        rows: activeRows,
+        rows: normalizedRows,
         columns: activeColumns,
         rowHeight,
         headerHeight,
@@ -358,9 +370,9 @@ export function DataGrid<R extends GridRowModel = GridRowModel>(props: DataGridP
 
     useEffect(() => {
         if (!dataSource) {
-            setRows(activeRows);
+            setRows(normalizedRows);
         }
-    }, [activeRows, setRows, dataSource]);
+    }, [normalizedRows, setRows, dataSource]);
 
     // ── Detail panel (hoisted — hasDetailPanel feeds into useGridColumns) ──────
     const hasDetailPanel = Boolean(getDetailPanelContent);
@@ -501,6 +513,19 @@ export function DataGrid<R extends GridRowModel = GridRowModel>(props: DataGridP
         pageSize: effectivePaginationModel.pageSize,
     });
 
+    // Merge layout-computed widths (which include flex resolution) with user-resize
+    // overrides. The footer and other consumers that receive `columnWidths` only get
+    // the resize-override map, which has no entry for flex columns that haven't been
+    // manually resized — causing them to fall back to the raw `col.width` prop instead
+    // of the actual rendered width.
+    const resolvedColumnWidths = useMemo(() => {
+        const result: Record<string, number> = {};
+        for (const col of [...layout.leftPinnedCols, ...layout.unpinnedColsWithWidth, ...layout.rightPinnedCols]) {
+            if (!col.isSpacer) result[col.field] = col.width;
+        }
+        return { ...result, ...columnWidths };
+    }, [layout.leftPinnedCols, layout.unpinnedColsWithWidth, layout.rightPinnedCols, columnWidths]);
+
     useEffect(() => {
         gridData.apiRef.current.scrollToIndexes = ({ rowIndex, colIndex }) => {
             const el = viewportRef.current;
@@ -965,7 +990,7 @@ export function DataGrid<R extends GridRowModel = GridRowModel>(props: DataGridP
                                 columns={orderedColumns as unknown as GridColDef[]}
                                 aggregationModel={aggregationModel}
                                 aggregationResult={aggregationResult}
-                                columnWidths={columnWidths}
+                                columnWidths={resolvedColumnWidths}
                                 rowHeight={rowHeight}
                                 checkboxSelection={checkboxSelection}
                                 hasDetailPanel={hasDetailPanel}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencorestack/opengridx",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "OpenGridX: High-performance React data infrastructure. Unlock advanced Row Grouping, Excel Export, and Column Pinning without the usual \"Pro\" gatekeeping. Built for speed, scale, and complete architectural freedom. Fully open, virtualization-ready, and feature-complete.",
   "type": "module",
   "main": "./dist/opengridx.umd.js",