@alaarab/ogrid-core 1.7.2 → 1.8.0

package/dist/esm/components/OGridLayout.js

@@ -33,10 +33,9 @@ const toolbarSectionStyle = {
     alignItems: 'center',
     gap: 8,
 };
+/** Secondary toolbar row — minimal wrapper. Consumer content handles its own padding/background. */
 const toolbarBelowStyle = {
-    padding: '6px 12px',
     borderBottom: '1px solid var(--ogrid-border, #e0e0e0)',
-    background: 'var(--ogrid-header-bg, #f5f5f5)',
 };
 const footerStripStyle = {
     borderTop: '1px solid var(--ogrid-border, #e0e0e0)',

package/dist/esm/hooks/useCellSelection.js

@@ -23,6 +23,10 @@ export function useCellSelection(params) {
     const liveDragRangeRef = useRef(null);
     /** Auto-scroll interval during drag. */
     const autoScrollRef = useRef(null);
+    // Ref mirror of selectionRange — lets handleCellMouseDown read current value
+    // without adding selectionRange to its useCallback deps (keeps it stable).
+    const selectionRangeRef = useRef(selectionRange);
+    selectionRangeRef.current = selectionRange;
     const handleCellMouseDown = useCallback((e, rowIndex, globalColIndex) => {
         // Only handle primary (left) button — let middle-click scroll and right-click context menu work natively
         if (e.button !== 0)
@@ -32,10 +36,11 @@ export function useCellSelection(params) {
         // Prevent native text selection during cell drag
         e.preventDefault();
         const dataColIndex = globalColIndex - colOffset;
-        if (e.shiftKey && selectionRange != null) {
+        const currentRange = selectionRangeRef.current;
+        if (e.shiftKey && currentRange != null) {
             setSelectionRange(normalizeSelectionRange({
-                startRow: selectionRange.startRow,
-                startCol: selectionRange.startCol,
+                startRow: currentRange.startRow,
+                startCol: currentRange.startCol,
                 endRow: rowIndex,
                 endCol: dataColIndex,
             }));
@@ -55,7 +60,7 @@ export function useCellSelection(params) {
             isDraggingRef.current = true;
             setIsDragging(true);
         }
-    }, [colOffset, selectionRange, setActiveCell]);
+    }, [colOffset, setActiveCell]);
     const handleSelectAllCells = useCallback(() => {
         if (rowCount === 0 || visibleColCount === 0)
             return;

package/dist/esm/hooks/useDataGridState.js

@@ -348,6 +348,7 @@ export function useDataGridState(params) {
             canRedo: undoRedo.canRedo,
             onUndo: undoRedo.undo,
             onRedo: undoRedo.redo,
+            isDragging: cellSelection ? isDragging : false,
         },
         contextMenu: {
             menuPosition: cellSelection ? contextMenu : null,

package/dist/esm/hooks/useFillHandle.js

@@ -173,15 +173,19 @@ export function useFillHandle(params) {
         beginBatch,
         endBatch,
     ]);
+    // Ref mirror — keeps handleFillHandleMouseDown stable across selection changes
+    const selectionRangeRef = useRef(selectionRange);
+    selectionRangeRef.current = selectionRange;
     const handleFillHandleMouseDown = useCallback((e) => {
         e.preventDefault();
         e.stopPropagation();
-        if (!selectionRange)
+        const range = selectionRangeRef.current;
+        if (!range)
             return;
         setFillDrag({
-            startRow: selectionRange.startRow,
-            startCol: selectionRange.startCol,
+            startRow: range.startRow,
+            startCol: range.startCol,
         });
-    }, [selectionRange]);
+    }, []);
     return { fillDrag, setFillDrag, handleFillHandleMouseDown };
 }

package/dist/esm/index.js

@@ -8,4 +8,4 @@ export { GridContextMenu } from './components/GridContextMenu';
 export { MarchingAntsOverlay } from './components/MarchingAntsOverlay';
 export { SideBar } from './components/SideBar';
 // 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, resolveCellDisplayContent, resolveCellStyle, buildInlineEditorProps, buildPopoverEditorProps, getCellInteractionProps, parseValue, numberParser, currencyParser, dateParser, emailParser, booleanParser, computeAggregations, processClientSideData, } from './utils';
+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, } from './utils';

package/dist/esm/utils/dataGridViewModel.js

@@ -54,6 +54,18 @@ export function getHeaderFilterConfig(col, input) {
     }
     return base;
 }
