@sumaris-net/ngx-components 18.12.0 → 18.12.2

package/src/app/social/job/progression/job-progression.service.ts

@@ -1,97 +0,0 @@
-import { Inject, Injectable, InjectionToken, Optional } from '@angular/core';
-import { JobProgression } from './job-progression.model';
-import { BaseGraphqlService } from '../../../core/services/base-graphql-service.class';
-import { GraphqlService } from '../../../core/graphql/graphql.service';
-import { Environment, ENVIRONMENT } from '../../../../environments/environment.class';
-import { BehaviorSubject, Observable } from 'rxjs';
-import { FetchPolicy, gql } from '@apollo/client/core';
-import { isNil, removeDuplicatesFromArray, toNumber } from '../../../shared/functions';
-import { map } from 'rxjs/operators';
-import { SocialErrorCodes } from '../../social.errors';
-
-export const APP_JOB_PROGRESSION_SERVICE = new InjectionToken<IJobProgressionService>('JobProgressionService');
-
-export interface IJobProgressionService {
-  watchAll(): Observable<JobProgression[]>;
-  addJob(id: number, job?: JobProgression);
-  removeJob(id: number);
-  listenChanges(id: number, options?: { interval?: number; fetchPolicy?: FetchPolicy }): Observable<JobProgression>;
-}
-
-const JobProgressionSubscription = {
-  listenChanges: gql`
-    subscription UpdateJobProgression($id: Int!, $interval: Int) {
-      data: updateJobProgression(id: $id, interval: $interval) {
-        id
-        name
-        message
-        current
-        total
-      }
-    }
-  `,
-};
-
-@Injectable()
-export class JobProgressionService extends BaseGraphqlService<JobProgression> implements IJobProgressionService {
-  private jobsSubject = new BehaviorSubject<JobProgression[]>([]);
-
-  constructor(
-    protected graphql: GraphqlService,
-    @Optional() @Inject(ENVIRONMENT) protected environment: Environment
-  ) {
-    super(graphql, environment);
-    this._logPrefix = '[job-progression-service] ';
-    // For DEV only
-    this._debug = environment && !environment.production;
-  }
-
-  watchAll(): Observable<JobProgression[]> {
-    return this.jobsSubject.asObservable();
-  }
-
-  addJob(id: number, job?: JobProgression) {
-    if (isNil(id)) throw new Error('Missing required argument \'id\'');
-    const exists = this.jobsSubject.value.some((j) => j.id === id);
-    if (!exists) {
-      job = job || new JobProgression(id);
-      this.jobsSubject.next(removeDuplicatesFromArray([...this.jobsSubject.value, job], 'id'));
-    }
-  }
-
-  removeJob(id: number) {
-    if (isNil(id)) throw new Error('Missing required argument \'id\'');
-    const jobs = this.jobsSubject.value || [];
-    const index = jobs.findIndex((j) => j.id === id);
-    if (index !== -1) {
-      jobs.splice(index, 1);
-      this.jobsSubject.next(jobs);
-    }
-  }
-
-  listenChanges(
-    id: number,
-    options?: {
-      interval?: number;
-      fetchPolicy?: FetchPolicy;
-    }
-  ): Observable<JobProgression> {
-    if (isNil(id)) throw new Error(`${this._logPrefix}Missing argument 'id'`);
-    if (this._debug) console.debug(`${this._logPrefix}[WS] Listening changes for job progression {${id}}...`);
-
-    return this.graphql
-      .subscribe<{ data: any }>({
-        query: JobProgressionSubscription.listenChanges,
-        fetchPolicy: options?.fetchPolicy,
-        variables: { id, interval: toNumber(options?.interval, 10) },
-        error: { code: SocialErrorCodes.SUBSCRIBE_JOB_PROGRESSION_ERROR, message: 'SOCIAL.ERROR.SUBSCRIBE_JOB_PROGRESSION_ERROR' },
-      })
-      .pipe(
-        map(({ data }) => {
-          const progression = data && JobProgression.fromObject(data);
-          if (progression && this._debug) console.debug(`${this._logPrefix}Job progression ${id} updated on server`, progression);
-          return progression;
-        })
-      );
-  }
-}

package/src/app/social/job/testing/job-progression.testing.html

