@gp-grid/angular 0.13.0 → 0.13.2

package/fesm2022/gp-grid-angular.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { input, output, computed, TemplateRef, ChangeDetectionStrategy, Component, ViewChild, signal, effect, HostListener, inject, PLATFORM_ID, InjectionToken, Injectable } from '@angular/core';
 import { NgTemplateOutlet, isPlatformBrowser } from '@angular/common';
-import { isCellSelected, isCellActive, getFieldValue, formatCellValue, isCellInFillPreview, buildCellClasses, isCellEditing, calculateFilterPopupPosition, calculateScaledColumnPositions, getTotalWidth, calculateFillHandlePosition, DataSourceOwner, AutoScrollDriver, PendingRowDragController, InputEventAdapter, applyBatchInstructions, scrollCellIntoView, GridCore, createMutableClientDataSource } from '@gp-grid/core';
+import { getFieldValue, isCellSelected, isCellActive, formatCellValue, isCellInFillPreview, buildCellClasses, isCellEditing, calculateFilterPopupPosition, calculateScaledColumnPositions, getTotalWidth, calculateFillHandlePosition, DataSourceOwner, AutoScrollDriver, PendingRowDragController, InputEventAdapter, applyBatchInstructions, scrollCellIntoView, GridCore, createMutableClientDataSource } from '@gp-grid/core';
 export { GridCore, createClientDataSource, createDataSourceFromArray, createMutableClientDataSource, createServerDataSource } from '@gp-grid/core';
 
 const TEMPLATE$1 = `
@@ -302,8 +302,12 @@ class GridBodyComponent {
         this.scrolled.emit(el.scrollLeft);
     }
     cellParams(rowData, column, rowIndex, colIndex) {
+        const rawValue = getFieldValue(rowData, column.field);
+        const displayValue = column.valueFormatter
+            ? column.valueFormatter(rawValue)
+            : rawValue;
         return {
-            value: getFieldValue(rowData, column.field),
+            value: displayValue,
             rowData,
             column,
             rowIndex,
@@ -339,8 +343,12 @@ class GridBodyComponent {
     }
     editParams(rowData, column, rowIndex, colIndex) {
         const ec = this.editingCell();
+        const rawValue = getFieldValue(rowData, column.field);
+        const displayValue = column.valueFormatter
+            ? column.valueFormatter(rawValue)
+            : rawValue;
         return {
-            value: getFieldValue(rowData, column.field),
+            value: displayValue,
             rowData,
             column,
             rowIndex,
@@ -656,10 +664,12 @@ const computeUniqueValues = (distinctValues, formatter) => {
     for (const val of distinctValues) {
         if (val === null || val === undefined || val === '')
             continue;
-        const key = String(val);
+        // Key by formatter output when available so filter-time comparison
+        // (which also goes through the formatter) matches what the user selects.
+        const key = formatter ? formatter(val) : String(val);
         if (!seen.has(key)) {
             seen.add(key);
-            result.push({ key, label: formatter ? formatter(val) : key });
+            result.push({ key, label: key });
         }
     }
     return result.sort((a, b) => a.label.localeCompare(b.label, undefined, { numeric: true, sensitivity: 'base' }));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gp-grid/angular",
   "description": "A high-performance Angular data grid component with virtual scrolling, cell selection, sorting, filtering, and Excel-like editing",
-  "version": "0.13.0",
+  "version": "0.13.2",
   "license": "Apache-2.0",
   "module": "fesm2022/gp-grid-angular.mjs",
   "typings": "types/gp-grid-angular.d.ts",
@@ -51,7 +51,7 @@
     "@angular/core": ">=18.0.0"
   },
   "dependencies": {
-    "@gp-grid/core": "0.13.0",
+    "@gp-grid/core": "0.13.2",
     "tslib": "^2.8.1"
   },
   "sideEffects": false,