+// --- Row-level range utility (used by memoized GridRow comparators) ---
+/**
+ * Checks whether a given row index falls within a selection range.
+ * O(1) — used by React.memo comparators to skip unchanged rows.
+ */
+export function isRowInRange(range, rowIndex) {
+    if (!range)
+        return false;
+    const minR = Math.min(range.startRow, range.endRow);
+    const maxR = Math.max(range.startRow, range.endRow);
+    return rowIndex >= minR && rowIndex <= maxR;
+}
 /**
  * Returns a descriptor for rendering a cell. UI uses this to decide editing-inline vs editing-popover vs display
  * and to apply isActive, isInRange, etc. without duplicating the boolean logic.

package/dist/esm/utils/index.js

@@ -6,7 +6,7 @@ export { getStatusBarParts } from './statusBarHelpers';
 export { getDataGridStatusBarConfig } from './dataGridStatusBar';
 export { getPaginationViewModel, PAGE_SIZE_OPTIONS, MAX_PAGE_BUTTONS, } from './paginationHelpers';
 export { GRID_CONTEXT_MENU_ITEMS, getContextMenuHandlers, formatShortcut } from './gridContextMenuHelpers';
-export { getHeaderFilterConfig, getCellRenderDescriptor, resolveCellDisplayContent, resolveCellStyle, buildInlineEditorProps, buildPopoverEditorProps, getCellInteractionProps, } from './dataGridViewModel';
+export { getHeaderFilterConfig, getCellRenderDescriptor, isRowInRange, resolveCellDisplayContent, resolveCellStyle, buildInlineEditorProps, buildPopoverEditorProps, getCellInteractionProps, } from './dataGridViewModel';
 export { parseValue, numberParser, currencyParser, dateParser, emailParser, booleanParser, } from './valueParsers';
 export { computeAggregations } from './aggregationUtils';
 export { processClientSideData } from './clientSideData';

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

@@ -93,6 +93,8 @@ export interface DataGridCellInteractionState {
     canRedo: boolean;
     onUndo?: () => void;
     onRedo?: () => void;
+    /** True while user is drag-selecting cells (mousedown → mouseup). */
+    isDragging: boolean;
 }
 /** Context menu position and handlers. */
 export interface DataGridContextMenuState {

package/dist/types/index.d.ts

@@ -12,5 +12,5 @@ export { MarchingAntsOverlay } from './components/MarchingAntsOverlay';
 export type { MarchingAntsOverlayProps } from './components/MarchingAntsOverlay';
 export { SideBar } from './components/SideBar';
 export type { SideBarProps, SideBarFilterColumn } from './components/SideBar';
-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, resolveCellDisplayContent, resolveCellStyle, buildInlineEditorProps, buildPopoverEditorProps, getCellInteractionProps, parseValue, numberParser, currencyParser, dateParser, emailParser, booleanParser, computeAggregations, processClientSideData, } from './utils';
+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, } from './utils';
 export type { CsvColumn, StatusBarPart, StatusBarPartsInput, GridContextMenuItem, GridContextMenuHandlerProps, PaginationViewModel, HeaderFilterConfigInput, HeaderFilterConfig, CellRenderDescriptorInput, CellRenderDescriptor, CellRenderMode, CellInteractionHandlers, ParseValueResult, AggregationResult, } from './utils';

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

@@ -40,6 +40,14 @@ export interface HeaderFilterConfig {
  * Use in Fluent/Material/Radix DataGridTable instead of createHeaderWithFilter.
  */
 export declare function getHeaderFilterConfig<T>(col: IColumnDef<T>, input: HeaderFilterConfigInput): HeaderFilterConfig;
+/**
+ * Checks whether a given row index falls within a selection range.
+ * O(1) — used by React.memo comparators to skip unchanged rows.
+ */
+export declare function isRowInRange(range: {
+    startRow: number;
+    endRow: number;
+} | null, rowIndex: number): boolean;
 export type CellRenderMode = 'editing-inline' | 'editing-popover' | 'display';
 export interface CellRenderDescriptorInput<T> {
     editingCell: {

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

@@ -7,7 +7,7 @@ export { getDataGridStatusBarConfig } from './dataGridStatusBar';
 export { getPaginationViewModel, PAGE_SIZE_OPTIONS, MAX_PAGE_BUTTONS, } from './paginationHelpers';
 export type { PaginationViewModel } from './paginationHelpers';
 export { GRID_CONTEXT_MENU_ITEMS, getContextMenuHandlers, formatShortcut } from './gridContextMenuHelpers';
-export { getHeaderFilterConfig, getCellRenderDescriptor, resolveCellDisplayContent, resolveCellStyle, buildInlineEditorProps, buildPopoverEditorProps, getCellInteractionProps, } from './dataGridViewModel';
+export { getHeaderFilterConfig, getCellRenderDescriptor, isRowInRange, resolveCellDisplayContent, resolveCellStyle, buildInlineEditorProps, buildPopoverEditorProps, getCellInteractionProps, } from './dataGridViewModel';
 export type { HeaderFilterConfigInput, HeaderFilterConfig, CellRenderDescriptorInput, CellRenderDescriptor, CellRenderMode, CellInteractionHandlers, } from './dataGridViewModel';
 export type { CsvColumn } from './exportToCsv';
 export type { StatusBarPart, StatusBarPartsInput } from './statusBarHelpers';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-core",
-  "version": "1.7.2",
+  "version": "1.8.0",
   "description": "OGrid core – framework-agnostic types, hooks, and utilities for OGrid data tables.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",