@openmrs/ngx-formentry 3.2.1-pre.276 → 3.2.1-pre.278

package/src/app/app.component.html

@@ -1,25 +0,0 @@
-<div *ngIf="form && form.rootNode">
-  <form [formGroup]="form.rootNode.control">
-    <ofe-form-renderer
-      [node]="form.rootNode"
-      [labelMap]="labelMap"
-    ></ofe-form-renderer>
-  </form>
-
-  <div class="cds--offset-md-2">
-    <button
-      (click)="reset($event)"
-      class="cds--btn cds--btn--secondary"
-      type="button"
-    >
-      Cancel
-    </button>
-    <button
-      (click)="onSubmit($event)"
-      class="cds--btn cds--btn--primary"
-      type="button"
-    >
-      Save
-    </button>
-  </div>
-</div>

package/src/app/app.component.spec.ts

@@ -1,23 +0,0 @@
-import { TestBed, waitForAsync } from '@angular/core/testing';
-import { FormEntryModule } from 'projects/ngx-formentry/src/public_api';
-import { AppComponent } from './app.component';
-import { BrowserModule } from '@angular/platform-browser';
-import { ReactiveFormsModule } from '@angular/forms';
-describe('AppComponent', () => {
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        declarations: [AppComponent],
-        imports: [BrowserModule, FormEntryModule, ReactiveFormsModule]
-      }).compileComponents();
-    })
-  );
-  it(
-    'should create the app',
-    waitForAsync(() => {
-      const fixture = TestBed.createComponent(AppComponent);
-      const app = fixture.debugElement.componentInstance;
-      expect(app).toBeTruthy();
-    })
-  );
-});

package/src/app/app.component.ts

