[data grid] Allow to get row path in tree

[githorse]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Summary 💡

When using row grouping, I can get access to the underlying rows making up a group with apiRef.current.getRowGroupChildren(). In addition to this, I'd like access to the path or criteria used to group the rows; i.e., something like

[{field: "studio", value: "20th Century Fox"}, {field: "director", value: "James Cameron"}]

or maybe just

{studio: "20th Century Fox", director: "James Cameron"}

It would be nice if the row (or cell) click event itself just had these properties available, rather than having to jump through hoops with params.id and apiRef.current the way getGroupRowChildren() works:

type GroupRowClickEvent<T> = {
   children: T[]
   path:     {[field in keyof T]: T[keyof T]}
}

function handleGroupRowClick<T>({children, path}: GroupRowClickEvent<T>) { ... } 

Examples 🌈

No response

Motivation 🔦

I need to turn the path/criteria into a set of filters that I can then apply to the full data set on a separate drill-down screen.

Order ID 💳 (optional)

No response

[flaviendelangle]

You can walk the tree to retrieve this information
See this example: https://codesandbox.io/s/data-grid-premium-forked-h7bxxl?file=/src/App.tsx

We could add a doc example because it seems to be a relatively common use case.

[flaviendelangle]

I'm closing this issue, I had to write the exact same function in #4927, I will probably expose it

[githorse]

@flaviendelangle could you comment on the best way to do this now? Is there a way to figure this out from onRowClick?