(feat) Add translations for generic widget and patient chart pagination

packages/esm-generic-patient-widgets-app/src/obs-table/obs-table.component.tsx

@@ -13,19 +13,21 @@ import { usePagination, useConfig, formatDatetime, formatDate, formatTime } from
 import { PatientChartPagination } from '@openmrs/esm-patient-common-lib';
 import { useObs } from '../resources/useObs';
 import styles from './obs-table.scss';
+import { useTranslation } from 'react-i18next';
 
 interface ObsTableProps {
   patientUuid: string;
 }
 
 const ObsTable: React.FC<ObsTableProps> = ({ patientUuid }) => {
+  const { t } = useTranslation();
   const config = useConfig();
   const { data: obss, error, isLoading, isValidating } = useObs(patientUuid);
   const uniqueDates = [...new Set(obss.map((o) => o.issued))].sort();
   const obssByDate = uniqueDates.map((date) => obss.filter((o) => o.issued === date));
 
   const tableHeaders = [
-    { key: 'date', header: 'Date and time', isSortable: true },
+    { key: 'date', header: t('dateAndTime', 'Date and time'), isSortable: true },
     ...config.data.map(({ concept, label }) => ({
       key: concept,
       header: label,

packages/esm-generic-patient-widgets-app/translations/am.json

@@ -1,5 +1,6 @@
 {
   "chartView": "Chart View",
+  "dateAndTime": "Date and time",
   "displaying": "Displaying",
   "tableView": "Table View"
 }

packages/esm-generic-patient-widgets-app/translations/ar.json

@@ -1,5 +1,6 @@
 {
   "chartView": "عرض الرسم البياني",
+  "dateAndTime": "Date and time",
   "displaying": "عرض",
   "tableView": "عرض الجدول"
 }

packages/esm-generic-patient-widgets-app/translations/en.json

@@ -1,5 +1,6 @@
 {
   "chartView": "Chart View",
+  "dateAndTime": "Date and time",
   "displaying": "Displaying",
   "tableView": "Table View"
 }

packages/esm-generic-patient-widgets-app/translations/es.json

@@ -1,5 +1,6 @@
 {
   "chartView": "Vista de gráfico",
+  "dateAndTime": "Date and time",
   "displaying": "Visualización",
   "tableView": "Vista de tabla"
 }

packages/esm-generic-patient-widgets-app/translations/fr.json

@@ -1,5 +1,6 @@
 {
   "chartView": "Vue graphique",
+  "dateAndTime": "Date and time",
   "displaying": "En cours d'affichage",
   "tableView": "Vue tabulaire"
 }

packages/esm-generic-patient-widgets-app/translations/he.json

@@ -1,5 +1,6 @@
 {
   "chartView": "תצוגת תרשים",
+  "dateAndTime": "Date and time",
   "displaying": "מציג",
   "tableView": "תצוגת טבלה"
 }

packages/esm-generic-patient-widgets-app/translations/km.json

@@ -1,5 +1,6 @@
 {
   "chartView": "មើលគំនូសតាង",
+  "dateAndTime": "កាលបរិច្ឆេទ និងម៉ោង",
   "displaying": "ការបង្ហាញ",
   "tableView": "មើលតារាង"
 }

packages/esm-patient-chart-app/src/root.component.tsx

@@ -37,6 +37,7 @@ export default function Root() {
 /**
  * DO NOT REMOVE THIS COMMENT
  * THE TRANSLATION KEYS AND VALUES USED IN THE COMMON LIB IS WRITTEN HERE
+ * t('paginationPageText', 'of {count} pages', {count})
  * t("emptyStateText", 'There are no {displayText} to display for this patient', {displayText: "sample text"})
  * t('record', 'Record')
  * t('errorCopy','Sorry, there was a problem displaying this information. You can try to reload this page, or contact the site administrator and quote the error code above.')

packages/esm-patient-chart-app/src/visit/visits-widget/past-visits-components/visits-table/visits-table.component.tsx

@@ -228,11 +228,11 @@ const VisitTable: React.FC<VisitTableProps> = ({ showAllEncounters, visits, pati
                 <div className={styles.filterContainer}>
                   <Dropdown
                     id="serviceFilter"
-                    initialSelectedItem={'All'}
+                    initialSelectedItem={t('all', 'All')}
                     label=""
                     titleText={t('filterByEncounterType', 'Filter by encounter type') + ':'}
                     type="inline"
-                    items={['All', ...encounterTypes]}
+                    items={[t('all', 'All'), ...encounterTypes]}
                     onChange={handleEncounterTypeChange}
                     size={desktopLayout ? 'sm' : 'lg'}
                   />

packages/esm-patient-chart-app/translations/am.json

@@ -96,6 +96,8 @@
   "orderDurationAndUnit": "for {duration} {durationUnit}",
   "orderIndefiniteDuration": "Indefinite duration",
   "other": "Other",
+  "paginationPageText_one": "of {count} page",
+  "paginationPageText_other": "of {count} pages",
   "partOfFormDidntLoad": "Part of the form did not load",
   "pastVisitErrorText": "Past Visit Error",
   "pastVisits": "Past Visits",

packages/esm-patient-chart-app/translations/ar.json

@@ -96,6 +96,12 @@
   "orderDurationAndUnit": "لمدة {duration} {durationUnit}",
   "orderIndefiniteDuration": "مدة غير محددة",
   "other": "أخرى",
+  "paginationPageText_zero": "of {count} pages",
+  "paginationPageText_one": "of {count} page",
+  "paginationPageText_two": "of {count} pages",
+  "paginationPageText_few": "of {count} pages",
+  "paginationPageText_many": "of {count} pages",
+  "paginationPageText_other": "of {count} pages",
   "partOfFormDidntLoad": "جزء من النموذج لم يتم تحميله",
   "pastVisitErrorText": "خطأ في الزيارات السابقة",
   "pastVisits": "الزيارات السابقة",

packages/esm-patient-chart-app/translations/en.json

@@ -96,6 +96,8 @@
   "orderDurationAndUnit": "for {duration} {durationUnit}",
   "orderIndefiniteDuration": "Indefinite duration",
   "other": "Other",
+  "paginationPageText_one": "of {count} page",
+  "paginationPageText_other": "of {count} pages",
   "partOfFormDidntLoad": "Part of the form did not load",
   "pastVisitErrorText": "Past Visit Error",
   "pastVisits": "Past Visits",

packages/esm-patient-chart-app/translations/es.json

@@ -96,6 +96,9 @@
   "orderDurationAndUnit": "para {duration} {durationUnit}",
   "orderIndefiniteDuration": "Duración indefinida",
   "other": "Otros",
+  "paginationPageText_one": "of {count} page",
+  "paginationPageText_many": "of {count} pages",
+  "paginationPageText_other": "of {count} pages",
   "partOfFormDidntLoad": "Parte del formulario no se cargó",
   "pastVisitErrorText": "Error de visita pasada",
   "pastVisits": "Visitas pasadas",

packages/esm-patient-chart-app/translations/fr.json

@@ -96,6 +96,9 @@
   "orderDurationAndUnit": "pour {duration} {durationUnit}",
   "orderIndefiniteDuration": "Durée indéfinie",
   "other": "Autre",
+  "paginationPageText_one": "of {count} page",
+  "paginationPageText_many": "of {count} pages",
+  "paginationPageText_other": "of {count} pages",
   "partOfFormDidntLoad": "Part of the form did not load",
   "pastVisitErrorText": "Erreur de visite passée",
   "pastVisits": "Visites passées",

packages/esm-patient-chart-app/translations/he.json

@@ -96,6 +96,10 @@
   "orderDurationAndUnit": "למשך {duration} {durationUnit}",
   "orderIndefiniteDuration": "למשך זמן בלתי מוגבל",
   "other": "אחר",
+  "paginationPageText_one": "of {count} page",
+  "paginationPageText_two": "of {count} pages",
+  "paginationPageText_many": "of {count} pages",
+  "paginationPageText_other": "of {count} pages",
   "partOfFormDidntLoad": "Part of the form did not load",
   "pastVisitErrorText": "שגיאה בביקור עבר",
   "pastVisits": "ביקורים עבריים",

packages/esm-patient-chart-app/translations/km.json

@@ -96,6 +96,7 @@
   "orderDurationAndUnit": "សម្រាប់ {រយៈពេល} {ឯកតារយៈពេលt}",
   "orderIndefiniteDuration": "រយៈពេលមិនកំណត់",
   "other": "ផ្សេងទៀត",
+  "paginationPageText_other": "of {count} pages",
   "partOfFormDidntLoad": "ទម្រង់មួយផ្នែកមិនមានទិន្នន័យទេ",
   "pastVisitErrorText": "កំហុសក្នុងការមកពិនិត្យជំងឺកន្លងមក",
   "pastVisits": "ការមកពិនិត្យជំងឺកន្លងមក",

packages/esm-patient-common-lib/src/pagination/pagination.component.tsx

@@ -47,6 +47,7 @@ export const PatientChartPagination: React.FC<PatientChartPaginationProps> = ({
             pageSizes={pageSizes}
             totalItems={totalItems}
             onChange={onPageNumberChange}
+            pageRangeText={(_, total) => t('pageCountText', 'of {count} pages', { count: total })}
             size={isTablet ? 'lg' : 'sm'}
           />
         </div>

packages/esm-patient-flags-app/translations/es.json

@@ -10,6 +10,7 @@
   "editFlags": "Editar banderas",
   "enabledFlag": "Bandera activada",
   "enablingFlag": "Activando bandera...",
+  "flagCountfalsemany": "{count} risk flag{plural}",
   "flagCountfalseone": "{count} bandera de riesgo",
   "flagCountfalseother": "{count} banderas de riesgo",
   "flagDisabled": "Bandera desactivada",
@@ -19,6 +20,7 @@
   "flagEnabledSuccessfully": "Bandera activada con éxito",
   "flagEnableError": "Error al activar la bandera",
   "loading": "Cargando",
+  "matchesForSearchTermfalsemany": "{count} flag{plural}",
   "matchesForSearchTermfalseone": "{count} bandera",
   "matchesForSearchTermfalseother": "{count} banderas",
   "noFlagsFound": "Lo siento, no se encontraron banderas que coincidan con su búsqueda",

tools/i18next-parser.config.js

@@ -54,7 +54,7 @@ module.exports = {
   // Supports JSON (.json) and YAML (.yml) file formats
   // Where to write the locale files relative to process.cwd()
 
-  pluralSeparator: false,
+  pluralSeparator: '_',
   // Plural separator used in your translation keys
   // If you want to use plain english keys, separators such as `_` might conflict. You might want to set `pluralSeparator` to a different string that does not occur in your keys.