O3-2057 Add support to display error messages on Number input control (…

…#22)

* add error message for min and max on number field

* refactor code

* more code refactor

* remove number conversion on value

src/components/encounter/ohri-encounter-form.tsx

@@ -402,6 +402,7 @@ export const OHRIEncounterForm: React.FC<OHRIEncounterFormProps> = ({
         },
       };
     }
+
     if (encounterForSubmission.obs?.length || encounterForSubmission.orders?.length) {
       const ac = new AbortController();
       return saveEncounter(ac, encounterForSubmission, encounter?.uuid);

src/validators/ohri-form-validator.ts

@@ -2,6 +2,7 @@ import { FieldValidator, OHRIFormField } from '../api/types';
 import { isTrue } from '../utils/boolean-utils';
 
 export const fieldRequiredErrCode = 'field.required';
+export const fieldOutOfBoundErrCode = 'field.outOfBound';
 
 export const OHRIFieldValidator: FieldValidator = {
   validate: (field: OHRIFormField, value: any) => {
@@ -13,6 +14,31 @@ export const OHRIFieldValidator: FieldValidator = {
         return [{ resultType: 'error', errCode: fieldRequiredErrCode, message: 'Field is mandatory' }];
       }
     }
+    if (field.questionOptions.rendering == 'number') {
+      const min = field.questionOptions.min;
+      const max = field.questionOptions.max;
+      if (min && value < Number(min)) {
+        return [
+          {
+            resultType: 'error',
+            errCode: fieldOutOfBoundErrCode,
+            // TODO: handle i18n
+            message: `Field value can't be less than ${min}`,
+          },
+        ];
+      }
+
+      if (max && value > Number(max)) {
+        return [
+          {
+            resultType: 'error',
+            errCode: fieldOutOfBoundErrCode,
+            // TODO: handle i18n
+            message: `Field value can't be greater than ${max}`,
+          },
+        ];
+      }
+    }
     return [];
   },
 };