Angular - Filter Tables Or any List using Shared Custom Pipe Filter

filter.html

<mat-option *ngFor="let value of list | filter:searchKeywords" [value]="value.id" matTooltip="{{value.name}}">
            {{value.name}}
</mat-option>

filter.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FilterPipe } from './filter.pipe';

@NgModule({
  declarations: [
    FilterPipe
  ],
  imports: [
    CommonModule
  ],
  exports: [
    FilterPipe
  ]
})
export class FilterModule { }

filter.pipe.ts

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'filter'
})
export class FilterPipe implements PipeTransform {

  /**
   * filter array of strings
   * 
   * 
   * @param items 
   * @param searchText 
   */
  transform(items: any[], searchText: string): any[] {
    if (!items) {
      return [];
    }

    if (!searchText) {
      return items;
    }

    const result = items.filter(item => {
      if (item && item.name) {
        return item.name.toLowerCase().includes(searchText.toLowerCase());
      } else if (item) {
        return item.toLowerCase().includes(searchText.toLowerCase());
      }

      return false;
    });

    return result;
  }
}