Admin Generator (Future): Add initialFilter prop for grids

[andrearutrecht]

Description

initialFilter can be used to preset a filter for a grid. This parallels the functionality of initialSort.

The linkOperator is optional and defaults to "Or".

Be sure to use MUI grid operator values to ensure correct display in FilterPanel.

TODO:

• Show value of initialFilter in FilterPanel -> GQL filter operator was used instead of MUI filter operator

Acceptance criteria

• I have verified if my change requires an example: <!-- Unit test | Demo | Development story | No example needed --->
• I have verified if my change requires a changeset
• I have verified if my change requires screenshots/screencasts

Example

export const ProductsGrid: GridConfig<GQLProduct> = {
    {...},
    initialFilter: {
        items: [
            { columnField: "type", operatorValue: "is", value: "Shirt" },
            { columnField: "price", operatorValue: ">=", value: "10" }
        ],
        linkOperator: "and",
    },
    {...},

Screenshots/screencasts

Updated screencast:

Screen.Recording.2024-12-13.at.11.41.49.mp4

The following screencast includes behaviour when using the wrong type of filter operator:

Screen.Recording.2024-12-13.at.10.27.26.mp4

Further information

• Task: https://vivid-planet.atlassian.net/browse/SVK-505

[sonarcloud]

Quality Gate passed

Issues
2 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud