(feat) Manually Trigger Form Validation (#808)

Manually trigger just the validation
openmrs · Sep 15, 2022 · d3d9547 · d3d9547
1 parent 5f1b158
commit d3d9547
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/packages/esm-form-entry-app/src/app/fe-wrapper/fe-wrapper.component.ts b/packages/esm-form-entry-app/src/app/fe-wrapper/fe-wrapper.component.ts
@@ -225,6 +225,8 @@ export class FeWrapperComponent implements OnInit, OnDestroy {
  this.changeState('readyWithValidationErrors');
  }
 
+ this.onValidate(this.form.valid);
+
  return this.form.valid;
  }
 
@@ -252,14 +254,23 @@ export class FeWrapperComponent implements OnInit, OnDestroy {
  if (handlePostResponse && typeof handlePostResponse === 'function') handlePostResponse(encounter);
  }
 
+ public onValidate(valid: boolean): void {
+ const handleOnValidate = this.singleSpaPropsService.getProp('handleOnValidate');
+ if (handleOnValidate && typeof handleOnValidate === 'function') handleOnValidate(valid);
+ }
+
  @HostListener('window:ampath-form-action', ['$event'])
  onFormAction(event) {
  const formUuid = this.singleSpaPropsService.getPropOrThrow('formUuid');
- if (event.detail?.formUuid === formUuid) {
+ const patientUuid = this.singleSpaPropsService.getPropOrThrow('patientUuid');
+ if (event.detail?.formUuid === formUuid && event.detail?.patientUuid === patientUuid) {
  switch (event.detail?.action) {
  case 'onSubmit':
  this.onSubmit();
  break;
+ case 'validateForm':
+ this.validateForm();
+ break;
  default:
  break;
  }

diff --git a/packages/esm-form-entry-app/src/single-spa-props.ts b/packages/esm-form-entry-app/src/single-spa-props.ts
@@ -18,5 +18,6 @@ export type SingleSpaProps = AppProps & {
  patientUuid: string;
  handleEncounterCreate?: (encounter: EncounterCreate) => void;
  handlePostResponse?: (encounter: Encounter) => void;
+ handleOnValidate?: (valid: boolean) => void;
  showDiscardSubmitButtons?: boolean;
 };