@openmrs/esm-form-engine-lib 3.1.3-pre.1762 → 3.1.3-pre.1764

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-form-engine-lib",
-  "version": "3.1.3-pre.1762",
+  "version": "3.1.3-pre.1764",
   "description": "React Form Engine for O3",
   "browser": "dist/openmrs-esm-form-engine-lib.js",
   "main": "src/index.ts",

package/src/components/inputs/markdown/markdown.component.tsx

@@ -1,8 +1,12 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 import MarkdownWrapper from './markdown-wrapper.component';
 import { type FormFieldInputProps } from '../../../types';
 
 const Markdown: React.FC<FormFieldInputProps> = ({ field }) => {
-  return !field.isHidden && <MarkdownWrapper markdown={field.value} />;
+  const { t } = useTranslation();
+  return !field.isHidden && <MarkdownWrapper
+    markdown={t(field.value, { defaultValue: field.value, interpolation: { escapeValue: false } })}
+  />;
 };
 export default Markdown;

package/src/components/inputs/multi-select/multi-select.component.tsx

@@ -101,7 +101,7 @@ const MultiSelect: React.FC<FormFieldInputProps> = ({ field, value, errors, warn
                 initialSelectedItems={initiallySelectedQuestionItems}
                 label={''}
                 titleText={<FieldLabel field={field} />}
-                itemToString={(item) => (item ? item.label : ' ')}
+                itemToString={(item) => (item ? t(item.label) : ' ')}
                 disabled={field.isDisabled}
                 invalid={errors.length > 0}
                 invalidText={errors[0]?.message}
@@ -143,7 +143,7 @@ const MultiSelect: React.FC<FormFieldInputProps> = ({ field, value, errors, warn
               <div className={styles.tagContainer}>
                 {formFieldAdapters[field.type]?.getDisplayValue(field, value)?.map((displayValue, index) => (
                   <Tag key={index} type="cool-gray">
-                    {displayValue}
+                    {t(displayValue)}
                   </Tag>
                 ))}
               </div>