(feat) O3-2972: Validate number fields whose concepts don't allow decimal values

src/components/interactive-builder/add-question-modal.component.tsx

@@ -184,6 +184,9 @@ const AddQuestionModal: React.FC<AddQuestionModalProps> = ({
             })),
           }),
           ...(questionType === 'personAttribute' && { attributeType: selectedPersonAttributeType.uuid }),
+          ...(questionType === 'obs' &&
+            renderingType === 'number' &&
+            selectedConcept?.allowDecimal === false && { disallowDecimals: true }),
         },
         validators: [],
       };
@@ -482,6 +485,14 @@ const AddQuestionModal: React.FC<AddQuestionModalProps> = ({
                     </div>
                   )}
 
+                  {selectedConcept?.allowDecimal === false && (
+                    <InlineNotification
+                      kind="info"
+                      lowContrast
+                      title={t('decimalsNotAllowed', 'This concept does not allow decimals')}
+                    />
+                  )}
+
                   {conceptMappings?.length ? (
                     <FormGroup>
                       <FormLabel className={styles.label}>{t('mappings', 'Mappings')}</FormLabel>

src/types.ts

@@ -137,6 +137,7 @@ export interface Concept {
   display: string;
   mappings: Array<Mapping>;
   answers: Array<ConceptAnswer>;
+  allowDecimal?: boolean;
 }
 
 export interface ConceptAnswer {

translations/en.json

@@ -28,6 +28,7 @@
   "createNewQuestion": "Create a new question",
   "createNewSection": "Create a new section",
   "datePickerType": "The type of date picker to show ",
+  "decimalsNotAllowed": "This concept does not allow decimals",
   "delete": "Delete",
   "deleteForm": "Delete form",
   "deleteFormConfirmation": "Are you sure you want to delete this form?",