@alaarab/ogrid-react 2.0.14 → 2.0.16

package/dist/esm/components/BaseInlineCellEditor.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
-import { useInlineCellEditorState, useRichSelectState } from '../hooks';
+import { useInlineCellEditorState, useRichSelectState, useSelectState } from '../hooks';
 // ── Shared editor style constants (used across all 3 UI packages) ──
 export const editorWrapperStyle = {
     width: '100%',
@@ -63,49 +63,100 @@ export const selectEditorStyle = {
     cursor: 'pointer',
     outline: 'none',
 };
+export const selectDisplayStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    width: '100%',
+    cursor: 'pointer',
+    fontSize: '13px',
+    color: 'inherit',
+};
+export const selectChevronStyle = {
+    marginLeft: 4,
+    fontSize: '10px',
+    opacity: 0.5,
+};
 /**
- * Base inline cell editor with shared logic for all editor types except checkbox and select
- * (which are framework-specific). Used by all 3 UI packages to avoid duplication.
+ * Base inline cell editor with shared logic for all editor types except checkbox
+ * (which is framework-specific). Used by all 3 UI packages to avoid duplication.
  *
- * Usage:
- * - Radix: Pass Radix Checkbox/native select via render props
- * - Fluent: Pass Fluent Checkbox/Select via render props
- * - Material: Pass MUI Checkbox/Select via render props
+ * Text, date, select, and richSelect editors are fully shared.
+ * Checkbox is delegated via renderCheckbox render prop.
  */
 export function BaseInlineCellEditor(props) {
-    const { value, column, editorType, onCommit, onCancel, renderCheckbox, renderSelect } = props;
+    const { value, column, editorType, onCommit, onCancel, renderCheckbox } = props;
     const wrapperRef = React.useRef(null);
     const { localValue, setLocalValue, handleKeyDown, handleBlur, commit, cancel } = useInlineCellEditorState({ value, editorType, onCommit, onCancel });
-    const richSelectValues = column.cellEditorParams?.values ?? [];
-    const richSelectFormatValue = column.cellEditorParams?.formatValue;
+    const editorValues = column.cellEditorParams?.values ?? [];
+    const editorFormatValue = column.cellEditorParams?.formatValue;
     const richSelect = useRichSelectState({
-        values: richSelectValues,
-        formatValue: richSelectFormatValue,
+        values: editorValues,
+        formatValue: editorFormatValue,
+        initialValue: value,
+        onCommit,
+        onCancel,
+    });
+    const selectState = useSelectState({
+        values: editorValues,
+        formatValue: editorFormatValue,
         initialValue: value,
         onCommit,
         onCancel,
     });
+    // Fixed dropdown positioning to escape ancestor overflow clipping (.tableWrapper)
+    const [fixedDropdownStyle, setFixedDropdownStyle] = React.useState(null);
+    React.useLayoutEffect(() => {
+        if (editorType !== 'select' && editorType !== 'richSelect')
+            return;
+        const wrapper = wrapperRef.current;
+        if (!wrapper)
+            return;
+        const rect = wrapper.getBoundingClientRect();
+        const maxH = 200;
+        const spaceBelow = window.innerHeight - rect.bottom;
+        const flipUp = spaceBelow < maxH && rect.top > spaceBelow;
+        setFixedDropdownStyle({
+            position: 'fixed',
+            ...(flipUp ? { bottom: window.innerHeight - rect.top } : { top: rect.bottom }),
+            left: rect.left,
+            width: rect.width,
+            maxHeight: maxH,
+            overflowY: 'auto',
+            background: 'var(--ogrid-bg, #fff)',
+            border: '1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12))',
+            zIndex: 9999,
+            boxShadow: 'var(--ogrid-shadow, 0 4px 16px rgba(0,0,0,0.2))',
+        });
+    }, [editorType]);
+    const computedDropdownStyle = fixedDropdownStyle ?? richSelectDropdownStyle;
     React.useEffect(() => {
-        const input = wrapperRef.current?.querySelector('input');
+        const wrapper = wrapperRef.current;
+        if (!wrapper)
+            return;
+        const input = wrapper.querySelector('input');
         if (input) {
             input.focus();
             // Select all text for easy replacement (like Excel)
             input.select();
         }
+        else {
+            // Focus the wrapper for keyboard events (select editor has no input)
+            wrapper.focus();
+        }
     }, []);
     // Rich select (shared across all frameworks)
     if (editorType === 'richSelect') {
-        return (_jsxs("div", { ref: wrapperRef, style: richSelectWrapperStyle, children: [_jsx("input", { type: "text", value: richSelect.searchText, onChange: (e) => richSelect.setSearchText(e.target.value), onKeyDown: richSelect.handleKeyDown, placeholder: "Search...", autoFocus: true, style: editorInputStyle }), _jsxs("div", { style: richSelectDropdownStyle, role: "listbox", children: [richSelect.filteredValues.map((v, i) => (_jsx("div", { role: "option", "aria-selected": i === richSelect.highlightedIndex, onClick: () => richSelect.selectValue(v), style: i === richSelect.highlightedIndex ? richSelectOptionHighlightedStyle : richSelectOptionStyle, children: richSelect.getDisplayText(v) }, String(v)))), richSelect.filteredValues.length === 0 && (_jsx("div", { style: richSelectNoMatchesStyle, children: "No matches" }))] })] }));
+        return (_jsxs("div", { ref: wrapperRef, style: richSelectWrapperStyle, children: [_jsx("input", { type: "text", value: richSelect.searchText, onChange: (e) => richSelect.setSearchText(e.target.value), onKeyDown: richSelect.handleKeyDown, placeholder: "Search...", autoFocus: true, style: editorInputStyle }), _jsxs("div", { style: computedDropdownStyle, role: "listbox", children: [richSelect.filteredValues.map((v, i) => (_jsx("div", { role: "option", "aria-selected": i === richSelect.highlightedIndex, onClick: () => richSelect.selectValue(v), style: i === richSelect.highlightedIndex ? richSelectOptionHighlightedStyle : richSelectOptionStyle, children: richSelect.getDisplayText(v) }, String(v)))), richSelect.filteredValues.length === 0 && (_jsx("div", { style: richSelectNoMatchesStyle, children: "No matches" }))] })] }));
     }
     // Checkbox (framework-specific)
     if (editorType === 'checkbox') {
         const checked = value === true;
         return _jsx(_Fragment, { children: renderCheckbox(checked, (val) => commit(val), cancel) });
     }
-    // Select (framework-specific)
+    // Select (custom dropdown, shared across all frameworks)
     if (editorType === 'select') {
-        const values = column.cellEditorParams?.values ?? [];
-        return _jsx(_Fragment, { children: renderSelect(value, values, commit, cancel) });
+        return (_jsxs("div", { ref: wrapperRef, style: richSelectWrapperStyle, onKeyDown: selectState.handleKeyDown, tabIndex: 0, children: [_jsxs("div", { style: selectDisplayStyle, children: [_jsx("span", { children: selectState.getDisplayText(value) }), _jsx("span", { style: selectChevronStyle, children: "\u25BE" })] }), _jsx("div", { style: computedDropdownStyle, ref: selectState.dropdownRef, role: "listbox", children: editorValues.map((v, i) => (_jsx("div", { role: "option", "aria-selected": i === selectState.highlightedIndex, onClick: () => selectState.selectValue(v), style: i === selectState.highlightedIndex ? richSelectOptionHighlightedStyle : richSelectOptionStyle, children: selectState.getDisplayText(v) }, String(v)))) })] }));
     }
     // Date editor (shared across all frameworks)
     if (editorType === 'date') {

package/dist/esm/hooks/index.js

@@ -22,6 +22,7 @@ export { useColumnResize } from './useColumnResize';
 export { useColumnPinning } from './useColumnPinning';
 export { useColumnHeaderMenuState } from './useColumnHeaderMenuState';
 export { useRichSelectState } from './useRichSelectState';
+export { useSelectState } from './useSelectState';
 export { useSideBarState } from './useSideBarState';
 export { useTableLayout } from './useTableLayout';
 export { useColumnReorder } from './useColumnReorder';

package/dist/esm/hooks/useCellSelection.js

@@ -1,27 +1,12 @@
 import { useState, useCallback, useRef, useEffect } from 'react';
 import { normalizeSelectionRange } from '../types';
-/** Compares two selection ranges by value. */
-function rangesEqual(a, b) {
-    if (a === b)
-        return true;
-    if (!a || !b)
-        return false;
-    return a.startRow === b.startRow && a.endRow === b.endRow &&
-        a.startCol === b.startCol && a.endCol === b.endCol;
-}
+import { rangesEqual, computeAutoScrollSpeed } from '../utils';
 /** DOM attribute names used for drag-range highlighting (bypasses React). */
 const DRAG_ATTR = 'data-drag-range';
 const DRAG_ANCHOR_ATTR = 'data-drag-anchor';
 /** Auto-scroll config */
 const AUTO_SCROLL_EDGE = 40; // px from wrapper edge to trigger
-const AUTO_SCROLL_MIN_SPEED = 2;
-const AUTO_SCROLL_MAX_SPEED = 20;
 const AUTO_SCROLL_INTERVAL = 16; // ~60fps
-/** Compute scroll speed proportional to distance past the edge, capped. */
-function autoScrollSpeed(distance) {
-    const t = Math.min(distance / AUTO_SCROLL_EDGE, 1);
-    return AUTO_SCROLL_MIN_SPEED + t * (AUTO_SCROLL_MAX_SPEED - AUTO_SCROLL_MIN_SPEED);
-}
 /**
  * Manages cell selection range with drag-to-select and select-all support.
  * @param params - Row/col counts, active cell setter, and wrapper ref for auto-scroll.
@@ -213,16 +198,16 @@ export function useCellSelection(params) {
             let dx = 0;
             let dy = 0;
             if (pos.cy < rect.top + AUTO_SCROLL_EDGE) {
-                dy = -autoScrollSpeed(rect.top + AUTO_SCROLL_EDGE - pos.cy);
+                dy = -computeAutoScrollSpeed(rect.top + AUTO_SCROLL_EDGE - pos.cy);
             }
             else if (pos.cy > rect.bottom - AUTO_SCROLL_EDGE) {
-                dy = autoScrollSpeed(pos.cy - (rect.bottom - AUTO_SCROLL_EDGE));
+                dy = computeAutoScrollSpeed(pos.cy - (rect.bottom - AUTO_SCROLL_EDGE));
             }
             if (pos.cx < rect.left + AUTO_SCROLL_EDGE) {
-                dx = -autoScrollSpeed(rect.left + AUTO_SCROLL_EDGE - pos.cx);
+                dx = -computeAutoScrollSpeed(rect.left + AUTO_SCROLL_EDGE - pos.cx);
             }
             else if (pos.cx > rect.right - AUTO_SCROLL_EDGE) {
-                dx = autoScrollSpeed(pos.cx - (rect.right - AUTO_SCROLL_EDGE));
+                dx = computeAutoScrollSpeed(pos.cx - (rect.right - AUTO_SCROLL_EDGE));
             }
             if (dx === 0 && dy === 0) {
                 stopAutoScroll();
@@ -241,13 +226,13 @@ export function useCellSelection(params) {
                     let sdx = 0;
                     let sdy = 0;
                     if (p.cy < r.top + AUTO_SCROLL_EDGE)
-                        sdy = -autoScrollSpeed(r.top + AUTO_SCROLL_EDGE - p.cy);
+                        sdy = -computeAutoScrollSpeed(r.top + AUTO_SCROLL_EDGE - p.cy);
                     else if (p.cy > r.bottom - AUTO_SCROLL_EDGE)
-                        sdy = autoScrollSpeed(p.cy - (r.bottom - AUTO_SCROLL_EDGE));
+                        sdy = computeAutoScrollSpeed(p.cy - (r.bottom - AUTO_SCROLL_EDGE));
                     if (p.cx < r.left + AUTO_SCROLL_EDGE)
-                        sdx = -autoScrollSpeed(r.left + AUTO_SCROLL_EDGE - p.cx);
+                        sdx = -computeAutoScrollSpeed(r.left + AUTO_SCROLL_EDGE - p.cx);
                     else if (p.cx > r.right - AUTO_SCROLL_EDGE)
-                        sdx = autoScrollSpeed(p.cx - (r.right - AUTO_SCROLL_EDGE));
+                        sdx = computeAutoScrollSpeed(p.cx - (r.right - AUTO_SCROLL_EDGE));
                     if (sdx === 0 && sdy === 0) {
                         stopAutoScroll();
                         return;

package/dist/esm/hooks/useClipboard.js

@@ -1,5 +1,5 @@
 import { useCallback, useRef, useState } from 'react';
-import { getCellValue, parseValue } from '../utils';
+import { getCellValue, parseValue, formatSelectionAsTsv, parseTsvClipboard } from '../utils';
 import { normalizeSelectionRange } from '../types';
 import { useLatestRef } from './useLatestRef';
 /**
@@ -34,23 +34,7 @@ export function useClipboard(params) {
         if (range == null)
             return;
         const norm = normalizeSelectionRange(range);
-        const items = itemsRef.current;
-        const visibleCols = visibleColsRef.current;
-        const rows = [];
-        for (let r = norm.startRow; r <= norm.endRow; r++) {
-            const cells = [];
-            for (let c = norm.startCol; c <= norm.endCol; c++) {
-                if (r >= items.length || c >= visibleCols.length)
-                    break;
-                const item = items[r];
-                const col = visibleCols[c];
-                const raw = getCellValue(item, col);
-                const val = col.valueFormatter ? col.valueFormatter(raw, item) : raw;
-                cells.push(val != null && val !== '' ? String(val).replace(/\t/g, ' ').replace(/\n/g, ' ') : '');
-            }
-            rows.push(cells.join('\t'));
-        }
-        const tsv = rows.join('\r\n');
+        const tsv = formatSelectionAsTsv(itemsRef.current, visibleColsRef.current, norm);
         internalClipboardRef.current = tsv;
         setCopyRange(norm);
         void navigator.clipboard.writeText(tsv).catch(() => { });
@@ -92,10 +76,10 @@ export function useClipboard(params) {
         const anchorCol = norm ? norm.startCol : 0;
         const items = itemsRef.current;
         const visibleCols = visibleColsRef.current;
-        const lines = text.split(/\r?\n/).filter((l) => l.length > 0);
+        const parsedRows = parseTsvClipboard(text);
         beginBatch?.();
-        for (let r = 0; r < lines.length; r++) {
-            const cells = lines[r].split('\t');
+        for (let r = 0; r < parsedRows.length; r++) {
+            const cells = parsedRows[r];
             for (let c = 0; c < cells.length; c++) {
                 const targetRow = anchorRow + r;
                 const targetCol = anchorCol + c;

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/esm/hooks/useKeyboardNavigation.js

@@ -1,32 +1,6 @@
 import { useCallback, useRef } from 'react';
 import { normalizeSelectionRange } from '../types';
-import { getCellValue, parseValue } from '../utils';
-/**
- * Excel-style Ctrl+Arrow: find the target position along a 1D axis.
- * - Non-empty current + non-empty next → scan through non-empties, stop at last before empty/edge.
- * - Otherwise → skip empties, land on next non-empty or edge.
- */
-function findCtrlTarget(pos, edge, step, isEmpty) {
-    if (pos === edge)
-        return pos;
-    const next = pos + step;
-    if (!isEmpty(pos) && !isEmpty(next)) {
-        let p = next;
-        while (p !== edge) {
-            if (isEmpty(p + step))
-                return p;
-            p += step;
-        }
-        return edge;
-    }
-    let p = next;
-    while (p !== edge) {
-        if (!isEmpty(p))
-            return p;
-        p += step;
-    }
-    return edge;
-}
+import { getCellValue, parseValue, findCtrlArrowTarget, computeTabNavigation } from '../utils';
 /**
  * Handles all keyboard navigation, shortcuts, and cell editing triggers for the grid.
  * @param params - Grouped data, state, handlers, and feature flags for keyboard interactions.
@@ -100,7 +74,7 @@ export function useKeyboardNavigation(params) {
                 e.preventDefault();
                 const ctrl = e.ctrlKey || e.metaKey;
                 const newRow = ctrl
-                    ? findCtrlTarget(rowIndex, maxRowIndex, 1, (r) => isEmptyAt(r, Math.max(0, dataColIndex)))
+                    ? findCtrlArrowTarget(rowIndex, maxRowIndex, 1, (r) => isEmptyAt(r, Math.max(0, dataColIndex)))
                     : Math.min(rowIndex + 1, maxRowIndex);
                 if (shift) {
                     setSelectionRange(normalizeSelectionRange({
@@ -125,7 +99,7 @@ export function useKeyboardNavigation(params) {
                 e.preventDefault();
                 const ctrl = e.ctrlKey || e.metaKey;
                 const newRowUp = ctrl
-                    ? findCtrlTarget(rowIndex, 0, -1, (r) => isEmptyAt(r, Math.max(0, dataColIndex)))
+                    ? findCtrlArrowTarget(rowIndex, 0, -1, (r) => isEmptyAt(r, Math.max(0, dataColIndex)))
                     : Math.max(rowIndex - 1, 0);
                 if (shift) {
                     setSelectionRange(normalizeSelectionRange({
@@ -151,7 +125,7 @@ export function useKeyboardNavigation(params) {
                 const ctrl = e.ctrlKey || e.metaKey;
                 let newCol;
                 if (ctrl && dataColIndex >= 0) {
-                    newCol = findCtrlTarget(dataColIndex, visibleCols.length - 1, 1, (c) => isEmptyAt(rowIndex, c)) + colOffset;
+                    newCol = findCtrlArrowTarget(dataColIndex, visibleCols.length - 1, 1, (c) => isEmptyAt(rowIndex, c)) + colOffset;
                 }
                 else {
                     newCol = Math.min(columnIndex + 1, maxColIndex);
@@ -181,7 +155,7 @@ export function useKeyboardNavigation(params) {
                 const ctrl = e.ctrlKey || e.metaKey;
                 let newColLeft;
                 if (ctrl && dataColIndex >= 0) {
-                    newColLeft = findCtrlTarget(dataColIndex, 0, -1, (c) => isEmptyAt(rowIndex, c)) + colOffset;
+                    newColLeft = findCtrlArrowTarget(dataColIndex, 0, -1, (c) => isEmptyAt(rowIndex, c)) + colOffset;
                 }
                 else {
                     newColLeft = Math.max(columnIndex - 1, colOffset);
@@ -208,26 +182,7 @@ export function useKeyboardNavigation(params) {
             }
             case 'Tab': {
                 e.preventDefault();
-                let newRowTab = rowIndex;
-                let newColTab = columnIndex;
-                if (e.shiftKey) {
-                    if (columnIndex > colOffset) {
-                        newColTab = columnIndex - 1;
-                    }
-                    else if (rowIndex > 0) {
-                        newRowTab = rowIndex - 1;
-                        newColTab = maxColIndex;
-                    }
-                }
-                else {
-                    if (columnIndex < maxColIndex) {
-                        newColTab = columnIndex + 1;
-                    }
-                    else if (rowIndex < maxRowIndex) {
-                        newRowTab = rowIndex + 1;
-                        newColTab = colOffset;
-                    }
-                }
+                const { rowIndex: newRowTab, columnIndex: newColTab } = computeTabNavigation(rowIndex, columnIndex, maxRowIndex, maxColIndex, colOffset, e.shiftKey);
                 const newDataColTab = newColTab - colOffset;
                 setSelectionRange({
                     startRow: newRowTab,

package/dist/esm/hooks/useSelectState.js

@@ -0,0 +1,65 @@
+import { useState, useCallback, useEffect, useRef } from 'react';
+/**
+ * Manages select editor state with keyboard navigation (arrow keys, enter, escape).
+ * Simpler than useRichSelectState — no search, just a dropdown list.
+ */
+export function useSelectState(params) {
+    const { values, formatValue, initialValue, onCommit, onCancel } = params;
+    const dropdownRef = useRef(null);
+    const getDisplayText = useCallback((value) => {
+        if (formatValue)
+            return formatValue(value);
+        return value != null ? String(value) : '';
+    }, [formatValue]);
+    // Start highlighted on current value
+    const initialIndex = values.findIndex((v) => String(v) === String(initialValue));
+    const [highlightedIndex, setHighlightedIndex] = useState(Math.max(initialIndex, 0));
+    // Scroll highlighted option into view
+    useEffect(() => {
+        const dropdown = dropdownRef.current;
+        if (!dropdown)
+            return;
+        const highlighted = dropdown.children[highlightedIndex];
+        highlighted?.scrollIntoView({ block: 'nearest' });
+    }, [highlightedIndex]);
+    const selectValue = useCallback((value) => {
+        onCommit(value);
+    }, [onCommit]);
+    const handleKeyDown = useCallback((e) => {
+        switch (e.key) {
+            case 'ArrowDown':
+                e.preventDefault();
+                setHighlightedIndex((prev) => Math.min(prev + 1, values.length - 1));
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                setHighlightedIndex((prev) => Math.max(prev - 1, 0));
+                break;
+            case 'Enter':
+                e.preventDefault();
+                e.stopPropagation();
+                if (values.length > 0 && highlightedIndex < values.length) {
+                    selectValue(values[highlightedIndex]);
+                }
+                break;
+            case 'Tab':
+                e.preventDefault();
+                if (values.length > 0 && highlightedIndex < values.length) {
+                    selectValue(values[highlightedIndex]);
+                }
+                break;
+            case 'Escape':
+                e.preventDefault();
+                e.stopPropagation();
+                onCancel();
+                break;
+        }
+    }, [values, highlightedIndex, selectValue, onCancel]);
+    return {
+        highlightedIndex,
+        handleKeyDown,
+        selectValue,
+        getDisplayText,
+        dropdownRef,
+    };
+}

package/dist/esm/hooks/useUndoRedo.js

@@ -1,52 +1,46 @@
 import { useCallback, useRef, useState } from 'react';
+import { UndoRedoStack } from '../utils';
 /**
  * Wraps onCellValueChanged with an undo/redo history stack.
  * Supports batch operations: changes between beginBatch/endBatch are one undo step.
  */
 export function useUndoRedo(params) {
     const { onCellValueChanged, maxUndoDepth = 100 } = params;
-    // Each history entry is an array of events (batch). Single edits are [event].
-    const historyRef = useRef([]);
-    const redoStackRef = useRef([]);
-    const batchRef = useRef(null);
+    const stackRef = useRef(null);
+    if (stackRef.current === null) {
+        stackRef.current = new UndoRedoStack(maxUndoDepth);
+    }
     const [historyLength, setHistoryLength] = useState(0);
     const [redoLength, setRedoLength] = useState(0);
     const wrapped = useCallback((event) => {
         if (!onCellValueChanged)
             return;
-        if (batchRef.current !== null) {
-            // Accumulate into the current batch — don't push to history yet
-            batchRef.current.push(event);
-        }
-        else {
-            historyRef.current = [...historyRef.current, [event]].slice(-maxUndoDepth);
-            redoStackRef.current = [];
-            setHistoryLength(historyRef.current.length);
-            setRedoLength(0);
+        const stack = stackRef.current;
+        stack.record(event);
+        if (!stack.isBatching) {
+            setHistoryLength(stack.historyLength);
+            setRedoLength(stack.redoLength);
         }
         onCellValueChanged(event);
-    }, [onCellValueChanged, maxUndoDepth]);
+    }, [onCellValueChanged]);
     const beginBatch = useCallback(() => {
-        batchRef.current = [];
+        stackRef.current.beginBatch();
     }, []);
     const endBatch = useCallback(() => {
-        const batch = batchRef.current;
-        batchRef.current = null;
-        if (!batch || batch.length === 0)
-            return;
-        historyRef.current = [...historyRef.current, batch].slice(-maxUndoDepth);
-        redoStackRef.current = [];
-        setHistoryLength(historyRef.current.length);
-        setRedoLength(0);
-    }, [maxUndoDepth]);
+        const stack = stackRef.current;
+        stack.endBatch();
+        setHistoryLength(stack.historyLength);
+        setRedoLength(stack.redoLength);
+    }, []);
     const undo = useCallback(() => {
-        if (!onCellValueChanged || historyRef.current.length === 0)
+        if (!onCellValueChanged)
+            return;
+        const stack = stackRef.current;
+        const lastBatch = stack.undo();
+        if (!lastBatch)
             return;
-        const lastBatch = historyRef.current[historyRef.current.length - 1];
-        historyRef.current = historyRef.current.slice(0, -1);
-        redoStackRef.current = [...redoStackRef.current, lastBatch];
-        setHistoryLength(historyRef.current.length);
-        setRedoLength(redoStackRef.current.length);
+        setHistoryLength(stack.historyLength);
+        setRedoLength(stack.redoLength);
         // Revert in reverse order so multi-cell undo is applied correctly
         for (let i = lastBatch.length - 1; i >= 0; i--) {
             const ev = lastBatch[i];
@@ -58,13 +52,14 @@ export function useUndoRedo(params) {
         }
     }, [onCellValueChanged]);
     const redo = useCallback(() => {
-        if (!onCellValueChanged || redoStackRef.current.length === 0)
+        if (!onCellValueChanged)
+            return;
+        const stack = stackRef.current;
+        const nextBatch = stack.redo();
+        if (!nextBatch)
             return;
-        const nextBatch = redoStackRef.current[redoStackRef.current.length - 1];
-        redoStackRef.current = redoStackRef.current.slice(0, -1);
-        historyRef.current = [...historyRef.current, nextBatch];
-        setRedoLength(redoStackRef.current.length);
-        setHistoryLength(historyRef.current.length);
+        setHistoryLength(stack.historyLength);
+        setRedoLength(stack.redoLength);
         // Replay in original order
         for (const ev of nextBatch) {
             onCellValueChanged(ev);

package/dist/esm/index.js

@@ -2,13 +2,13 @@
 export { CHECKBOX_COLUMN_WIDTH, ROW_NUMBER_COLUMN_WIDTH, DEFAULT_MIN_COLUMN_WIDTH, CELL_PADDING, GRID_BORDER_RADIUS, } from '@alaarab/ogrid-core';
 export { toUserLike, isInSelectionRange, normalizeSelectionRange } from './types';
 // Hooks
-export { useFilterOptions, useOGrid, useActiveCell, useCellEditing, useContextMenu, useCellSelection, useClipboard, useRowSelection, useKeyboardNavigation, useUndoRedo, useDebounce, useFillHandle, useDataGridState, useColumnHeaderFilterState, useTextFilterState, useMultiSelectFilterState, usePeopleFilterState, useDateFilterState, useColumnChooserState, useInlineCellEditorState, useColumnResize, useRichSelectState, useSideBarState, useTableLayout, useColumnReorder, useVirtualScroll, useLatestRef, usePaginationControls, useDataGridTableOrchestration, } from './hooks';
+export { useFilterOptions, useOGrid, useActiveCell, useCellEditing, useContextMenu, useCellSelection, useClipboard, useRowSelection, useKeyboardNavigation, useUndoRedo, useDebounce, useFillHandle, useDataGridState, useColumnHeaderFilterState, useTextFilterState, useMultiSelectFilterState, usePeopleFilterState, useDateFilterState, useColumnChooserState, useInlineCellEditorState, useColumnResize, useRichSelectState, useSelectState, useSideBarState, useTableLayout, useColumnReorder, useVirtualScroll, useLatestRef, usePaginationControls, useDataGridTableOrchestration, } from './hooks';
 // Constants
 export { GRID_ROOT_STYLE, CURSOR_CELL_STYLE, POPOVER_ANCHOR_STYLE, PREVENT_DEFAULT, NOOP, STOP_PROPAGATION, } from './constants/domHelpers';
 // Components
 export { OGridLayout } from './components/OGridLayout';
 export { StatusBar } from './components/StatusBar';
-export { BaseInlineCellEditor, editorWrapperStyle, editorInputStyle, richSelectWrapperStyle, richSelectDropdownStyle, richSelectOptionStyle, richSelectOptionHighlightedStyle, richSelectNoMatchesStyle, selectEditorStyle, } from './components/BaseInlineCellEditor';
+export { BaseInlineCellEditor, editorWrapperStyle, editorInputStyle, richSelectWrapperStyle, richSelectDropdownStyle, richSelectOptionStyle, richSelectOptionHighlightedStyle, richSelectNoMatchesStyle, selectEditorStyle, selectDisplayStyle, selectChevronStyle, } from './components/BaseInlineCellEditor';
 export { GridContextMenu } from './components/GridContextMenu';
 export { MarchingAntsOverlay } from './components/MarchingAntsOverlay';
 export { SideBar } from './components/SideBar';
@@ -16,6 +16,6 @@ export { CellErrorBoundary } from './components/CellErrorBoundary';
 export { EmptyState } from './components/EmptyState';
 export { DateFilterContent, getColumnHeaderFilterStateParams, getDateFilterContentProps, } from './components/ColumnHeaderFilterContent';
 // Utilities
-export { escapeCsvValue, buildCsvHeader, buildCsvRows, exportToCsv, triggerCsvDownload, getCellValue, flattenColumns, buildHeaderRows, getFilterField, mergeFilter, deriveFilterOptionsFromData, getMultiSelectFilterFields, getStatusBarParts, getDataGridStatusBarConfig, GRID_CONTEXT_MENU_ITEMS, getContextMenuHandlers, formatShortcut, getPaginationViewModel, PAGE_SIZE_OPTIONS, MAX_PAGE_BUTTONS, getHeaderFilterConfig, getCellRenderDescriptor, isRowInRange, resolveCellDisplayContent, resolveCellStyle, buildInlineEditorProps, buildPopoverEditorProps, getCellInteractionProps, parseValue, numberParser, currencyParser, dateParser, emailParser, booleanParser, computeAggregations, processClientSideData, areGridRowPropsEqual, } from './utils';
+export { escapeCsvValue, buildCsvHeader, buildCsvRows, exportToCsv, triggerCsvDownload, getCellValue, flattenColumns, buildHeaderRows, getFilterField, mergeFilter, deriveFilterOptionsFromData, getMultiSelectFilterFields, getStatusBarParts, getDataGridStatusBarConfig, GRID_CONTEXT_MENU_ITEMS, COLUMN_HEADER_MENU_ITEMS, getContextMenuHandlers, getColumnHeaderMenuItems, formatShortcut, getPaginationViewModel, PAGE_SIZE_OPTIONS, MAX_PAGE_BUTTONS, getHeaderFilterConfig, getCellRenderDescriptor, isRowInRange, resolveCellDisplayContent, resolveCellStyle, buildInlineEditorProps, buildPopoverEditorProps, getCellInteractionProps, parseValue, numberParser, currencyParser, dateParser, emailParser, booleanParser, computeAggregations, processClientSideData, areGridRowPropsEqual, findCtrlArrowTarget, computeTabNavigation, rangesEqual, clampSelectionToBounds, computeAutoScrollSpeed, formatCellValueForTsv, formatSelectionAsTsv, parseTsvClipboard, UndoRedoStack, } from './utils';
 // Shared component props & renderers (for UI packages to consume)
 export { renderFilterContent } from './components/ColumnHeaderFilterRenderers';

package/dist/esm/utils/index.js

@@ -1,5 +1,5 @@
 // Shared utilities re-exported from core
-export { escapeCsvValue, buildCsvHeader, buildCsvRows, exportToCsv, triggerCsvDownload, getCellValue, flattenColumns, buildHeaderRows, getFilterField, mergeFilter, deriveFilterOptionsFromData, getMultiSelectFilterFields, getStatusBarParts, getDataGridStatusBarConfig, getPaginationViewModel, PAGE_SIZE_OPTIONS, MAX_PAGE_BUTTONS, GRID_CONTEXT_MENU_ITEMS, getContextMenuHandlers, formatShortcut, parseValue, numberParser, currencyParser, dateParser, emailParser, booleanParser, computeAggregations, processClientSideData, computeNextSortState, measureColumnContentWidth, AUTOSIZE_EXTRA_PX, AUTOSIZE_MAX_PX, } from '@alaarab/ogrid-core';
+export { escapeCsvValue, buildCsvHeader, buildCsvRows, exportToCsv, triggerCsvDownload, getCellValue, flattenColumns, buildHeaderRows, getFilterField, mergeFilter, deriveFilterOptionsFromData, getMultiSelectFilterFields, getStatusBarParts, getDataGridStatusBarConfig, getPaginationViewModel, PAGE_SIZE_OPTIONS, MAX_PAGE_BUTTONS, GRID_CONTEXT_MENU_ITEMS, COLUMN_HEADER_MENU_ITEMS, getContextMenuHandlers, getColumnHeaderMenuItems, formatShortcut, parseValue, numberParser, currencyParser, dateParser, emailParser, booleanParser, computeAggregations, processClientSideData, computeNextSortState, measureColumnContentWidth, AUTOSIZE_EXTRA_PX, AUTOSIZE_MAX_PX, findCtrlArrowTarget, computeTabNavigation, rangesEqual, clampSelectionToBounds, computeAutoScrollSpeed, formatCellValueForTsv, formatSelectionAsTsv, parseTsvClipboard, UndoRedoStack, } from '@alaarab/ogrid-core';
 // View model utilities (re-exported from core + React-specific getCellInteractionProps)
 export { getHeaderFilterConfig, getCellRenderDescriptor, resolveCellDisplayContent, resolveCellStyle, buildInlineEditorProps, buildPopoverEditorProps, getCellInteractionProps, } from './dataGridViewModel';
 export { areGridRowPropsEqual, isRowInRange } from './gridRowComparator';

package/dist/types/components/BaseInlineCellEditor.d.ts

@@ -8,6 +8,8 @@ export declare const richSelectOptionStyle: React.CSSProperties;
 export declare const richSelectOptionHighlightedStyle: React.CSSProperties;
 export declare const richSelectNoMatchesStyle: React.CSSProperties;
 export declare const selectEditorStyle: React.CSSProperties;
+export declare const selectDisplayStyle: React.CSSProperties;
+export declare const selectChevronStyle: React.CSSProperties;
 export interface BaseInlineCellEditorProps<T> {
     value: unknown;
     item: T;
@@ -18,16 +20,14 @@ export interface BaseInlineCellEditorProps<T> {
     onCancel: () => void;
     /** Framework-specific checkbox renderer */
     renderCheckbox: (checked: boolean, onCommit: (value: boolean) => void, onCancel: () => void) => React.ReactNode;
-    /** Framework-specific select renderer */
-    renderSelect: (value: unknown, values: unknown[], onCommit: (value: unknown) => void, onCancel: () => void) => React.ReactNode;
+    /** @deprecated Built-in custom dropdown is now used. Kept for backward compatibility. */
+    renderSelect?: (value: unknown, values: unknown[], onCommit: (value: unknown) => void, onCancel: () => void) => React.ReactNode;
 }
 /**
- * Base inline cell editor with shared logic for all editor types except checkbox and select
- * (which are framework-specific). Used by all 3 UI packages to avoid duplication.
+ * Base inline cell editor with shared logic for all editor types except checkbox
+ * (which is framework-specific). Used by all 3 UI packages to avoid duplication.
  *
- * Usage:
- * - Radix: Pass Radix Checkbox/native select via render props
- * - Fluent: Pass Fluent Checkbox/Select via render props
- * - Material: Pass MUI Checkbox/Select via render props
+ * Text, date, select, and richSelect editors are fully shared.
+ * Checkbox is delegated via renderCheckbox render prop.
  */
 export declare function BaseInlineCellEditor<T>(props: BaseInlineCellEditorProps<T>): React.ReactElement;

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

@@ -45,6 +45,8 @@ export { useColumnHeaderMenuState } from './useColumnHeaderMenuState';
 export type { UseColumnHeaderMenuStateParams, UseColumnHeaderMenuStateResult, } from './useColumnHeaderMenuState';
 export { useRichSelectState } from './useRichSelectState';
 export type { UseRichSelectStateParams, UseRichSelectStateResult } from './useRichSelectState';
+export { useSelectState } from './useSelectState';
+export type { UseSelectStateParams, UseSelectStateResult } from './useSelectState';
 export { useSideBarState } from './useSideBarState';
 export type { UseSideBarStateParams, UseSideBarStateResult } from './useSideBarState';
 export { useTableLayout } from './useTableLayout';

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/dist/types/hooks/useSelectState.d.ts

@@ -0,0 +1,19 @@
+export interface UseSelectStateParams {
+    values: unknown[];
+    formatValue?: (value: unknown) => string;
+    initialValue: unknown;
+    onCommit: (value: unknown) => void;
+    onCancel: () => void;
+}
+export interface UseSelectStateResult {
+    highlightedIndex: number;
+    handleKeyDown: (e: React.KeyboardEvent) => void;
+    selectValue: (value: unknown) => void;
+    getDisplayText: (value: unknown) => string;
+    dropdownRef: React.RefObject<HTMLDivElement | null>;
+}
+/**
+ * Manages select editor state with keyboard navigation (arrow keys, enter, escape).
+ * Simpler than useRichSelectState — no search, just a dropdown list.
+ */
+export declare function useSelectState(params: UseSelectStateParams): UseSelectStateResult;

package/dist/types/index.d.ts

@@ -1,14 +1,14 @@
 export { CHECKBOX_COLUMN_WIDTH, ROW_NUMBER_COLUMN_WIDTH, DEFAULT_MIN_COLUMN_WIDTH, CELL_PADDING, GRID_BORDER_RADIUS, } from '@alaarab/ogrid-core';
 export type { ColumnFilterType, IColumnFilterDef, IColumnMeta, IColumnDef, IColumnGroupDef, IColumnDefinition, ICellValueChangedEvent, ICellEditorProps, CellEditorParams, IValueParserParams, UserLike, UserLikeInput, FilterValue, IFilters, IFetchParams, IPageResult, IDataSource, IGridColumnState, IOGridApi, IOGridProps, IOGridDataGridProps, RowSelectionMode, RowId, IRowSelectionChangeEvent, StatusBarPanel, IStatusBarProps, IActiveCell, ISelectionRange, HeaderCell, HeaderRow, SideBarPanelId, ISideBarDef, IDateFilterValue, IVirtualScrollConfig, IColumnReorderConfig, } from './types';
 export { toUserLike, isInSelectionRange, normalizeSelectionRange } from './types';
-export { useFilterOptions, useOGrid, useActiveCell, useCellEditing, useContextMenu, useCellSelection, useClipboard, useRowSelection, useKeyboardNavigation, useUndoRedo, useDebounce, useFillHandle, useDataGridState, useColumnHeaderFilterState, useTextFilterState, useMultiSelectFilterState, usePeopleFilterState, useDateFilterState, useColumnChooserState, useInlineCellEditorState, useColumnResize, useRichSelectState, useSideBarState, useTableLayout, useColumnReorder, useVirtualScroll, useLatestRef, usePaginationControls, useDataGridTableOrchestration, } from './hooks';
-export type { UseFilterOptionsResult, UseOGridResult, UseOGridPagination, UseOGridColumnChooser, UseOGridLayout, UseOGridFilters, ColumnChooserPlacement, UseActiveCellResult, UseCellEditingResult, EditingCell, UseContextMenuResult, ContextMenuPosition, UseCellSelectionResult, UseCellSelectionParams, UseClipboardResult, UseClipboardParams, UseRowSelectionResult, UseRowSelectionParams, UseKeyboardNavigationResult, UseKeyboardNavigationParams, UseUndoRedoResult, UseUndoRedoParams, UseFillHandleResult, UseFillHandleParams, UseDataGridStateParams, UseDataGridStateResult, DataGridLayoutState, DataGridRowSelectionState, DataGridEditingState, DataGridCellInteractionState, DataGridContextMenuState, DataGridViewModelState, DataGridPinningState, UseColumnHeaderFilterStateParams, UseColumnHeaderFilterStateResult, UseTextFilterStateParams, UseTextFilterStateResult, UseMultiSelectFilterStateParams, UseMultiSelectFilterStateResult, UsePeopleFilterStateParams, UsePeopleFilterStateResult, UseDateFilterStateParams, UseDateFilterStateResult, UseColumnChooserStateParams, UseColumnChooserStateResult, UseInlineCellEditorStateParams, UseInlineCellEditorStateResult, InlineCellEditorType, UseColumnResizeParams, UseColumnResizeResult, UseRichSelectStateParams, UseRichSelectStateResult, UseSideBarStateParams, UseSideBarStateResult, UseTableLayoutParams, UseTableLayoutResult, UseColumnReorderParams, UseColumnReorderResult, UseVirtualScrollParams, UseVirtualScrollResult, UsePaginationControlsProps, UsePaginationControlsResult, UseDataGridTableOrchestrationParams, UseDataGridTableOrchestrationResult, } from './hooks';
+export { useFilterOptions, useOGrid, useActiveCell, useCellEditing, useContextMenu, useCellSelection, useClipboard, useRowSelection, useKeyboardNavigation, useUndoRedo, useDebounce, useFillHandle, useDataGridState, useColumnHeaderFilterState, useTextFilterState, useMultiSelectFilterState, usePeopleFilterState, useDateFilterState, useColumnChooserState, useInlineCellEditorState, useColumnResize, useRichSelectState, useSelectState, useSideBarState, useTableLayout, useColumnReorder, useVirtualScroll, useLatestRef, usePaginationControls, useDataGridTableOrchestration, } from './hooks';
+export type { UseFilterOptionsResult, UseOGridResult, UseOGridPagination, UseOGridColumnChooser, UseOGridLayout, UseOGridFilters, ColumnChooserPlacement, UseActiveCellResult, UseCellEditingResult, EditingCell, UseContextMenuResult, ContextMenuPosition, UseCellSelectionResult, UseCellSelectionParams, UseClipboardResult, UseClipboardParams, UseRowSelectionResult, UseRowSelectionParams, UseKeyboardNavigationResult, UseKeyboardNavigationParams, UseUndoRedoResult, UseUndoRedoParams, UseFillHandleResult, UseFillHandleParams, UseDataGridStateParams, UseDataGridStateResult, DataGridLayoutState, DataGridRowSelectionState, DataGridEditingState, DataGridCellInteractionState, DataGridContextMenuState, DataGridViewModelState, DataGridPinningState, UseColumnHeaderFilterStateParams, UseColumnHeaderFilterStateResult, UseTextFilterStateParams, UseTextFilterStateResult, UseMultiSelectFilterStateParams, UseMultiSelectFilterStateResult, UsePeopleFilterStateParams, UsePeopleFilterStateResult, UseDateFilterStateParams, UseDateFilterStateResult, UseColumnChooserStateParams, UseColumnChooserStateResult, UseInlineCellEditorStateParams, UseInlineCellEditorStateResult, InlineCellEditorType, UseColumnResizeParams, UseColumnResizeResult, UseRichSelectStateParams, UseRichSelectStateResult, UseSelectStateParams, UseSelectStateResult, UseSideBarStateParams, UseSideBarStateResult, UseTableLayoutParams, UseTableLayoutResult, UseColumnReorderParams, UseColumnReorderResult, UseVirtualScrollParams, UseVirtualScrollResult, UsePaginationControlsProps, UsePaginationControlsResult, UseDataGridTableOrchestrationParams, UseDataGridTableOrchestrationResult, } from './hooks';
 export { GRID_ROOT_STYLE, CURSOR_CELL_STYLE, POPOVER_ANCHOR_STYLE, PREVENT_DEFAULT, NOOP, STOP_PROPAGATION, } from './constants/domHelpers';
 export { OGridLayout } from './components/OGridLayout';
 export type { OGridLayoutProps } from './components/OGridLayout';
 export { StatusBar } from './components/StatusBar';
 export type { StatusBarProps, StatusBarClassNames } from './components/StatusBar';
-export { BaseInlineCellEditor, editorWrapperStyle, editorInputStyle, richSelectWrapperStyle, richSelectDropdownStyle, richSelectOptionStyle, richSelectOptionHighlightedStyle, richSelectNoMatchesStyle, selectEditorStyle, } from './components/BaseInlineCellEditor';
+export { BaseInlineCellEditor, editorWrapperStyle, editorInputStyle, richSelectWrapperStyle, richSelectDropdownStyle, richSelectOptionStyle, richSelectOptionHighlightedStyle, richSelectNoMatchesStyle, selectEditorStyle, selectDisplayStyle, selectChevronStyle, } from './components/BaseInlineCellEditor';
 export type { BaseInlineCellEditorProps } from './components/BaseInlineCellEditor';
 export { GridContextMenu } from './components/GridContextMenu';
 export type { GridContextMenuProps, GridContextMenuClassNames } from './components/GridContextMenu';
@@ -22,8 +22,8 @@ export { EmptyState } from './components/EmptyState';
 export type { EmptyStateProps } from './components/EmptyState';
 export { DateFilterContent, getColumnHeaderFilterStateParams, getDateFilterContentProps, } from './components/ColumnHeaderFilterContent';
 export type { IColumnHeaderFilterProps, DateFilterContentProps, DateFilterClassNames, } from './components/ColumnHeaderFilterContent';
-export { escapeCsvValue, buildCsvHeader, buildCsvRows, exportToCsv, triggerCsvDownload, getCellValue, flattenColumns, buildHeaderRows, getFilterField, mergeFilter, deriveFilterOptionsFromData, getMultiSelectFilterFields, getStatusBarParts, getDataGridStatusBarConfig, GRID_CONTEXT_MENU_ITEMS, getContextMenuHandlers, formatShortcut, getPaginationViewModel, PAGE_SIZE_OPTIONS, MAX_PAGE_BUTTONS, getHeaderFilterConfig, getCellRenderDescriptor, isRowInRange, resolveCellDisplayContent, resolveCellStyle, buildInlineEditorProps, buildPopoverEditorProps, getCellInteractionProps, parseValue, numberParser, currencyParser, dateParser, emailParser, booleanParser, computeAggregations, processClientSideData, areGridRowPropsEqual, } from './utils';
-export type { CsvColumn, StatusBarPart, StatusBarPartsInput, GridContextMenuItem, GridContextMenuHandlerProps, PaginationViewModel, HeaderFilterConfigInput, HeaderFilterConfig, CellRenderDescriptorInput, CellRenderDescriptor, CellRenderMode, CellInteractionHandlers, ParseValueResult, AggregationResult, GridRowComparatorProps, } from './utils';
+export { escapeCsvValue, buildCsvHeader, buildCsvRows, exportToCsv, triggerCsvDownload, getCellValue, flattenColumns, buildHeaderRows, getFilterField, mergeFilter, deriveFilterOptionsFromData, getMultiSelectFilterFields, getStatusBarParts, getDataGridStatusBarConfig, GRID_CONTEXT_MENU_ITEMS, COLUMN_HEADER_MENU_ITEMS, getContextMenuHandlers, getColumnHeaderMenuItems, formatShortcut, getPaginationViewModel, PAGE_SIZE_OPTIONS, MAX_PAGE_BUTTONS, getHeaderFilterConfig, getCellRenderDescriptor, isRowInRange, resolveCellDisplayContent, resolveCellStyle, buildInlineEditorProps, buildPopoverEditorProps, getCellInteractionProps, parseValue, numberParser, currencyParser, dateParser, emailParser, booleanParser, computeAggregations, processClientSideData, areGridRowPropsEqual, findCtrlArrowTarget, computeTabNavigation, rangesEqual, clampSelectionToBounds, computeAutoScrollSpeed, formatCellValueForTsv, formatSelectionAsTsv, parseTsvClipboard, UndoRedoStack, } from './utils';
+export type { CsvColumn, StatusBarPart, StatusBarPartsInput, GridContextMenuItem, GridContextMenuHandlerProps, PaginationViewModel, HeaderFilterConfigInput, HeaderFilterConfig, CellRenderDescriptorInput, CellRenderDescriptor, CellRenderMode, CellInteractionHandlers, ParseValueResult, AggregationResult, GridRowComparatorProps, IColumnHeaderMenuItem, ColumnHeaderMenuInput, ColumnHeaderMenuHandlers, } from './utils';
 export { renderFilterContent } from './components/ColumnHeaderFilterRenderers';
 export type { FilterContentRenderers, MultiSelectRendererProps, TextRendererProps, PeopleRendererProps, DateRendererProps, } from './components/ColumnHeaderFilterRenderers';
 export type { IColumnChooserProps } from './components/ColumnChooserProps';

package/dist/types/utils/index.d.ts

@@ -1,5 +1,5 @@
-export { escapeCsvValue, buildCsvHeader, buildCsvRows, exportToCsv, triggerCsvDownload, getCellValue, flattenColumns, buildHeaderRows, getFilterField, mergeFilter, deriveFilterOptionsFromData, getMultiSelectFilterFields, getStatusBarParts, getDataGridStatusBarConfig, getPaginationViewModel, PAGE_SIZE_OPTIONS, MAX_PAGE_BUTTONS, GRID_CONTEXT_MENU_ITEMS, getContextMenuHandlers, formatShortcut, parseValue, numberParser, currencyParser, dateParser, emailParser, booleanParser, computeAggregations, processClientSideData, computeNextSortState, measureColumnContentWidth, AUTOSIZE_EXTRA_PX, AUTOSIZE_MAX_PX, } from '@alaarab/ogrid-core';
-export type { CsvColumn, StatusBarPart, StatusBarPartsInput, GridContextMenuItem, GridContextMenuHandlerProps, PaginationViewModel, ParseValueResult, AggregationResult, } from '@alaarab/ogrid-core';
+export { escapeCsvValue, buildCsvHeader, buildCsvRows, exportToCsv, triggerCsvDownload, getCellValue, flattenColumns, buildHeaderRows, getFilterField, mergeFilter, deriveFilterOptionsFromData, getMultiSelectFilterFields, getStatusBarParts, getDataGridStatusBarConfig, getPaginationViewModel, PAGE_SIZE_OPTIONS, MAX_PAGE_BUTTONS, GRID_CONTEXT_MENU_ITEMS, COLUMN_HEADER_MENU_ITEMS, getContextMenuHandlers, getColumnHeaderMenuItems, formatShortcut, parseValue, numberParser, currencyParser, dateParser, emailParser, booleanParser, computeAggregations, processClientSideData, computeNextSortState, measureColumnContentWidth, AUTOSIZE_EXTRA_PX, AUTOSIZE_MAX_PX, findCtrlArrowTarget, computeTabNavigation, rangesEqual, clampSelectionToBounds, computeAutoScrollSpeed, formatCellValueForTsv, formatSelectionAsTsv, parseTsvClipboard, UndoRedoStack, } from '@alaarab/ogrid-core';
+export type { CsvColumn, StatusBarPart, StatusBarPartsInput, GridContextMenuItem, GridContextMenuHandlerProps, PaginationViewModel, ParseValueResult, AggregationResult, IColumnHeaderMenuItem, ColumnHeaderMenuInput, ColumnHeaderMenuHandlers, } from '@alaarab/ogrid-core';
 export { getHeaderFilterConfig, getCellRenderDescriptor, resolveCellDisplayContent, resolveCellStyle, buildInlineEditorProps, buildPopoverEditorProps, getCellInteractionProps, } from './dataGridViewModel';
 export type { HeaderFilterConfigInput, HeaderFilterConfig, CellRenderDescriptorInput, CellRenderDescriptor, CellRenderMode, CellInteractionHandlers, } from './dataGridViewModel';
 export { areGridRowPropsEqual, isRowInRange } from './gridRowComparator';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-react",
-  "version": "2.0.14",
+  "version": "2.0.16",
   "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.14"
+    "@alaarab/ogrid-core": "2.0.15"
   },
   "peerDependencies": {
     "@tanstack/react-virtual": "^3.0.0",