Adds a Filtered property and visual indicator to PropretyColumn in FluentDataGrid

[NickHirras]

Pull Request

📖 Description

Adds a Filtered boolean property to the PropertyColumn component of the FluentDataGrid. When set to true, it renders a visual indicator on the column header filter button, letting the user know this column is currently filtered.

The Demo for DataGrid Typical Usage has been updated to demonstrate this paramter.

See RFC

#1620

Recording.2024-03-03.200438.mp4

🎫 Issues

#1620

👩‍💻 Reviewer Notes

📑 Test Plan

✅ Checklist

General

• I have added tests for my changes.
• I have tested my changes.
• I have updated the project documentation to reflect my changes.
• I have read the CONTRIBUTING documentation and followed the standards for this project.

Component-specific

• I have added a new component
• I have added Unit Tests for my new compontent
• I have modified an existing component
• I have validate Unit Tests for an existing component

⏭ Next Steps

[NickHirras]

Added same comment to the RFC. Does it make sense to use this red dot as the visual indicator, or should a new badge be created?

[dvoituron]

I also think it's nicer to use another icon instead of a badge. For example, FilterAdd can be used to explain that this column has added a filter.

[vnbaaij]

@NickHirras I agree with Denis. Use the available Filter icons. There are sort of a badge as well but more clear then a red dot.
...But I would say to use FilterDismiss for when a filter is set

[NickHirras]

@vnbaaij @dvoituron When trying to reference the FilterDismiss icon, it doesn't exist and getting a compiler error. Is this part of the Project Trimming / Generators? What do I need to do to make the FilterDismiss icon available in CoreIcons?

[dvoituron]

When trying to reference the FilterDismiss icon, it doesn't exist and getting a compiler error. Is this part of the Project Trimming / Generators? What do I need to do to make the FilterDismiss icon available in CoreIcons?

In fact, all "internal" icons are located in the file CoreIcons.cs.
In the beginning we used the AssetsGenerator project to create this file.
But now it only contains occasional updates.
So, you can manually put your code into this file, and you can remove the comment <auto-generated>...

[NickHirras]

Here's latest version, using the Filter and FilterDismiss icons.

No filter applied:

With a filter applied: