@ascentgl/ads-ui 21.60.0 → 21.61.0

package/fesm2022/ascentgl-ads-ui.mjs

@@ -7141,6 +7141,8 @@ class AdsColumnSortFilterMenuComponent {
         // If selectedFilterValues has some values, use those
         const allOptionsSelected = this.selectedFilterValues.length === this.config.filterOptions.length &&
             this.config.filterOptions.every(opt => this.selectedFilterValues.includes(opt));
+        // Get the value formatter if provided
+        const formatter = this.config.filterValueFormatter;
         const options = this.config.filterOptions.map((value) => {
             // If all options match selectedFilterValues, treat as all selected
             // Otherwise, check if this specific value is in selectedFilterValues
@@ -7153,9 +7155,11 @@ class AdsColumnSortFilterMenuComponent {
                 }
             });
             this.optionSubscriptions.push(subscription);
+            // Use formatter if provided, otherwise use value as-is
+            const label = formatter ? formatter(value) : value;
             return {
                 value,
-                label: value,
+                label,
                 control,
             };
         });
@@ -7574,7 +7578,10 @@ class AdsTableComponent {
                 // For columns without explicit config (like supplier, destination),
                 // always apply the filter based on selectedValues
                 const cellValue = node.data[field];
-                const cellValueStr = cellValue != null ? String(cellValue) : '';
+                // For objects, use JSON.stringify to match the format used in filterOptions
+                const cellValueStr = cellValue != null
+                    ? (typeof cellValue === 'object' ? JSON.stringify(cellValue) : String(cellValue))
+                    : '';
                 if (!selectedValues.includes(cellValueStr)) {
                     return false;
                 }
@@ -7961,7 +7968,10 @@ class AdsTableComponent {
         this.rowData.forEach(row => {
             const value = row[field];
             if (value !== null && value !== undefined) {
-                uniqueValues.add(String(value));
+                // For objects, use JSON.stringify to preserve the full data structure
+                // This allows filterValueFormatter to parse and format it properly
+                const stringValue = typeof value === 'object' ? JSON.stringify(value) : String(value);
+                uniqueValues.add(stringValue);
             }
         });
         const result = Array.from(uniqueValues).sort();
@@ -7999,7 +8009,9 @@ class AdsTableComponent {
             if (this.doesRowPassFiltersExcluding(row, field)) {
                 const value = row[field];
                 if (value !== null && value !== undefined) {
-                    uniqueValues.add(String(value));
+                    // For objects, use JSON.stringify to preserve the full data structure
+                    const stringValue = typeof value === 'object' ? JSON.stringify(value) : String(value);
+                    uniqueValues.add(stringValue);
                 }
             }
         });
@@ -8059,7 +8071,10 @@ class AdsTableComponent {
                 return false;
             }
             const cellValue = row[field];
-            const cellValueStr = cellValue != null ? String(cellValue) : '';
+            // For objects, use JSON.stringify to match the format used in filterOptions
+            const cellValueStr = cellValue != null
+                ? (typeof cellValue === 'object' ? JSON.stringify(cellValue) : String(cellValue))
+                : '';
             if (!selectedValues.includes(cellValueStr)) {
                 return false;
             }