@alaarab/ogrid-core 2.0.3 → 2.0.5

package/dist/esm/constants.js

@@ -3,6 +3,8 @@
  */
 /** Width of the row selection checkbox column in pixels. */
 export const CHECKBOX_COLUMN_WIDTH = 48;
+/** Width of the row numbers column in pixels. */
+export const ROW_NUMBER_COLUMN_WIDTH = 50;
 /** Default minimum width for resizable columns in pixels. */
 export const DEFAULT_MIN_COLUMN_WIDTH = 80;
 /** Horizontal padding inside cells, used for width calculations. */

package/dist/esm/utils/aggregationUtils.js

@@ -30,12 +30,22 @@ export function computeAggregations(items, visibleCols, selectionRange) {
     // Need at least 2 cells selected and at least 1 numeric value to show aggregation
     if (totalCells < 2 || numericValues.length === 0)
         return null;
-    const sum = numericValues.reduce((a, b) => a + b, 0);
+    let sum = 0;
+    let min = numericValues[0];
+    let max = numericValues[0];
+    for (let i = 0; i < numericValues.length; i++) {
+        const v = numericValues[i];
+        sum += v;
+        if (v < min)
+            min = v;
+        if (v > max)
+            max = v;
+    }
     return {
         sum,
         avg: sum / numericValues.length,
-        min: Math.min(...numericValues),
-        max: Math.max(...numericValues),
+        min,
+        max,
         count: numericValues.length,
     };
 }

package/dist/esm/utils/clientSideData.js