@@ -1,414 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { FormGroup } from '@angular/forms';
-
-import { Subscriber, Observable, Subject, of, Observer } from 'rxjs';
-import { TranslateService } from '@ngx-translate/core';
-
-import {
-  QuestionFactory,
-  Form,
-  FormFactory,
-  ObsValueAdapter,
-  OrderValueAdapter,
-  EncounterAdapter,
-  DataSources,
-  FormErrorsService,
-  PersonAttribuAdapter
-} from '@openmrs/ngx-formentry';
-import { MockObs } from './mock/mock-obs';
-import { mockTranslationsData } from './mock/mock-translations';
-import { PatientIdentifierAdapter } from 'projects/ngx-formentry/src/form-entry/value-adapters/patient-identifier.adapter';
-
-const adultForm = require('./adult-1.6.json');
-const adultFormObs = require('./mock/obs.json');
-const formOrdersPayload = require('./mock/orders.json');
-@Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
-})
-export class AppComponent implements OnInit {
-  data: any;
-  schema: any;
-  sections: {} = {};
-  formGroup: FormGroup;
-  activeTab = 0;
-  form: Form;
-  stack = [];
-  encounterObject = adultFormObs;
-  showingEncounterViewer = false;
-  public header = 'UMD Demo';
-  currentLanguage = 'en';
-  labelMap = {};
-
-  constructor(
-    private questionFactory: QuestionFactory,
-    private formFactory: FormFactory,
-    private obsValueAdapater: ObsValueAdapter,
-    private orderAdaptor: OrderValueAdapter,
-    private encAdapter: EncounterAdapter,
-    private dataSources: DataSources,
-    private formErrorsService: FormErrorsService,
-    private http: HttpClient,
-    private translate: TranslateService,
-    private personAttributeAdapter: PersonAttribuAdapter,
-    private patientIdenfierAdapter: PatientIdentifierAdapter
-  ) {
-    this.schema = adultForm;
-  }
-
-  ngOnInit() {
-    this.dataSources.registerDataSource('drug', {
-      searchOptions: this.sampleSearch,
-      resolveSelectedValue: this.sampleResolve
-    });
-    this.dataSources.registerDataSource('personAttribute', {
-      searchOptions: this.sampleSearch,
-      resolveSelectedValue: this.sampleResolve
-    });
-    this.dataSources.registerDataSource('problem', {
-      searchOptions: this.sampleSearch,
-      resolveSelectedValue: this.sampleResolve
-    });
-    this.dataSources.registerDataSource('location', {
-      searchOptions: this.sampleSearch,
-      resolveSelectedValue: this.sampleResolve
-    });
-    this.dataSources.registerDataSource('provider', {
-      searchOptions: this.sampleSearch,
-      resolveSelectedValue: this.sampleResolve
-    });
-    this.dataSources.registerDataSource('diagnoses', {
-      searchOptions: this.sampleSearch,
-      resolveSelectedValue: this.sampleResolve
-    });
-
-    const ds = {
-      dataSourceOptions: { concept: undefined },
-      searchOptions: (text?: string) => {
-        if (ds.dataSourceOptions && ds.dataSourceOptions.concept) {
-          const items: Array<any> = [
-            { value: 1, label: 'Stage 1 Symptom' },
-            { value: 2, label: 'Stage 2 Symptom' }
-          ];
-
-          return new Observable((observer: Observer<object>) => {
-            setTimeout(() => {
-              observer.next(items);
-            }, 1000);
-          });
-        }
-      },
-
-      resolveSelectedValue: (key: string) => {
-        if (ds.dataSourceOptions && ds.dataSourceOptions.concept) {
-          const item = { value: 1, label: 'Stage 1 Symptom' };
-          return new Observable((observer: Observer<object>) => {
-            setTimeout(() => {
-              observer.next(item);
-            }, 1000);
-          });
-        }
-      }
-    };
-
-    this.dataSources.registerDataSource('conceptAnswers', ds);
-
-    const obs = new MockObs();
-    this.dataSources.registerDataSource('rawPrevEnc', obs.getObs());
-    this.dataSources.registerDataSource('rawPrevObs', obs.getObs());
-
-    this.dataSources.registerDataSource('patient', { sex: 'M', age: 50 }, true);
-
-    this.dataSources.registerDataSource('patientInfo', {
-      name: 'Test Patient',
-      age: '37',
-      birthdate: '7/7/1982',
-      mui: '447062073-5',
-      nid: '1234567'
-    });
-
-    this.dataSources.registerDataSource('file', {
-      fileUpload: (data) => {
-        return of({ image: 'https://unsplash.it/1040/720' });
-      },
-      fetchFile: (url) => {
-        return new Observable((observer: Subscriber<any>) => {
-          let objectUrl: string = null;
-          const headers = new HttpHeaders({
-            Accept: 'image/png,image/jpeg,image/gif,application/pdf'
-          });
-          this.http
-            .get('https://unsplash.it/1040/720', {
-              headers,
-              responseType: 'json'
-            })
-            .subscribe((res: any) => {
-              const blob = new Blob(res.body);
-              objectUrl = URL.createObjectURL(blob);
-              observer.next(objectUrl);
-            });
-
-          return () => {
-            if (objectUrl) {
-              URL.revokeObjectURL(objectUrl);
-              objectUrl = null;
-            }
-          };
-        });
-      }
-    });
-
-    // Create form
-    this.createForm();
-
-    // Set encounter, obs, orders
-    adultFormObs.orders = formOrdersPayload.orders;
-    this.encAdapter.populateForm(this.form, adultFormObs);
-
-    this.setUpCascadeSelectForWHOStaging();
-    if (!this.form.valid) {
-      this.form.showErrors = false;
-      this.form.rootNode.control.markAsDirty();
-    }
-
-    // Alternative is to set individually for obs and orders as show below
-    // // Set obs
-    // this.obsValueAdapater.populateForm(this.form, adultFormObs.obs);
-
-    // // Set orders
-    // this.orderAdaptor.populateForm(this.form, formOrdersPayload);
-  }
-
-  public setUpCascadeSelectForWHOStaging() {
-    const subject = new Subject();
-    const source = this.dataSources.dataSources['conceptAnswers'];
-    source.dataFromSourceChanged = subject.asObservable();
-
-    const whoStageQuestion = this.form.searchNodeByQuestionId(
-      'adultWHOStage'
-    )[0];
-    if (whoStageQuestion) {
-      whoStageQuestion.control.valueChanges.subscribe((val) => {
-        if (source.dataFromSourceChanged) {
-          if (val === 'a89b2606-1350-11df-a1f1-0026b9348838') {
-            subject.next([
-              { value: 3, label: 'Stage 3 Symptom' },
-              { value: 4, label: 'Stage 4 Symptom' }
-            ]);
-          } else {
-            subject.next([
-              { value: 5, label: 'Stage 5 Symptom' },
-              { value: 6, label: 'Stage 6 Symptom' }
-            ]);
-          }
-        }
-      });
-    }
-  }
-
-  public getSectionData(sectionId) {
-    let data = {};
-    data = this.sections[sectionId];
-    return data;
-  }
-
-  public clickTab(tabNumber) {
-    this.activeTab = tabNumber;
-  }
-
-  public createForm() {
-    this.form = this.formFactory.createForm(
-      this.schema,
-      this.dataSources.dataSources
-    );
-
-    // Get concepts with no label
-    const concepts = this.traverseForUnlabeledConcepts(this.form.rootNode);
-
-    // Fetch missing labels from concept dictionary
-    this.fetchMockedConceptData(concepts).then((conceptData: any) => {
-      this.labelMap = [];
-      conceptData.forEach((concept: any) => {
-        this.labelMap[concept.reqId] = concept.display;
-      });
-    });
-
-    this.translate.currentLang = this.currentLanguage;
-    this.fetchMockedTranslationsData().then((translationsData: any) => {
-      this.translate.setTranslation(
-        translationsData?.language,
-        translationsData?.translations
-      );
-    });
-  }
-
-  fetchMockedTranslationsData() {
-    const promise = new Promise(function (resolve, reject) {
-      setTimeout(function () {
-        const translationsData = mockTranslationsData.find(
-          (translation) => translation.language === 'en'
-        );
-        resolve(translationsData);
-      }, 2000);
-    });
-    return promise;
-  }
-
-  fetchMockedConceptData(concepts) {
-    const promise = new Promise(function (resolve, reject) {
-      // Simulate a server response with some delay
-      setTimeout(function () {
-        const conceptData = [
-          {
-            uuid: 'a89ff9a6-1350-11df-a1f1-0026b9348838',
-            display: 'Was this visit scheduled?',
-            reqId: concepts[0]
-          },
-          {
-            uuid: 'a89b6440-1350-11df-a1f1-0026b9348838',
-            display: 'Scheduled visit',
-            reqId: concepts[1]
-          },
-          {
-            uuid: 'a89ff816-1350-11df-a1f1-0026b9348838',
-            display: 'Unscheduled visit early',
-            reqId: concepts[2]
-          },
-          {
-            uuid: 'a89ff8de-1350-11df-a1f1-0026b9348838',
-            display: 'Unscheduled visit late',
-            reqId: concepts[3]
-          }
-        ];
-        resolve(conceptData);
-      }, 2000);
-    });
-    return promise;
-  }
-
-  traverseForUnlabeledConcepts(o, type?) {
-    let concepts = [];
-    if (o.children) {
-      if (o.children instanceof Array) {
-        const returned = this.traverseRepeatingGroupForUnlabeledConcepts(
-          o.children
-        );
-        return returned;
-      }
-      if (o.children instanceof Object) {
-        for (const key in o.children) {
-          if (o.children.hasOwnProperty(key)) {
-            const question = o.children[key].question;
-            switch (question.renderingType) {
-              case 'page':
-              case 'section':
-              case 'group':
-                const childrenConcepts = this.traverseForUnlabeledConcepts(
-                  o.children[key]
-                );
-                concepts = concepts.concat(childrenConcepts);
-                break;
-              case 'repeating':
-                const repeatingConcepts = this.traverseRepeatingGroupForUnlabeledConcepts(
-                  o.children[key].children
-                );
-                concepts = concepts.concat(repeatingConcepts);
-                break;
-              default:
-                if (!question.label && question.extras.questionOptions) {
-                  concepts.push(question.extras.questionOptions.concept);
-                }
-                if (question.extras.questionOptions.answers) {
-                  question.extras.questionOptions.answers.forEach((answer) => {
-                    if (!answer.label) {
-                      concepts.push(answer.concept);
-                    }
-                  });
-                }
-                break;
-            }
-          }
-        }
-      }
-    }
-    return concepts;
-  }
-
-  traverseRepeatingGroupForUnlabeledConcepts(nodes) {
-    const toReturn = [];
-    for (const node of nodes) {
-      toReturn.push(this.traverseForUnlabeledConcepts(node));
-    }
-    return toReturn;
-  }
-
-  public sampleResolve(): Observable<any> {
-    const item = { value: '1', label: 'Art3mis' };
-    return Observable.create((observer: Subject<any>) => {
-      setTimeout(() => {
-        observer.next(item);
-      }, 1000);
-    });
-  }
-
-  public sampleSearch(): Observable<any> {
-    const items: Array<any> = [
-      { value: '0', label: 'Aech' },
-      { value: '5b6e58ea-1359-11df-a1f1-0026b9348838', label: 'Art3mis' },
-      { value: '2', label: 'Daito' },
-      { value: '3', label: 'Parzival' },
-      { value: '4', label: 'Shoto' }
-    ];
-
-    return Observable.create((observer: Subject<any>) => {
-      setTimeout(() => {
-        observer.next(items);
-      }, 1000);
-    });
-  }
-
-  public onSubmit($event) {
-    $event.preventDefault();
-    // Set valueProcessingInfo
-    this.form.valueProcessingInfo = {
-      patientUuid: 'patientUuid',
-      visitUuid: 'visitUuid',
-      encounterTypeUuid: 'encounterTypeUuid',
-      formUuid: 'formUuid',
-      encounterUuid: 'encounterUuid',
-      providerUuid: 'providerUuid',
-      utcOffset: '+0300',
-      locationUuid: 'some-location-uuid'
-    };
-    if (this.form.valid) {
-      this.form.showErrors = false;
-      // const payload = this.encAdapter.generateFormPayload(this.form);
-
-      // Alternative is to populate for each as shown below
-      // // generate obs payload
-      // let payload = this.obsValueAdapater.generateFormPayload(this.form);
-
-      // // generate orders payload
-      // let ordersPayload = this.orderAdaptor.generateFormPayload(this.form);
-
-      // generate patient identifiers
-      //const patientIdenfitiers = this.patientIdenfierAdapter.generateFormPayload(this.form,this.form.valueProcessingInfo['locationUuid']);
-    } else {
-      this.form.showErrors = true;
-      this.form.markInvalidControls(this.form.rootNode);
-    }
-  }
-
-  public reset($event) {
-    $event.preventDefault();
-    this.form.rootNode.control.reset();
-  }
-
-  public toggleEncounterViewer() {
-    this.showingEncounterViewer === true
-      ? (this.showingEncounterViewer = false)
-      : (this.showingEncounterViewer = true);
-  }
-}

