Custom RxJs Pipe Object to Array

map-element-mapper.ts

export function MapElementMapperPipe<T>(source: Observable<T>): Observable<MapElement[]> {
  return new Observable<MapElement[]>(subscriber => {
    return source.subscribe({
      next(value) {
        const mapElements: MapElement[] = []

        Object.keys(value as Object).forEach((type) => {
          mapElements.push({
            name: type,
            items: (value as any)[type],
            open: false
          });
        });

        subscriber.next(mapElements)
      },
      error(err) {
        subscriber.error(err)
      },
      complete() {
        subscriber.complete()
      }
    })
  })
}