@@ -1,11 +0,0 @@
-<ion-toolbar color="primary">
-  <ion-title>Job progression</ion-title>
-</ion-toolbar>
-
-<ion-content class="ion-padding">
-  <p>
-    <ion-button (click)="createJob()">Add Job</ion-button>
-  </p>
-
-  <app-job-progression-icon #icon [debug]="true" [options]="options"></app-job-progression-icon>
-</ion-content>

package/src/app/social/job/testing/job-progression.testing.service.ts

@@ -1,33 +0,0 @@
-import { Injectable } from '@angular/core';
-import { JobProgressionService } from '../progression/job-progression.service';
-import { interval, Observable } from 'rxjs';
-import { JobProgression } from '../progression/job-progression.model';
-import { map, take } from 'rxjs/operators';
-
-@Injectable()
-export class JobProgressionTestService extends JobProgressionService {
-  listenChanges(id: number): Observable<JobProgression> {
-    return interval(100).pipe(
-      take(111),
-      map((value) => {
-        if (value <= 10) {
-          return <JobProgression>{
-            id,
-            name: `Job #${id}`,
-            current: 0,
-            total: 0,
-            message: `Progression pending`,
-          };
-        }
-        value = value - 10;
-        return <JobProgression>{
-          id,
-          name: `Job #${id}`,
-          current: value,
-          total: 100,
-          message: `Progression ${value}/100`,
-        };
-      })
-    );
-  }
-}

package/src/app/social/job/testing/job-progression.testing.ts

@@ -1,28 +0,0 @@
-import { Component, Inject, ViewChild } from '@angular/core';
-import { JobProgressionIcon, JobProgressionOptions } from '../progression/job-progression.icon';
-import { JobProgression } from '../progression/job-progression.model';
-import { APP_JOB_PROGRESSION_SERVICE, IJobProgressionService } from '../progression/job-progression.service';
-
-@Component({
-  selector: 'job-progression-testing',
-  templateUrl: 'job-progression.testing.html',
-})
-export class JobProgressionTestingPage {
-  @ViewChild('icon') jobProgressionIcon: JobProgressionIcon;
-
-  jobId = 0;
-  options = <JobProgressionOptions>{
-    autoHide: true,
-  };
-
-  constructor(@Inject(APP_JOB_PROGRESSION_SERVICE) protected jobProgressionService: IJobProgressionService) {}
-
-  createJob() {
-    const job = new JobProgression();
-    job.id = ++this.jobId;
-    job.name = 'test';
-    job.current = 0;
-    job.total = 100;
-    this.jobProgressionService.addJob(job.id, job);
-  }
-}

package/src/app/social/job/testing/job.testing.module.ts

@@ -1,13 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
-import { JobProgressionTestingPage } from './job-progression.testing';
-import { SharedModule } from '../../../shared/shared.module';
-import { JobModule } from '../job.module';
-
-@NgModule({
-  imports: [CommonModule, TranslateModule.forChild(), SharedModule, JobModule],
-  declarations: [JobProgressionTestingPage],
-  exports: [JobProgressionTestingPage],
-})
-export class JobTestingModule {}

package/src/app/social/message/message.form.html

