Filters for hierarchyBrowserFieldColumns

Hi All,

I have requirement where i need to display the API data which is in hierarchical pattern. which we need to display in hierarchyBrowserFieldColumns. I have implemented the hierarchy but we need a filter to selected any values from that hierarchy, to achieve that i have used a custom picker but how i need some input from you guys to implement that scenario.

Any help 

the data from API is in the format

{
a!map(
id: "1234",
body: "Test1",
title: "Title1",
name: "Name1",
Array: {
a!map(
id: "12345",
body: "Test2",
title: "Title2",
name: "Name2",
lastname: { "Array2" }
),
a!map(
id: "123456",
body: "Test3",
title: "Title3",
name: "Name3",
lastname: { "Array3" }
)
}
),
a!map(
id: "123456",
body: "Test2",
title: "Title5",
name: "Name5",
Array: {
a!map(
id: "12345545",
body: "Test2",
title: "Title2",
name: "Name2",
lastname: "Array5"
),
a!map(
id: "1234564545",
body: "Test3",
title: "Title3",
name: "Name3",
lastname: "Array9"
)
}
)
},

Thanks in advance