package/src/app/app.module.ts

@@ -1,24 +0,0 @@
-import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import { HttpClientModule } from '@angular/common/http';
-import { BrowserModule } from '@angular/platform-browser';
-import { ReactiveFormsModule } from '@angular/forms';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { FormEntryModule } from '@openmrs/ngx-formentry';
-import { AppComponent } from './app.component';
-import { NgxTranslateModule } from './translate/translate.module';
-
-@NgModule({
-  declarations: [AppComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-  imports: [
-    BrowserModule,
-    BrowserAnimationsModule,
-    FormEntryModule,
-    HttpClientModule,
-    ReactiveFormsModule,
-    NgxTranslateModule
-  ],
-  providers: [],
-  bootstrap: [AppComponent]
-})
-export class AppModule {}

package/src/app/mock/mock-form.ts

@@ -1,101 +0,0 @@
-import { TextInputQuestion } from 'projects/ngx-formentry/src/public_api';
-import { QuestionGroup } from 'projects/ngx-formentry/src/public_api';
-import { RepeatingQuestion } from 'projects/ngx-formentry/src/public_api';
-import { FormGroup } from '@angular/forms';
-export class MockForm {
-  section1: FormGroup;
-  data = {
-    form: this.section1,
-    questions: [
-      new TextInputQuestion({
-        type: 'text',
-        key: 'things',
-        label: 'Things You Like',
-        defaultValue: 'Hello',
-        placeholder: ''
-      }),
-      new TextInputQuestion({
-        type: 'text',
-        key: 'things1',
-        label: 'Things You Like 1',
-        defaultValue: 'Hello',
-        placeholder: ''
-      }),
-      new QuestionGroup({
-        type: 'group',
-        key: 'nested',
-        questions: [
-          new TextInputQuestion({
-            type: 'text',
-            key: 'nestedText',
-            label: 'Nested In Group',
-            defaultValue: 'Nested In Group',
-            placeholder: ''
-          }),
-          new QuestionGroup({
-            type: 'group',
-            key: 'nestedDeep',
-            questions: [
-              new TextInputQuestion({
-                type: 'text',
-                key: 'nestedTextDeep',
-                label: 'Nested In Deep Group',
-                defaultValue: 'Nested In Deep Group',
-                placeholder: ''
-              }),
-              new RepeatingQuestion({
-                type: 'repeating',
-                key: 'repeating',
-                label: 'Repeated In Group',
-                questions: [
-                  new TextInputQuestion({
-                    type: 'text',
-                    key: 'reatingPrvi4',
-                    label: 'Am Repeated in group',
-                    placeholder: 'Am Repeated in group'
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      new RepeatingQuestion({
-        type: 'repeating',
-        key: 'repeating1',
-        label: 'Repeated',
-        questions: [
-          new TextInputQuestion({
-            type: 'text',
-            key: 'reatingPrvi2',
-            label: 'Am Repeated',
-            placeholder: 'Am Repeated'
-          }),
-          new TextInputQuestion({
-            type: 'text',
-            key: 'reatingPrvi1',
-            label: 'Am Repeated Second',
-            placeholder: 'Am Repeated Second'
-          })
-        ]
-      }),
-      new TextInputQuestion({
-        type: 'text',
-        key: 'Drugi',
-        label: 'I Reference',
-        defaultValue: '',
-        placeholder: 'I Reference'
-      }),
-      new TextInputQuestion({
-        type: 'text',
-        key: 'Prvi',
-        label: 'Am Referenced',
-        defaultValue: '',
-        placeholder: 'Am Referenced'
-      })
-    ]
-  };
-  getMockForm() {
-    return this.data;
-  }
-}