@@ -1,71 +0,0 @@
-<form [formGroup]="form" class="form-container">
-  <!-- type -->
-  <mat-form-field *ngIf="canSelectType">
-    <mat-label>{{ 'SOCIAL.MESSAGE.TYPE' | translate }}</mat-label>
-    <mat-select formControlName="type">
-      <ng-container *ngFor="let item of types">
-        <mat-option [value]="item.id" *ngIf="item.id !== 'FEED' || canRecipientFilter">
-          <ion-icon [name]="item.icon"></ion-icon>
-          {{ item.label | translate }}
-        </mat-option>
-      </ng-container>
-    </mat-select>
-  </mat-form-field>
-
-  <!-- Recipients -->
-  <mat-chips-field
-    *ngIf="(form.controls.type.valueChanges | async) !== 'FEED'; else recipientFilter"
-    formControlName="recipients"
-    chipColor="accent"
-    [placeholder]="'SOCIAL.MESSAGE.RECIPIENTS' | translate"
-    [config]="autocompleteFields.recipients"
-    [equals]="isSamePerson"
-  ></mat-chips-field>
-  <ng-template #recipientFilter>
-    <mat-form-field>
-      <mat-chip-grid>
-        <mat-chip-row>
-          {{ 'SOCIAL.MESSAGE.RECIPIENT_FILTER_COUNT' | translate: { count: recipientFilterCount } }}
-        </mat-chip-row>
-      </mat-chip-grid>
-      <input matInput hidden type="number" />
-    </mat-form-field>
-  </ng-template>
-
-  <!-- Subject -->
-  <mat-form-field>
-    <mat-label>{{ 'SOCIAL.MESSAGE.SUBJECT' | translate }}</mat-label>
-    <input matInput type="text" formControlName="subject" autocomplete="off" required />
-    <mat-error *ngIf="form.controls.subject.hasError('required')" translate>ERROR.FIELD_REQUIRED</mat-error>
-    <mat-error *ngIf="form.controls.subject.hasError('minlength')">
-      {{ 'ERROR.FIELD_MIN_LENGTH_COMPACT' | translate }}
-    </mat-error>
-    <mat-error *ngIf="form.controls.subject.hasError('maxlength')">
-      {{ 'ERROR.FIELD_MAX_LENGTH_COMPACT' | translate }}
-    </mat-error>
-    <mat-hint *ngIf="subjectMaxLength" align="end">
-      {{
-        'INFO.TEXT_PROGRESS' | translate: { current: form.controls.subject.value?.length || 0, max: subjectMaxLength }
-      }}
-    </mat-hint>
-  </mat-form-field>
-
-  <!-- Body -->
-  <mat-form-field>
-    <mat-label>{{ 'SOCIAL.MESSAGE.BODY_HELP' | translate }}</mat-label>
-    <textarea
-      matInput
-      type="text"
-      formControlName="body"
-      [class.fixed-height]="!bodyAutoHeight"
-      [cdkTextareaAutosize]="bodyAutoHeight"
-      (keydown.control.enter)="doSubmit($event)"
-    ></textarea>
-    <mat-error *ngIf="form.controls.body.hasError('maxlength')">
-      {{ 'ERROR.FIELD_MAX_LENGTH' | translate: form.controls.body.errors.maxlength }}
-    </mat-error>
-    <mat-hint *ngIf="bodyMaxLength" align="end">
-      {{ 'INFO.TEXT_PROGRESS' | translate: { current: form.controls.body.value?.length || 0, max: bodyMaxLength } }}
-    </mat-hint>
-  </mat-form-field>
-</form>

package/src/app/social/message/message.form.scss

@@ -1,6 +0,0 @@
-textarea.fixed-height {
-  height: 11.5em; // ~ 10 lines
-}
-textarea {
-  min-height: 11.5em; // ~ 10 lines
-}

package/src/app/social/message/message.form.ts

