DataToolbarFilter: categoryName label required to delete chips

[dlabrecq]

The categoryName prop of DataToolbarFilter is used to display the category name in the chip. In the example below, the "Project" category (i.e., chip) is a localizable string.

When the chip is deleted, the same string is provided as the type variable to callback.

In the filterable table demo below, the type is converted using toLowerCase(). However, considering that this is a localizable label, we cannot use that approach to store filter values an array.

I don't want the localizable "Project" label here, but some ID (e.g., 'project'). (All my filter and menu options are based on IDs.) Perhaps a categoryID prop would be helpful here?

[dlabrecq]

Another example...

When filtering by tag keys, I want to customize the label to read "Tag key: storageclass", where storageclass is the ID I'm using to store selections.

This localization string does not work well with the chip deletion. For delete, we need to use the "storageclass" ID without the localized string.

[dlabrecq]

This is now a blocker for Cost Management.

I encountered another case where the categoryName label is "Account", but the ID needed to delete the filter is subscription_id. I cannot delete the filter using "Account".toLowerCase() as shown in the filterable table demo.

Note that I'm reusing the data toolbar on 4 pages, so I cannot easily hard code a workaround. My OpenShift details page uses account as an ID, while our Azure page uses subscription_id; although, both pages display "Account" as the categoryName label.