All files / lib/dynamic-form dynamic-form.ts

100% Statements 14/14
100% Branches 5/5
100% Functions 8/8
100% Lines 13/13

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40                      225x 225x     227x     106x 107x   22x     2x       2x 2x 1x   1x 1x 1x          
import { Observable, Subject } from 'rxjs';
import { DynamicFormGroup } from '../dynamic-form-group/dynamic-form-group';
import { extractFiles } from '../dynamic-form-input/dynamic-form-file/dynamic-form-file-helpers';
import { DynamicFormDefinition } from './dynamic-form-definition';
import { DynamicFormTemplate } from './dynamic-form-template';
import { DynamicFormBuilder } from './dynamic-form.builder';
 
export class DynamicForm<
  Value extends { [key: string]: any } = any, Model extends Value = Value,
> extends DynamicFormGroup<Value, Model, DynamicFormTemplate, DynamicFormDefinition> {
 
  private readonly _submit = new Subject<boolean>();
  private readonly _submit$ = this._submit.asObservable();
 
  constructor(builder: DynamicFormBuilder, definition: DynamicFormDefinition, model: Model) {
    super(builder, definition, model);
  }
 
  override get hidden(): boolean { return this.template.hidden || false; }
  override get readonly(): boolean { return this.template.readonly || false; }
 
  get submit$(): Observable<boolean> { return this._submit$; }
 
  submit(): void {
    this._submit.next(true);
  }
 
  getFiles(): FormData {
    const files = extractFiles(this.value);
    if (!files.length) {
      return undefined;
    }
    const formData = new FormData();
    files.forEach(({ key, file }) => formData.append(key, file));
    return formData;
  }
 
  protected override initId(): void {}
}