@@ -1,128 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Injector, Input, OnInit } from '@angular/core';
-import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
-import { Message, MessageTypeList, MessageTypes } from './message.model';
-import { AppForm } from '../../core/form/form.class';
-import { StatusIds } from '../../core/services/model/model.enum';
-import { Person, PersonUtils } from '../../core/services/model/person.model';
-import { SuggestFn } from '../../shared/services/entity-service.class';
-import { PersonFilter } from '../../admin/services/filter/person.filter';
-import { EntityUtils } from '../../core/services/model/entity.model';
-import { changeCaseToUnderscore, isNotNil, toBoolean } from '../../shared/functions';
-import { filter } from 'rxjs/operators';
-
-@Component({
-  selector: 'app-message-form',
-  templateUrl: './message.form.html',
-  styleUrls: ['./message.form.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class MessageForm extends AppForm<Message> implements OnInit {
-  readonly mobile: boolean;
-
-  @Input() suggestFn: SuggestFn<Person, PersonFilter>;
-  @Input() subjectMinLength = 5;
-  @Input() subjectMaxLength = 255;
-  @Input() bodyMaxLength = 2000;
-  @Input() bodyAutoHeight = true;
-  @Input() canSelectType = false;
-  @Input() canRecipientFilter = false;
-  @Input() recipientFilterCount = 0;
-
-  types = MessageTypeList;
-
-  constructor(
-    injector: Injector,
-    private formBuilder: UntypedFormBuilder,
-    private readonly cd: ChangeDetectorRef
-  ) {
-    super(injector);
-    this.mobile = this.settings.mobile;
-  }
-
-  ngOnInit() {
-    this.setForm(
-      this.formBuilder.group({
-        type: [MessageTypes.INBOX_MESSAGE, Validators.required],
-        recipients: [null, Validators.required],
-        recipientFilter: [null],
-        subject: [
-          null,
-          this.subjectMaxLength
-            ? Validators.compose([Validators.required, Validators.minLength(this.subjectMinLength), Validators.maxLength(this.subjectMaxLength)])
-            : Validators.required,
-        ],
-        body: [null, this.bodyMaxLength ? Validators.compose([Validators.maxLength(this.bodyMaxLength)]) : Validators.required],
-      })
-    );
-
-    this.registerSubscription(
-      this._form
-        .get('type')
-        .valueChanges.pipe(filter(isNotNil))
-        .subscribe((type) => this.updateFormGroup(this._form, { type }))
-    );
-
-    // Person combo
-    const personAttributes = this.settings.getFieldDisplayAttributes('person', ['lastName', 'firstName', 'department.name']);
-    this.registerAutocompleteField('recipients', {
-      showAllOnFocus: false,
-      suggestFn: this.suggestFn,
-      filter: {
-        statusIds: [StatusIds.TEMPORARY, StatusIds.ENABLE],
-      },
-      attributes: personAttributes,
-      columnNames: personAttributes.map((attr) => `USER.${changeCaseToUnderscore(attr).toUpperCase()}`),
-      displayWith: PersonUtils.personToString,
-      multiple: true,
-      mobile: this.mobile,
-    });
-  }
-
-  isSamePerson(o1: Person, o2: Person): boolean {
-    return EntityUtils.equals(o1, o2, 'id');
-  }
-
-  protected updateFormGroup(formGroup: UntypedFormGroup, opts?: { type?: string; recipientRequired?: boolean }) {
-    console.debug('[message-form] Updating form group...', opts);
-
-    // Recipient validator
-    const recipientsRequired = toBoolean(opts?.recipientRequired, opts?.type !== MessageTypes.FEED);
-    {
-      const control = formGroup.get('recipients');
-      if (recipientsRequired) {
-        if (!control.hasValidator(Validators.required)) {
-          control.addValidators(Validators.required);
-        }
-        control.enable();
-      } else {
-        if (control.hasValidator(Validators.required)) {
-          control.removeValidators(Validators.required);
-        }
-        control.disable();
-      }
-    }
-
-    // Recipient filter validator
-    const recipientFilterRequired = this.canRecipientFilter && !recipientsRequired;
-    {
-      const control = formGroup.get('recipientFilter');
-      if (recipientFilterRequired) {
-        if (!control.hasValidator(Validators.required)) {
-          control.addValidators(Validators.required);
-        }
-        control.enable();
-      } else {
-        if (control.hasValidator(Validators.required)) {
-          control.removeValidators(Validators.required);
-        }
-        control.disable();
-      }
-    }
-
-    formGroup.updateValueAndValidity();
-  }
-
-  protected markForCheck() {
-    this.cd.markForCheck();
-  }
-}

package/src/app/social/message/message.modal.html

@@ -1,68 +0,0 @@
-<ion-header>
-  <ion-toolbar color="secondary">
-    <ion-buttons slot="start">
-      <ion-button class="back-button" (click)="cancel()" visible-xs visible-sm visible-mobile>
-        <ion-icon slot="icon-only" name="arrow-back"></ion-icon>
-      </ion-button>
-    </ion-buttons>
-
-    <ion-title>
-      {{ 'SOCIAL.MESSAGE.NEW.TITLE' | translate }}
-    </ion-title>
-
-    <ion-buttons slot="end">
-      <ion-button
-        class="back-button"
-        (click)="doSubmit()"
-        [disabled]="!form.valid"
-        visible-xs
-        visible-sm
-        visible-mobile
-      >
-        <ion-icon slot="icon-only" name="checkmark"></ion-icon>
-      </ion-button>
-    </ion-buttons>
-  </ion-toolbar>
-</ion-header>
-
-<ion-content class="ion-padding">
-  <ion-item *ngIf="form.error" visible-xs visible-sm visible-mobile lines="none">
-    <ion-icon color="danger" slot="start" name="alert-circle"></ion-icon>
-    <ion-label color="danger" class="error" [innerHTML]="form.error | translate"></ion-label>
-  </ion-item>
-
-  <app-message-form
-    #form
-    (onSubmit)="doSubmit()"
-    (onCancel)="cancel()"
-    [canSelectType]="canSelectType"
-    [canRecipientFilter]="canRecipientFilter"
-    [recipientFilterCount]="recipientFilterCount"
-    [suggestFn]="suggestFn"
-  ></app-message-form>
-</ion-content>
-
-<ion-footer hidden-xs hidden-sm hidden-mobile>
-  <ion-toolbar>
-    <ion-row class="ion-no-padding" nowrap>
-      <ion-col></ion-col>
-
-      <!-- buttons -->
-      <ion-col size="auto">
-        <ion-button fill="clear" color="dark" (click)="cancel()">
-          <ion-label translate>COMMON.BTN_CANCEL</ion-label>
-        </ion-button>
-
-        <ion-button
-          [fill]="form.invalid ? 'clear' : 'solid'"
-          [disabled]="form.loading || form.invalid"
-          (keyup.enter)="doSubmit()"
-          (click)="doSubmit()"
-          color="tertiary"
-        >
-          <ion-label translate>COMMON.BTN_SEND</ion-label>
-        </ion-button>
-      </ion-col>
-    </ion-row>
-  </ion-toolbar>
-</ion-footer>

package/src/app/social/message/message.modal.ts

@@ -1,117 +0,0 @@
-import { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core';
-
-import { ModalController } from '@ionic/angular';
-import { Message, MessageTypes } from './message.model';
-import { Person } from '../../core/services/model/person.model';
-import { SuggestFn } from '../../shared/services/entity-service.class';
-import { PersonFilter } from '../../admin/services/filter/person.filter';
-import { LocalSettingsService } from '../../core/services/local-settings.service';
-import { MessageForm } from './message.form';
-import { firstNotNilPromise } from '../../shared/observables';
-import { AppFormUtils } from '../../core/form/form.utils';
-import { toBoolean } from '../../shared/functions';
-import { AccountService } from '../../core/services/account.service';
-
-export interface MessageModalOptions {
-  suggestFn: SuggestFn<Person, PersonFilter>;
-  data?: Message;
-  canSelectType?: boolean;
-  canRecipientFilter?: boolean;
-  recipientFilterCount?: number;
-}
-
-@Component({
-  selector: 'app-message-modal',
-  templateUrl: './message.modal.html',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class MessageModal implements OnInit, AfterViewInit, MessageModalOptions {
-  readonly mobile: boolean;
-  @Input() suggestFn: SuggestFn<Person, PersonFilter>;
-  @Input() data: Message;
-  @Input() canSelectType: boolean;
-  @Input() canRecipientFilter: boolean;
-  @Input() recipientFilterCount: number;
-
-  @ViewChild('form', { static: true }) private form: MessageForm;
-
-  constructor(
-    protected settings: LocalSettingsService,
-    protected viewCtrl: ModalController,
-    protected accountService: AccountService,
-    protected cd: ChangeDetectorRef
-  ) {
-    this.mobile = this.settings.mobile;
-  }
-
-  ngOnInit() {
-    this.canSelectType = toBoolean(this.canSelectType, this.accountService.isAdmin());
-  }
-
-  ngAfterViewInit() {
-    setTimeout(() => {
-      this.form.markAsReady({ emitEvent: false });
-      if (this.data) {
-        this.data.type = this.data.type || MessageTypes.INBOX_MESSAGE;
-        this.form.setValue(this.data);
-      }
-      this.form.markAsLoaded();
-      this.form.enable();
-    });
-  }
-
-  cancel() {
-    this.viewCtrl.dismiss();
-  }
-
-  async doSubmit(): Promise<any> {
-    if (this.form.disabled) return;
-    if (!this.form.valid) {
-      await AppFormUtils.waitWhilePending(this.form);
-
-      if (this.form.invalid) {
-        AppFormUtils.logFormErrors(this.form.form, '[message-modal] ');
-        this.form.markAllAsTouched();
-        return;
-      }
-    }
-    this.markAsLoading();
-
-    try {
-      const data = this.form.value;
-
-      // Disable the form
-      this.form.disable();
-
-      const entity = Message.fromObject(data);
-
-      return this.viewCtrl.dismiss(entity);
-    } catch (err) {
-      this.form.error = (err && err.message) || err;
-      this.markAsLoaded();
-
-      // Enable the form
-      this.form.enable();
-
-      // Reset form error on next changes
-      firstNotNilPromise(this.form.form.valueChanges).then(() => {
-        this.form.error = null;
-        this.markForCheck();
-      });
-
-      return;
-    }
-  }
-
-  protected markForCheck() {
-    this.cd.markForCheck();
-  }
-
-  protected markAsLoading(opts?: { emitEvent?: boolean }) {
-    this.form.markAsLoading(opts);
-  }
-
-  protected markAsLoaded(opts?: { emitEvent?: boolean }) {
-    this.form.markAsLoaded(opts);
-  }
-}

package/src/app/social/message/message.model.ts

@@ -1,78 +0,0 @@
-import { EntityClass } from '../../core/services/model/entity.decorators';
-import { Entity, EntityAsObjectOptions } from '../../core/services/model/entity.model';
-import { StoreObject } from '@apollo/client/core';
-import { EntityFilter } from '../../core/services/model/filter.model';
-import { Person } from '../../core/services/model/person.model';
-import { PersonFilter } from '../../admin/services/filter/person.filter';
-import { FilterFn } from '../../shared/types';
-
-export const MessageTypes = {
-  INBOX_MESSAGE: 'INBOX_MESSAGE',
-  EMAIL: 'EMAIL',
-  FEED: 'FEED',
-};
-export const MessageTypeList = Object.freeze([
-  {
-    id: MessageTypes.INBOX_MESSAGE,
-    icon: 'notifications',
-    label: 'SOCIAL.MESSAGE.TYPE_ENUM.INBOX_MESSAGE',
-  },
-  {
-    id: MessageTypes.EMAIL,
-    icon: 'mail',
-    label: 'SOCIAL.MESSAGE.TYPE_ENUM.EMAIL',
-  },
-  {
-    id: MessageTypes.FEED,
-    icon: 'paper',
-    label: 'SOCIAL.MESSAGE.TYPE_ENUM.FEED',
-  },
-]);
-
-// @dynamic
-@EntityClass({ typename: 'MessageVO' })
-export class Message extends Entity<Message> {
-  static fromObject: (source: any, opts?: any) => Message;
-
-  type: string;
-  issuer: Person;
-  recipients: Person[];
-  recipientFilter: PersonFilter;
-  subject: string;
-  body: string;
-
-  constructor() {
-    super();
-  }
-
-  fromObject(source: any, opts?: any) {
-    super.fromObject(source, opts);
-    this.type = source.type;
-    this.issuer = source.issuer && Person.fromObject(source.issuer);
-    this.recipients = source.recipients && source.recipients.map(Person.fromObject);
-    this.recipientFilter = (source.recipientFilter && PersonFilter.fromObject(source.recipientFilter)) || undefined;
-    this.subject = source.subject;
-    this.body = source.body;
-  }
-
-  asObject(opts?: EntityAsObjectOptions): StoreObject {
-    const target = super.asObject(opts);
-    target.recipients = this.recipients && this.recipients.map((p) => p.asObject(opts));
-    target.recipientFilter = (this.recipientFilter && this.recipientFilter.asObject(opts)) || undefined;
-    return target;
-  }
-}
-
-// @dynamic
-@EntityClass({ typename: 'MessageFilterVO' })
-export class MessageFilter extends EntityFilter<MessageFilter, Message> {
-  static fromObject: (source: any, opts?: any) => MessageFilter;
-
-  fromObject(source: any, opts?: any) {
-    super.fromObject(source, opts);
-  }
-
-  protected buildFilter(): FilterFn<Message>[] {
-    return super.buildFilter();
-  }
-}

package/src/app/social/message/message.module.ts

@@ -1,14 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { CoreModule } from '../../core/core.module';
-import { SharedModule } from '../../shared/shared.module';
-import { MessageModal } from './message.modal';
-import { MessageForm } from './message.form';
-import { MatChipsModule } from '@angular/material/chips';
-
-@NgModule({
-  imports: [CommonModule, CoreModule, SharedModule, MatChipsModule],
-  declarations: [MessageModal, MessageForm],
-  exports: [MessageModal],
-})
-export class MessageModule {}