@ascentgl/ads-ui 21.78.0 → 21.80.0

package/fesm2022/ascentgl-ads-ui.mjs

@@ -7265,6 +7265,7 @@ class AdsColumnSortFilterMenuComponent {
             allOptionKeys.every((key) => this.selectedFilterValues.includes(key));
         // Get the value formatter if provided
         const formatter = this.config.filterValueFormatter;
+        const showDateOnly = this.config.showDateOnly ?? false;
         const options = this.config.filterOptions.map((rawValue) => {
             // Serialize raw value to stable string key for selection/persistence
             const key = this.serializeOptionValue(rawValue);
@@ -7279,8 +7280,17 @@ class AdsColumnSortFilterMenuComponent {
                 }
             });
             this.optionSubscriptions.push(subscription);
-            // Use formatter with RAW VALUE if provided, otherwise convert to string
-            const label = formatter ? formatter(rawValue) : String(rawValue ?? '');
+            // Build the label:
+            // When showDateOnly is enabled, the rawValue is already a trimmed date-only string
+            // from the table component — use it directly to avoid re-parsing and timezone shift.
+            // Otherwise, use formatter if provided, or convert to string.
+            let label;
+            if (showDateOnly) {
+                label = String(rawValue ?? '');
+            }
+            else {
+                label = formatter ? formatter(rawValue) : String(rawValue ?? '');
+            }
             return {
                 value: key,
                 rawValue,
@@ -8095,10 +8105,45 @@ class AdsTableComponent {
         }
     }
     // ============ Custom Sort/Filter Menu Methods ============
-    /** @ignore - Get the filterValueFormatter for a given column field */
+    /**
+     * @ignore - Get the effective filter formatter for a given column field.
+     * When showDateOnly is true, wraps the base formatter to trim date-time output
+     * to date-only. This ensures the dedup key, stored filter values, and
+     * doesExternalFilterPass comparison all use date-only strings — so selecting
+     * a date in the filter menu matches ALL rows for that date regardless of time.
+     */
     getFilterValueFormatterForField(field) {
         const config = this.columnSortFilterConfigs.find(c => c.field === field);
-        return config?.filterValueFormatter;
+        if (!config)
+            return undefined;
+        const baseFormatter = config.filterValueFormatter;
+        if (!baseFormatter)
+            return undefined;
+        if (config.showDateOnly) {
+            return (value) => {
+                const formatted = baseFormatter(value);
+                return this.trimToDateOnly(formatted);
+            };
+        }
+        return baseFormatter;
+    }
+    /**
+     * @ignore - Trim a formatted date-time string to date-only.
+     * Handles: "01/15/2026, 21:00" → "01/15/2026"
+     *          "01/15/2026 21:00"  → "01/15/2026"
+     */
+    trimToDateOnly(value) {
+        if (!value)
+            return value;
+        const commaIdx = value.indexOf(',');
+        if (commaIdx > 0) {
+            return value.substring(0, commaIdx).trim();
+        }
+        const match = value.match(/^(\d{1,2}\/\d{1,2}\/\d{2,4})\s+\d/);
+        if (match) {
+            return match[1];
+        }
+        return value;
     }
     /**
      * @ignore - Serialize a cell value for filter key purposes.
@@ -8116,19 +8161,13 @@ class AdsTableComponent {
         if (!this.rowData || this.rowData.length === 0) {
             return [];
         }
-        const formatter = this.getFilterValueFormatterForField(field);
-        // Don't cache results when a filterValueFormatter is configured,
-        // because the formatter output may change over time (e.g., timezone service
-        // becoming ready, user changing timezone). Caching could cause stale values
-        // that mismatch with doesExternalFilterPass comparisons.
-        if (!formatter) {
-            // Check cache first (only for fields without formatter)
-            const cacheKey = `${field}_v${this.dataVersion}`;
-            const cached = this.uniqueColumnValuesCache.get(cacheKey);
-            if (cached) {
-                return cached;
-            }
+        // Check cache first
+        const cacheKey = `${field}_v${this.dataVersion}`;
+        const cached = this.uniqueColumnValuesCache.get(cacheKey);
+        if (cached) {
+            return cached;
         }
+        const formatter = this.getFilterValueFormatterForField(field);
         // Use a Map to dedupe by serialized key while preserving raw values
         const byKey = new Map();
         this.rowData.forEach(row => {
@@ -8146,11 +8185,8 @@ class AdsTableComponent {
         const result = Array.from(byKey.entries())
             .sort(([a], [b]) => a.localeCompare(b))
             .map(([, v]) => v);
-        // Cache the result only for fields without formatter
-        if (!formatter) {
-            const cacheKey = `${field}_v${this.dataVersion}`;
-            this.uniqueColumnValuesCache.set(cacheKey, result);
-        }
+        // Cache the result
+        this.uniqueColumnValuesCache.set(cacheKey, result);
         return result;
     }
     /**
@@ -8163,27 +8199,21 @@ class AdsTableComponent {
         if (!this.rowData || this.rowData.length === 0) {
             return [];
         }
-        const formatter = this.getFilterValueFormatterForField(field);
-        // Don't cache results when a filterValueFormatter is configured (same reason as getUniqueColumnValues)
-        if (!formatter) {
-            // Check cache first (only for fields without formatter)
-            const cacheKey = `${field}_v${this.filterCacheVersion}`;
-            const cached = this.filteredColumnValuesCache.get(cacheKey);
-            if (cached) {
-                return cached;
-            }
+        // Check cache first
+        const cacheKey = `${field}_v${this.filterCacheVersion}`;
+        const cached = this.filteredColumnValuesCache.get(cacheKey);
+        if (cached) {
+            return cached;
         }
         // Check if any filter is active (excluding the current field)
         const hasOtherActiveFilters = this.hasActiveFiltersExcluding(field);
         // If no other filters are active, return all unique values
         if (!hasOtherActiveFilters) {
             const values = this.getUniqueColumnValues(field);
-            if (!formatter) {
-                const cacheKey = `${field}_v${this.filterCacheVersion}`;
-                this.filteredColumnValuesCache.set(cacheKey, values);
-            }
+            this.filteredColumnValuesCache.set(cacheKey, values);
             return values;
         }
+        const formatter = this.getFilterValueFormatterForField(field);
         // Use a Map to dedupe by serialized key while preserving raw values
         const byKey = new Map();
         // Iterate through all rows and check if they pass filters from OTHER columns
@@ -8209,11 +8239,8 @@ class AdsTableComponent {
                 .sort(([a], [b]) => a.localeCompare(b))
                 .map(([, v]) => v);
         }
-        // Cache the result only for fields without formatter
-        if (!formatter) {
-            const cacheKey = `${field}_v${this.filterCacheVersion}`;
-            this.filteredColumnValuesCache.set(cacheKey, result);
-        }
+        // Cache the result
+        this.filteredColumnValuesCache.set(cacheKey, result);
         return result;
     }
     /** @ignore - Invalidate the filtered column values cache */