@ascentgl/ads-ui 21.77.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.