@@ -12,6 +12,11 @@ import { getFilterField } from './ogridHelpers';
  * @returns Filtered and sorted array
  */
 export function processClientSideData(data, columns, filters, sortBy, sortDirection) {
+    // Build column lookup map for O(1) access by columnId
+    const columnMap = new Map();
+    for (let i = 0; i < columns.length; i++) {
+        columnMap.set(columns[i].columnId, columns[i]);
+    }
     // --- Filtering (single-pass: build predicates, then one .filter()) ---
     const predicates = [];
     for (let i = 0; i < columns.length; i++) {
@@ -71,37 +76,59 @@ export function processClientSideData(data, columns, filters, sortBy, sortDirect
         : data.slice();
     // --- Sorting ---
     if (sortBy) {
-        const sortCol = columns.find((c) => c.columnId === sortBy);
+        const sortCol = columnMap.get(sortBy);
         const compare = sortCol?.compare;
         const dir = sortDirection === 'asc' ? 1 : -1;
-        rows.sort((a, b) => {
-            if (compare)
-                return compare(a, b) * dir;
-            const av = sortCol
-                ? getCellValue(a, sortCol)
-                : a[sortBy];
-            const bv = sortCol
-                ? getCellValue(b, sortCol)
-                : b[sortBy];
-            if (av == null && bv == null)
-                return 0;
-            if (av == null)
-                return -1 * dir;
-            if (bv == null)
-                return 1 * dir;
-            if (sortCol?.type === 'date') {
-                const at = new Date(String(av)).getTime();
-                const bt = new Date(String(bv)).getTime();
-                const aN = Number.isNaN(at) ? 0 : at;
-                const bN = Number.isNaN(bt) ? 0 : bt;
-                return aN === bN ? 0 : aN > bN ? dir : -dir;
+        const isDateSort = sortCol?.type === 'date';
+        // For date columns, pre-compute timestamps to avoid repeated new Date() in O(n log n) comparisons
+        if (isDateSort && !compare) {
+            const timestampCache = new Map();
+            for (let i = 0; i < rows.length; i++) {
+                const row = rows[i];
+                const val = sortCol ? getCellValue(row, sortCol) : row[sortBy];
+                if (val == null) {
+                    timestampCache.set(row, NaN);
+                }
+                else {
+                    const t = new Date(String(val)).getTime();
+                    timestampCache.set(row, Number.isNaN(t) ? 0 : t);
+                }
             }
-            if (typeof av === 'number' && typeof bv === 'number')
-                return av === bv ? 0 : av > bv ? dir : -dir;
-            const as = String(av).toLowerCase();
-            const bs = String(bv).toLowerCase();
-            return as === bs ? 0 : as > bs ? dir : -dir;
-        });
+            rows.sort((a, b) => {
+                const at = timestampCache.get(a);
+                const bt = timestampCache.get(b);
+                if (Number.isNaN(at) && Number.isNaN(bt))
+                    return 0;
+                if (Number.isNaN(at))
+                    return -1 * dir;
+                if (Number.isNaN(bt))
+                    return 1 * dir;
+                return at === bt ? 0 : at > bt ? dir : -dir;
+            });
+        }
+        else {
+            rows.sort((a, b) => {
+                if (compare)
+                    return compare(a, b) * dir;
+                const av = sortCol
+                    ? getCellValue(a, sortCol)
+                    : a[sortBy];
+                const bv = sortCol
+                    ? getCellValue(b, sortCol)
+                    : b[sortBy];
+                if (av == null && bv == null)
+                    return 0;
+                if (av == null)
+                    return -1 * dir;
+                if (bv == null)
+                    return 1 * dir;
+                if (typeof av === 'number' && typeof bv === 'number')
+                    return av === bv ? 0 : av > bv ? dir : -dir;
+                const as = String(av).toLowerCase();
+                const bs = String(bv).toLowerCase();
+                return as === bs ? 0 : as > bs ? dir : -dir;
+            });
+        }
     }
     return rows;
 }

package/dist/esm/utils/gridContextMenuHelpers.js

@@ -44,3 +44,9 @@ export function getContextMenuHandlers(props) {
         },
     };
 }
+/** Column header menu items for pin/unpin actions. */
+export const COLUMN_HEADER_MENU_ITEMS = [
+    { id: 'pinLeft', label: 'Pin left' },
+    { id: 'pinRight', label: 'Pin right' },
+    { id: 'unpin', label: 'Unpin' },
+];

package/dist/esm/utils/index.js

@@ -5,7 +5,7 @@ export { getFilterField, mergeFilter, deriveFilterOptionsFromData, getMultiSelec
 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 { GRID_CONTEXT_MENU_ITEMS, COLUMN_HEADER_MENU_ITEMS, getContextMenuHandlers, formatShortcut } from './gridContextMenuHelpers';
 export { parseValue, numberParser, currencyParser, dateParser, emailParser, booleanParser, } from './valueParsers';
 export { computeAggregations } from './aggregationUtils';
 export { processClientSideData } from './clientSideData';

package/dist/types/constants.d.ts

@@ -3,6 +3,8 @@
  */
 /** Width of the row selection checkbox column in pixels. */
 export declare const CHECKBOX_COLUMN_WIDTH = 48;
+/** Width of the row numbers column in pixels. */
+export declare const ROW_NUMBER_COLUMN_WIDTH = 50;
 /** Default minimum width for resizable columns in pixels. */
 export declare const DEFAULT_MIN_COLUMN_WIDTH = 80;
 /** Horizontal padding inside cells, used for width calculations. */

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

@@ -29,3 +29,11 @@ export interface GridContextMenuHandlerProps {
  * action and then onClose. Used by Fluent, Material, and Radix GridContextMenu components.
  */
 export declare function getContextMenuHandlers(props: GridContextMenuHandlerProps): Record<string, () => void>;
+/** Column header menu item definition. */
+export interface IColumnHeaderMenuItem {
+    id: string;
+    label: string;
+    icon?: string;
+}
+/** Column header menu items for pin/unpin actions. */
+export declare const COLUMN_HEADER_MENU_ITEMS: IColumnHeaderMenuItem[];

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

@@ -6,10 +6,10 @@ export { getStatusBarParts } from './statusBarHelpers';
 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 { GRID_CONTEXT_MENU_ITEMS, COLUMN_HEADER_MENU_ITEMS, getContextMenuHandlers, formatShortcut } from './gridContextMenuHelpers';
 export type { CsvColumn } from './exportToCsv';
 export type { StatusBarPart, StatusBarPartsInput } from './statusBarHelpers';
-export type { GridContextMenuItem, GridContextMenuHandlerProps } from './gridContextMenuHelpers';
+export type { GridContextMenuItem, IColumnHeaderMenuItem, GridContextMenuHandlerProps } from './gridContextMenuHelpers';
 export { parseValue, numberParser, currencyParser, dateParser, emailParser, booleanParser, } from './valueParsers';
 export type { ParseValueResult } from './valueParsers';
 export { computeAggregations } from './aggregationUtils';

package/package.json

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