[filterable_datatable] Fix Query Param Filtering Bug

[HenriRabalais]

Brief summary of changes

This PR updates the functionality of the Filterable datatable by changing the way that it loads filters via the URL query params.

Instead of simply loading the query params into the filter object, upon component mount the query params will each trigger the update of the respective field they are associated with, if they exist.

The resolves the issue #7216 which was causing filters that were meant to be exact match filters to be treated as substring, or "partial", filters.

Testing instructions (if applicable)

1. Go to any module with a reactified filterable datatable.
2. Enter some filter values.
3. Refresh the page and ensure that the exact same filters are applied.
4. Do steps 2-3 with a select dropdown where the index for the value selected is a substring of other index values. (E.g. Select a subproject whose index is 1 when there are other subprojects in the list whose indexes are anywhere from 10-19).

Link to related issue

• Resolves [battery_manager] When loading the module with a predefined filter in the URL the filter is not applied #7216

[ridz1208]

@HenriRabalais travis is still failing

@kongtiaowang can you help

[HenriRabalais]

@ridz1208 Yes, I tried make checkstatic but everything seems to be working. I'm also not clearly interpreting the messages from travis, so I'm unsure how to proceed.

[ridz1208]

the error is the query selector (see image) its not a static error

[driusan]

make checkstatic is passing on GitHub too.. it's the integration tests that are failing.

[kongtiaowang]

@HenriRabalais I am looking into it. The integration test of media filter faild.

[kongtiaowang]

There is a bug found by Integration Test.
File Name filter doesn't work, it always shows no results.
This PR has fixed PSCID filter, not File Name filter.

[HenriRabalais]

Thanks @kongtiaowang !!

[HenriRabalais]

@ridz1208 needs re-review

[laemtl]

Works well for 1 filter, but not 2, where only the second is considered.

[HenriRabalais]

Works well for 1 filter, but not 2, where only the second is considered.

@laemtl Could you provide a screenshot example?

[laemtl]

@HenriRabalais

/battery_manager/?subproject=2&visitLabel=V1

Expected

Result

[HenriRabalais]

@laemtl should be fixed now!

[laemtl]

@HenriRabalais Awesome, the problem is fixed! I found another small issue:

• if you visit /battery_manager/?visitLabel=V1&subproject=1&stage=Approval, you will notice that the subproject filter (Stale) is ignored. The filters values are correctly populated in the form area now, but the results contain 2 entries for the CIE subproject, which are not there when the filters are selected manually.

[ridz1208]

@HenriRabalais please fix when possible