(chore) Bump @carbon/react and core OpenMRS dependencies (#484)

Bumps @carbon/react to `^v1.76.0`, aligning the dependency version with the version we're pointing to in Core and everywhere else. Additionally, this adds an aria-label to the dropdown component to ensure that it remains accessible in tests using accessibility roles.

Author: denniskigen

package.json

@@ -29,7 +29,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@carbon/react": "1.74.0",
+    "@carbon/react": "^1.76.0",
     "classnames": "^2.5.1",
     "lodash-es": "^4.17.21",
     "react-error-boundary": "^4.0.13",

src/components/inputs/select/dropdown.component.tsx

@@ -3,12 +3,12 @@ import { useTranslation } from 'react-i18next';
 import { Dropdown as DropdownInput, Layer } from '@carbon/react';
 import { shouldUseInlineLayout } from '../../../utils/form-helper';
 import { isTrue } from '../../../utils/boolean-utils';
+import { isEmpty } from '../../../validators/form-validator';
+import { NullSelectOption } from '../../../constants';
 import { type FormFieldInputProps } from '../../../types';
+import { useFormProviderContext } from '../../../provider/form-provider';
 import FieldValueView from '../../value/view/field-value-view.component';
 import FieldLabel from '../../field-label/field-label.component';
-import { useFormProviderContext } from '../../../provider/form-provider';
-import { NullSelectOption } from '../../../constants';
-import { isEmpty } from '../../../validators/form-validator';
 import styles from './dropdown.scss';
 
 const Dropdown: React.FC<FormFieldInputProps> = ({ field, value, errors, warnings, setFieldValue }) => {
@@ -62,16 +62,17 @@ const Dropdown: React.FC<FormFieldInputProps> = ({ field, value, errors, warning
       <div className={styles.boldedLabel}>
         <Layer>
           <DropdownInput
+            aria-label={t(field.label)}
+            disabled={field.isDisabled}
             id={field.id}
-            titleText={<FieldLabel field={field} />}
+            invalid={errors.length > 0}
+            invalidText={errors[0]?.message}
             items={items}
             itemToString={itemToString}
-            selectedItem={isEmpty(value) ? NullSelectOption : value}
             onChange={handleChange}
-            disabled={field.isDisabled}
             readOnly={isTrue(field.readonly)}
-            invalid={errors.length > 0}
-            invalidText={errors[0]?.message}
+            selectedItem={isEmpty(value) ? NullSelectOption : value}
+            titleText={<FieldLabel field={field} />}
             warn={warnings.length > 0}
             warnText={warnings[0]?.message}
           />

src/form-engine.test.tsx

@@ -248,7 +248,7 @@ describe('Form engine component', () => {
 
     await assertFormHasAllFields(screen, [
       { fieldName: 'When was the HIV test conducted? *', fieldType: 'date' },
-      { fieldName: 'Community service delivery point *', fieldType: 'select' },
+      { fieldName: 'Community service delivery point', fieldType: 'select' },
     ]);
 
     try {
@@ -408,7 +408,7 @@ describe('Form engine component', () => {
         { fieldName: 'If Unscheduled, actual number scheduled date *', fieldType: 'number' },
         { fieldName: 'If Unscheduled, actual text area scheduled date *', fieldType: 'textarea' },
         { fieldName: 'Not required actual text area scheduled date', fieldType: 'textarea' },
-        { fieldName: 'If Unscheduled, actual scheduled reason select *', fieldType: 'select' },
+        { fieldName: 'If Unscheduled, actual scheduled reason select', fieldType: 'select' },
         { fieldName: 'If Unscheduled, actual scheduled reason multi-select *', fieldType: 'checkbox-searchable' },
         { fieldName: 'If Unscheduled, actual scheduled reason radio *', fieldType: 'radio' },
       ]);
@@ -703,6 +703,17 @@ describe('Form engine component', () => {
   });
 
   describe('Default values', () => {
+    let originalConsoleError;
+
+    beforeEach(() => {
+      originalConsoleError = console.error;
+      console.error = jest.fn();
+    });
+
+    afterEach(() => {
+      console.error = originalConsoleError;
+    });
+
     it('should initialize fields with default values', async () => {
       const saveEncounterMock = jest.spyOn(api, 'saveEncounter');