@ascentgl/ads-ui 21.78.0 → 21.79.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,12 @@ 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: use formatter if provided, otherwise convert to string
+            let label = formatter ? formatter(rawValue) : String(rawValue ?? '');
+            // When showDateOnly is enabled, trim date-time labels to date-only
+            if (showDateOnly && label) {
+                label = this.trimToDateOnly(label);
+            }
             return {
                 value: key,
                 rawValue,
@@ -7309,6 +7314,26 @@ class AdsColumnSortFilterMenuComponent {
             return String(value);
         }
     }
+    /**
+     * @ignore - Trim a date-time string to date-only.
+     * Handles common formatted patterns like "01/09/26, 02:00 AM" or "01/09/2026 14:30".
+     * Strips everything after the date portion (comma+time, space+time).
+     */
+    trimToDateOnly(value) {
+        // Already date-only (e.g., "01/09/2026") — no comma, no time pattern
+        // Match patterns: "MM/DD/YY, HH:MM AM/PM" or "MM/DD/YYYY HH:MM" etc.
+        // Strip from the comma or from the space before time digits
+        const commaIdx = value.indexOf(',');
+        if (commaIdx > 0) {
+            return value.substring(0, commaIdx).trim();
+        }
+        // Match "date space time" pattern (e.g., "01/09/2026 14:30")
+        const match = value.match(/^(\d{1,2}\/\d{1,2}\/\d{2,4})\s+\d/);
+        if (match) {
+            return match[1];
+        }
+        return value;
+    }
     /** @ignore */
     setupSearchSubscription() {
         this.searchControl.valueChanges.pipe(takeUntil$1(this.destroy$)).subscribe((value) => {
@@ -8095,10 +8120,68 @@ 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 formatter (or uses a default date formatter)
+     * that trims the output to date-only for dedup and comparison purposes.
+     */
     getFilterValueFormatterForField(field) {
         const config = this.columnSortFilterConfigs.find(c => c.field === field);
-        return config?.filterValueFormatter;
+        if (!config)
+            return undefined;
+        const baseFormatter = config.filterValueFormatter;
+        const showDateOnly = config.showDateOnly ?? false;
+        if (!baseFormatter && !showDateOnly) {
+            return undefined;
+        }
+        if (showDateOnly) {
+            // When showDateOnly is true, use the base formatter (if any) then trim to date-only
+            return (value) => {
+                const formatted = baseFormatter ? baseFormatter(value) : this.formatDateDefault(value);
+                return this.trimToDateOnly(formatted);
+            };
+        }
+        return baseFormatter;
+    }
+    /**
+     * @ignore - Default date formatter for showDateOnly when no filterValueFormatter is provided.
+     * Formats an ISO date-time string to the locale date string.
+     */
+    formatDateDefault(value) {
+        if (value === null || value === undefined)
+            return '';
+        const str = String(value);
+        try {
+            const date = new Date(str);
+            if (isNaN(date.getTime()))
+                return str;
+            return date.toLocaleDateString('en-US', {
+                month: '2-digit',
+                day: '2-digit',
+                year: 'numeric',
+            });
+        }
+        catch {
+            return str;
+        }
+    }
+    /**
+     * @ignore - Trim a date-time string to date-only.
+     * Strips time portion from common formatted date-time patterns.
+     */
+    trimToDateOnly(value) {
+        if (!value)
+            return value;
+        // "MM/DD/YY, HH:MM AM/PM" — strip from comma
+        const commaIdx = value.indexOf(',');
+        if (commaIdx > 0) {
+            return value.substring(0, commaIdx).trim();
+        }
+        // "MM/DD/YYYY HH:MM" — strip from space before time digits
+        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 +8199,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 +8223,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 +8237,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 +8277,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 */