@alaarab/ogrid-react 2.0.13 → 2.0.15

package/dist/esm/hooks/useDataGridState.js

@@ -327,10 +327,12 @@ export function useDataGridState(params) {
         flatColumns, visibleCols, visibleColumnCount, totalColCount, colOffset,
         hasCheckboxCol, hasRowNumbersCol, rowIndexByRowId, containerWidth, minTableWidth,
         desiredTableWidth, columnSizingOverrides, setColumnSizingOverrides, onColumnResized,
+        measuredColumnWidths,
     }), [
         flatColumns, visibleCols, visibleColumnCount, totalColCount, colOffset,
         hasCheckboxCol, hasRowNumbersCol, rowIndexByRowId, containerWidth, minTableWidth,
         desiredTableWidth, columnSizingOverrides, setColumnSizingOverrides, onColumnResized,
+        measuredColumnWidths,
     ]);
     const rowSelectionState = useMemo(() => ({
         selectedRowIds, updateSelection, handleRowCheckboxChange,

package/dist/esm/hooks/useDataGridTableOrchestration.js

@@ -25,7 +25,7 @@ export function useDataGridTableOrchestration(params) {
     // ── Core state ──────────────────────────────────────────────────────────
     const state = useDataGridState({ props, wrapperRef });
     const { layout, rowSelection: rowSel, editing, interaction, contextMenu: ctxMenu, viewModels, pinning } = state;
-    const { visibleCols: visibleColsTyped, totalColCount, hasCheckboxCol, hasRowNumbersCol, colOffset, containerWidth, minTableWidth, desiredTableWidth, columnSizingOverrides, setColumnSizingOverrides, } = layout;
+    const { visibleCols: visibleColsTyped, totalColCount, hasCheckboxCol, hasRowNumbersCol, colOffset, containerWidth, minTableWidth, desiredTableWidth, columnSizingOverrides, setColumnSizingOverrides, measuredColumnWidths, } = layout;
     const visibleCols = visibleColsTyped;
     const { selectedRowIds, updateSelection, handleRowCheckboxChange, handleSelectAll, allSelected, someSelected } = rowSel;
     const { editingCell, setEditingCell, pendingEditorValue, setPendingEditorValue, commitCellEdit, cancelPopoverEdit, popoverAnchorEl, setPopoverAnchorEl } = editing;
@@ -158,6 +158,7 @@ export function useDataGridTableOrchestration(params) {
         desiredTableWidth,
         columnSizingOverrides,
         setColumnSizingOverrides,
+        measuredColumnWidths,
         // Row selection shortcuts
         selectedRowIds,
         updateSelection,

package/dist/types/hooks/useDataGridState.d.ts

@@ -25,6 +25,10 @@ export interface DataGridLayoutState<T> {
         widthPx: number;
     }>>>;
     onColumnResized?: (columnId: string, width: number) => void;
+    /** DOM-measured column widths from the previous layout pass.
+     *  UI packages use these as a minWidth floor to prevent columns from
+     *  shrinking when new data loads (e.g. during server-side pagination). */
+    measuredColumnWidths: Record<string, number>;
 }
 /** Row selection (checkboxes, single-row click). */
 export interface DataGridRowSelectionState {

package/dist/types/hooks/useDataGridTableOrchestration.d.ts

@@ -87,6 +87,7 @@ export interface UseDataGridTableOrchestrationResult<T> {
     setColumnSizingOverrides: React.Dispatch<React.SetStateAction<Record<string, {
         widthPx: number;
     }>>>;
+    measuredColumnWidths: Record<string, number>;
     selectedRowIds: Set<RowId>;
     updateSelection: DataGridRowSelectionState['updateSelection'];
     handleRowCheckboxChange: DataGridRowSelectionState['handleRowCheckboxChange'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-react",
-  "version": "2.0.13",
+  "version": "2.0.15",
   "description": "OGrid React – React hooks, headless components, and utilities for OGrid data grids.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -36,7 +36,7 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@alaarab/ogrid-core": "2.0.13"
+    "@alaarab/ogrid-core": "2.0.15"
   },
   "peerDependencies": {
     "@tanstack/react-virtual": "^3.0.0",