Filter nested array values (remove the ones that dont match both groups and children) pipe

How to filter out nested children and groups, so in the below example if i searched for "Nest Name 3" then only Group B would be returned and only Nested Name 3.

I have an arrary like this:

items = [
    {
        "key": "Group A",
        "value": [
            {
              "name": "Nest Name 1"
            }
    },
    {
        "key": "Group B",
        "value": [
            {
              "name": "Nest Name 2"
            },
            {
              "name": "Nest Name 3"
            }
                 [
    }
]

And in an angular pipe i am trying to return (in the same format) groups where the nested name matches a string. So in this case if i searched for 2 then only Group b should be brought back and only the first nested object would be brought back.

I have my match working on none nested code:
items?.filter(item => searchText.split(' ').every(q => new RegExp(q, 'i').test(item[field]))

searchText is the word i am searching for and field is the name of the field in this case name.

I thought something like this would work:

var tempList = [];
    items.filter(group => group.value.filter(item => searchText.split(' ').every(q => new RegExp(q, 'i').test(item[field])))).forEach(product => tempList.push(product));
    return tempList;

but while it brings back the correct groups the actual nested items are not removed.

Thanks

To search through your items, you need to compare the name of each item.value against your searchText string also inside each group.value. Here's the code to do so:

const filterItems = (searchText: string): Group[] => {
  return items
    .filter((item) =>
      item.value.some((value) => isSearchValue(value, searchText))
    )
    .map((group) => {
      return {
        key: group.key,
        value: group.value.filter((value) =>
          isSearchValue(value, searchText)
        ),
      };
    });
};

> The some() method was used to iterate through the array of values.
> This method returns true if at least one element in the array
> satisfies the provided testing function.
>
> Documentation for the some method

The function isSearchValue can be like this:

const isSearchValue = (value:ItemValue,searchText:string):boolean=>{
  return value.name.toLowerCase().includes(searchText.toLowerCase());
}

Where there are the following types and interfaces:

type ItemValue = {name:string};
interface Group{
  key:string;
  value:ItemValue[];
}

To give you a better idea of what's happening, I've created a StackBlitz example with an input search feature.