@alaarab/ogrid-core 2.0.18 → 2.0.21

package/dist/esm/utils/aggregationUtils.js

@@ -9,8 +9,11 @@ export function computeAggregations(items, visibleCols, selectionRange) {
     if (!selectionRange)
         return null;
     const norm = normalizeSelectionRange(selectionRange);
-    const numericValues = [];
     let totalCells = 0;
+    let sum = 0;
+    let min = Infinity;
+    let max = -Infinity;
+    let count = 0;
     for (let r = norm.startRow; r <= norm.endRow; r++) {
         for (let c = norm.startCol; c <= norm.endCol; c++) {
             if (r >= items.length || c >= visibleCols.length)
@@ -23,29 +26,23 @@ export function computeAggregations(items, visibleCols, selectionRange) {
             // return NaN instead of partially parsing to 2020
             const num = typeof raw === 'number' ? raw : Number(raw);
             if (!isNaN(num) && isFinite(num)) {
-                numericValues.push(num);
+                sum += num;
+                if (num < min)
+                    min = num;
+                if (num > max)
+                    max = num;
+                count++;
             }
         }
     }
     // Need at least 2 cells selected and at least 1 numeric value to show aggregation
-    if (totalCells < 2 || numericValues.length === 0)
+    if (totalCells < 2 || count === 0)
         return null;
-    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,
+        avg: sum / count,
         min,
         max,
-        count: numericValues.length,
+        count,
     };
 }

package/dist/esm/utils/clientSideData.js

@@ -56,17 +56,19 @@ export function processClientSideData(data, columns, filters, sortBy, sortDirect
             }
             case 'date': {
                 const dv = val.value;
+                // Pre-compute filter boundary timestamps to avoid repeated Date parsing in the filter loop
+                const fromTs = dv.from ? new Date(dv.from + 'T00:00:00').getTime() : NaN;
+                const toTs = dv.to ? new Date(dv.to + 'T23:59:59.999').getTime() : NaN;
                 predicates.push((r) => {
                     const cellVal = getCellValue(r, col);
                     if (cellVal == null)
                         return false;
-                    const cellDate = new Date(String(cellVal));
-                    if (Number.isNaN(cellDate.getTime()))
+                    const cellTs = new Date(String(cellVal)).getTime();
+                    if (Number.isNaN(cellTs))
                         return false;
-                    const cellDateStr = cellDate.toISOString().split('T')[0];
-                    if (dv.from && cellDateStr < dv.from)
+                    if (!Number.isNaN(fromTs) && cellTs < fromTs)
                         return false;
-                    if (dv.to && cellDateStr > dv.to)
+                    if (!Number.isNaN(toTs) && cellTs > toTs)
                         return false;
                     return true;
                 });

package/dist/esm/utils/clipboardHelpers.js

@@ -12,7 +12,7 @@ export function formatCellValueForTsv(raw, formatted) {
     const val = formatted != null && formatted !== '' ? formatted : raw;
     if (val == null || val === '')
         return '';
-    return String(val).replace(/\t/g, ' ').replace(/\n/g, ' ');
+    return String(val).replace(/[\t\n]/g, ' ');
 }
 /**
  * Serialize a rectangular cell range to a TSV (tab-separated values) string
@@ -34,7 +34,8 @@ export function formatSelectionAsTsv(items, visibleCols, range) {
             const item = items[r];
             const col = visibleCols[c];
             const raw = getCellValue(item, col);
-            const formatted = col.valueFormatter ? col.valueFormatter(raw, item) : raw;
+            const clipboard = col.clipboardFormatter ? col.clipboardFormatter(raw, item) : null;
+            const formatted = clipboard ?? (col.valueFormatter ? col.valueFormatter(raw, item) : raw);
             cells.push(formatCellValueForTsv(raw, formatted));
         }
         rows.push(cells.join('\t'));

package/dist/esm/utils/columnAutosize.js

@@ -2,8 +2,8 @@
  * Column autosize DOM measurement utilities shared across all frameworks.
  */
 import { DEFAULT_MIN_COLUMN_WIDTH } from '../constants/layout';
-/** Extra pixels added to header label width to account for sort/filter icons + padding. */
-export const AUTOSIZE_EXTRA_PX = 44;
+/** Extra pixels added to header label width to account for filter icon + padding. */
+export const AUTOSIZE_EXTRA_PX = 28;
 /** Maximum column width from autosize. */
 export const AUTOSIZE_MAX_PX = 520;
 /**

package/dist/esm/utils/ogridHelpers.js

@@ -22,20 +22,34 @@ export function mergeFilter(prev, key, value) {
 }
 /** Derive filter options for multiSelect columns from client-side data. */
 export function deriveFilterOptionsFromData(items, columns) {
-    const out = {};
-    columns.forEach((col) => {
+    // Collect multiSelect columns upfront
+    const filterCols = [];
+    for (let i = 0; i < columns.length; i++) {
+        const col = columns[i];
         const f = col.filterable && typeof col.filterable === 'object' ? col.filterable : null;
-        if (f?.type !== 'multiSelect')
-            return;
-        const field = getFilterField(col);
-        const values = new Set();
-        items.forEach((item) => {
-            const v = getCellValue(item, col);
+        if (f?.type === 'multiSelect') {
+            filterCols.push({ col, field: getFilterField(col) });
+        }
+    }
+    if (filterCols.length === 0)
+        return {};
+    // Single pass through items, collecting values for all filter columns simultaneously
+    const valueSets = new Map();
+    for (let i = 0; i < filterCols.length; i++) {
+        valueSets.set(filterCols[i].field, new Set());
+    }
+    for (let i = 0; i < items.length; i++) {
+        const item = items[i];
+        for (let j = 0; j < filterCols.length; j++) {
+            const v = getCellValue(item, filterCols[j].col);
             if (v != null && v !== '')
-                values.add(String(v));
-        });
-        out[field] = Array.from(values).sort();
-    });
+                valueSets.get(filterCols[j].field).add(String(v));
+        }
+    }
+    const out = {};
+    for (let i = 0; i < filterCols.length; i++) {
+        out[filterCols[i].field] = Array.from(valueSets.get(filterCols[i].field)).sort();
+    }
     return out;
 }
 /** Get list of filter fields that use multiSelect (for useFilterOptions). */

package/dist/types/types/columnTypes.d.ts

@@ -44,6 +44,8 @@ export interface IColumnDef<T = unknown> extends IColumnMeta {
     valueGetter?: (item: T) => unknown;
     /** Format the cell value for display (used when no renderCell). */
     valueFormatter?: (value: unknown, item: T) => string;
+    /** Format the cell value for clipboard copy. When set, overrides valueFormatter for copy/paste. */
+    clipboardFormatter?: (value: unknown, item: T) => string;
     /**
      * Parse/validate a new value before it is committed to the cell.
      * Called on paste, inline edit commit, fill handle, and delete.

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

@@ -1,8 +1,8 @@
 /**
  * Column autosize DOM measurement utilities shared across all frameworks.
  */
-/** Extra pixels added to header label width to account for sort/filter icons + padding. */
-export declare const AUTOSIZE_EXTRA_PX = 44;
+/** Extra pixels added to header label width to account for filter icon + padding. */
+export declare const AUTOSIZE_EXTRA_PX = 28;
 /** Maximum column width from autosize. */
 export declare const AUTOSIZE_MAX_PX = 520;
 /**

package/package.json

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