@openmrs/esm-fast-data-entry-app 1.0.1-pre.93 → 1.1.0

package/src/index.ts

@@ -1,91 +1,27 @@
-/**
- * This is the entrypoint file of the application. It communicates the
- * important features of this microfrontend to the app shell. It
- * connects the app shell to the React application(s) that make up this
- * microfrontend.
- */
+import { getAsyncLifecycle, defineConfigSchema, registerBreadcrumbs } from '@openmrs/esm-framework';
+import { configSchema } from './config-schema';
 
-import {
-  getAsyncLifecycle,
-  defineConfigSchema,
-  registerBreadcrumbs,
-} from "@openmrs/esm-framework";
-import { configSchema } from "./config-schema";
+const moduleName = '@openmrs/esm-fast-data-entry-app';
 
-declare let __VERSION__: string;
-// __VERSION__ is replaced by Webpack with the version from package.json
-const version = __VERSION__;
-
-/**
- * This tells the app shell how to obtain translation files: that they
- * are JSON files in the directory `../translations` (which you should
- * see in the directory structure).
- */
-const importTranslation = require.context(
-  "../translations",
-  false,
-  /.json$/,
-  "lazy"
-);
-
-/**
- * This tells the app shell what versions of what OpenMRS backend modules
- * are expected. Warnings will appear if suitable modules are not
- * installed. The keys are the part of the module name after
- * `openmrs-module-`; e.g., `openmrs-module-fhir2` becomes `fhir2`.
- */
-const backendDependencies = {
-  fhir2: "^1.2.0",
-  "webservices.rest": "^2.2.0",
+const options = {
+  featureName: 'fast-data-entry-app',
+  moduleName,
 };
 
-/**
- * This function performs any setup that should happen at microfrontend
- * load-time (such as defining the config schema) and then returns an
- * object which describes how the React application(s) should be
- * rendered.
- *
- * In this example, our return object contains a single page definition.
- * It tells the app shell that the default export of `greeter.tsx`
- * should be rendered when the route matches `hello`. The full route
- * will be `openmrsSpaBase() + 'hello'`, which is usually
- * `/openmrs/spa/hello`.
- */
-function setupOpenMRS() {
-  const moduleName = "@openmrs/esm-fast-data-entry-app";
+export const importTranslation = require.context('../translations', false, /.json$/, 'lazy');
+
+export const root = getAsyncLifecycle(() => import('./Root'), options);
 
-  const options = {
-    featureName: "fast-data-entry-app",
-    moduleName,
-  };
+export const formsAppMenuLink = getAsyncLifecycle(() => import('./forms-app-menu-link'), options);
 
+export function startupApp() {
   defineConfigSchema(moduleName, configSchema);
 
   registerBreadcrumbs([
     {
       path: `${window.spaBase}/forms`,
-      title: "Forms",
+      title: 'Forms',
       parent: `${window.spaBase}/home`,
     },
   ]);
-
-  return {
-    pages: [
-      {
-        load: getAsyncLifecycle(() => import("./Root"), options),
-        route: "forms",
-      },
-    ],
-    extensions: [
-      {
-        name: "forms-app-link",
-        slot: "app-menu-slot",
-        load: getAsyncLifecycle(() => import("./forms-app-menu-link"), options),
-        online: true,
-        offline: true,
-      },
-    ],
-  };
 }
-
-export { backendDependencies, importTranslation, setupOpenMRS, version };

package/src/patient-card/PatientCard.tsx

@@ -1,8 +1,8 @@
-import { CheckmarkOutline, WarningAlt } from "@carbon/react/icons";
-import { SkeletonText } from "@carbon/react";
-import React from "react";
-import useGetPatient from "../hooks/useGetPatient";
-import styles from "./styles.scss";
+import { CheckmarkOutline, WarningAlt } from '@carbon/react/icons';
+import { SkeletonText } from '@carbon/react';
+import React from 'react';
+import useGetPatient from '../hooks/useGetPatient';
+import styles from './styles.scss';
 
 const CardContainer = ({ onClick = () => undefined, active, children }) => {
   return (
@@ -17,12 +17,7 @@ const CardContainer = ({ onClick = () => undefined, active, children }) => {
   );
 };
 
-const PatientCard = ({
-  patientUuid,
-  activePatientUuid,
-  editEncounter,
-  encounters,
-}) => {
+const PatientCard = ({ patientUuid, activePatientUuid, editEncounter, encounters }) => {
   const patient = useGetPatient(patientUuid);
   const givenName = patient?.name?.[0]?.given?.[0];
   const familyName = patient?.name?.[0]?.family;
@@ -39,17 +34,10 @@ const PatientCard = ({
   const active = activePatientUuid === patientUuid;
 
   return (
-    <CardContainer
-      onClick={active ? () => undefined : () => editEncounter(patientUuid)}
-      active={active}
-    >
+    <CardContainer onClick={active ? () => undefined : () => editEncounter(patientUuid)} active={active}>
       <div className={styles.patientInfo}>
         <div className={styles.identifier}>{identifier}</div>
-        <div
-          className={`${styles.displayName} ${
-            active && styles.activeDisplayName
-          }`}
-        >
+        <div className={`${styles.displayName} ${active && styles.activeDisplayName}`}>
           {givenName} {familyName}
         </div>
       </div>

package/src/patient-card/index.ts

@@ -1,3 +1,3 @@
-import PatientCard from "./PatientCard";
+import PatientCard from './PatientCard';
 
 export default PatientCard;

package/src/patient-card/styles.scss

@@ -1,10 +1,8 @@
-@use '@carbon/styles/scss/spacing';
 @use '@carbon/colors';
-// @use '@carbon/styles/scss/type';
-// @import '~@openmrs/esm-styleguide/src/vars';
+@use '@carbon/layout';
 
 .cardContainer {
-  padding: spacing.$spacing-05;
+  padding: layout.$spacing-05;
   display: flex;
   cursor: pointer;
 }

package/src/routes.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://json.openmrs.org/routes.schema.json",
+  "backendDependencies": {
+    "fhir2": ">=1.2",
+    "webservices.rest": "^2.2.0"
+  },
+  "pages": [
+    {
+      "component": "root",
+      "routeRegex": "forms",
+      "online": true,
+      "offline": true
+    }
+  ],
+  "extensions": [
+    {
+      "name": "forms-app-link",
+      "slot": "app-menu-slot",
+      "component": "formsAppMenuLink",
+      "online": true,
+      "offline": true
+    }
+  ]
+}

package/src/setup-tests.ts

@@ -1 +1 @@
-import "@testing-library/jest-dom/extend-expect";
+import '@testing-library/jest-dom/extend-expect';

package/src/types.ts

@@ -0,0 +1,25 @@
+export interface Concept {
+  uuid: string;
+  display: string;
+}
+
+export interface SpecificQuestion {
+  question: {
+    id: string;
+    display: string;
+    defaultAnswer?: string;
+    disabled?: boolean;
+  };
+  answers: Array<{
+    value: string;
+    display: string;
+  }>;
+}
+
+export interface SpecificQuestionConfig {
+  forms: Array<string>;
+  questionId: string;
+  answers?: Array<string>;
+  defaultAnswer?: string;
+  disabled?: boolean;
+}

package/tools/i18next-parser.config.js

@@ -1,14 +1,14 @@
 module.exports = {
-  contextSeparator: "_",
+  contextSeparator: '_',
   // Key separator used in your translation keys
 
   createOldCatalogs: false,
   // Save the \_old files
 
-  defaultNamespace: "translations",
+  defaultNamespace: 'translations',
   // Default namespace used in your i18next config
 
-  defaultValue: "",
+  defaultValue: '',
   // Default value to give to empty keys
   // You may also specify a function accepting the locale, namespace, and key as arguments
 
@@ -18,43 +18,43 @@ module.exports = {
   keepRemoved: false,
   // Keep keys from the catalog that are no longer in code
 
-  keySeparator: ".",
+  keySeparator: '.',
   // Key separator used in your translation keys
   // If you want to use plain english keys, separators such as `.` and `:` will conflict. You might want to set `keySeparator: false` and `namespaceSeparator: false`. That way, `t('Status: Loading...')` will not think that there are a namespace and three separator dots for instance.
 
   // see below for more details
   lexers: {
-    hbs: ["HandlebarsLexer"],
-    handlebars: ["HandlebarsLexer"],
+    hbs: ['HandlebarsLexer'],
+    handlebars: ['HandlebarsLexer'],
 
-    htm: ["HTMLLexer"],
-    html: ["HTMLLexer"],
+    htm: ['HTMLLexer'],
+    html: ['HTMLLexer'],
 
-    mjs: ["JavascriptLexer"],
-    js: ["JavascriptLexer"], // if you're writing jsx inside .js files, change this to JsxLexer
-    ts: ["JavascriptLexer"],
-    jsx: ["JsxLexer"],
-    tsx: ["JsxLexer"],
+    mjs: ['JavascriptLexer'],
+    js: ['JavascriptLexer'], // if you're writing jsx inside .js files, change this to JsxLexer
+    ts: ['JavascriptLexer'],
+    jsx: ['JsxLexer'],
+    tsx: ['JsxLexer'],
 
-    default: ["JavascriptLexer"],
+    default: ['JavascriptLexer'],
   },
 
-  lineEnding: "lf",
+  lineEnding: 'lf',
   // Control the line ending. See options at https://github.com/ryanve/eol
 
-  locales: ["en"],
+  locales: ['en', 'am', 'es', 'fr', 'km', 'he', 'ar'],
   // An array of the locales in your applications
 
-  namespaceSeparator: ":",
+  namespaceSeparator: ':',
   // Namespace separator used in your translation keys
   // If you want to use plain english keys, separators such as `.` and `:` will conflict. You might want to set `keySeparator: false` and `namespaceSeparator: false`. That way, `t('Status: Loading...')` will not think that there are a namespace and three separator dots for instance.
 
-  output: "$NAMESPACE/$LOCALE.json",
+  output: '$NAMESPACE/$LOCALE.json',
   // Supports $LOCALE and $NAMESPACE injection
   // Supports JSON (.json) and YAML (.yml) file formats
   // Where to write the locale files relative to process.cwd()
 
-  pluralSeparator: "_",
+  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.
 

package/translations/am.json

@@ -0,0 +1,75 @@
+{
+  "actions": "Actions",
+  "allFieldsRequired": "All fields are required unless marked optional",
+  "allForms": "All Forms",
+  "areYouSure": "Are you sure?",
+  "cancel": "Cancel",
+  "cancelExplanation": "You will lose any unsaved changes on the current form. Do you want to discard the current session?",
+  "changeGroup": "Choose a different group",
+  "chooseGroupError": "Please choose a group.",
+  "clearSearch": "Clear",
+  "complete": "Complete",
+  "createGroup": "Create Group",
+  "createNewGroup": "Create New Group",
+  "createNewPatient": "Create new patient",
+  "createNewSession": "Create New Session",
+  "discard": "Discard",
+  "editGroup": "Edit Group",
+  "error": "Error",
+  "errorCopy": "Sorry, there was an error. You can try to reload this page, or contact the site administrator and quote the error code above.",
+  "errorLoadingData": "Error Loading Data",
+  "fastDataEntry": "Fast Data Entry",
+  "fillForm": "Fill Form",
+  "findGroup": "Find group",
+  "formName": "Form Name",
+  "formsAppMenuLink": "Fast Data Entry",
+  "formsFilled": "Forms filled",
+  "goToForm": "Go To Form",
+  "groupNameError": "Please enter a group name.",
+  "identifier": "Patient ID",
+  "markAbsentPatients": "The patients in this group. Patients that are not present in the session should be marked as absent.",
+  "members": "members",
+  "name": "Name",
+  "newGroupName": "New Group Name",
+  "newGroupSession": "New Group Session",
+  "nextPatient": "Next patient",
+  "noFormsFound": "No Forms To Show",
+  "noFormsFoundMessage": "No forms could be found for this category. Please double check the form concept uuids and access permissions.",
+  "noGroupsFoundMessage": "Sorry, no groups have been found",
+  "noMoreResults": "End of search results",
+  "noPatientError": "Please enter at least one patient.",
+  "or": "or",
+  "orLabelName": "OR label name",
+  "patientIsPresent": "Patient is present",
+  "patientsInGroup": "Patients in group",
+  "postError": "POST Error",
+  "practitionerName": "Practitioner Name",
+  "remove": "Remove",
+  "requiredField": "This field is required",
+  "resumeGroupSession": "Resume Group Session",
+  "resumeSession": "Resume Session",
+  "review": "Review",
+  "save": "Save",
+  "save&close": "Save & Close",
+  "saveAndComplete": "Save & Complete",
+  "saveExplanation": "Do you want to save the current form and exit the workflow?",
+  "saveForm": "Save Form",
+  "saveSession": "Save Session",
+  "search": "Search",
+  "searchForGroup": "Search for a group by name",
+  "searchForPatientsToAddToGroup": "Search for patients to add to group",
+  "searchResultsText": "search result(s)",
+  "selectGroupFirst": "Please select a group first",
+  "selectPatientFirst": "Please select a patient first",
+  "sessionDate": "Session Date",
+  "sessionDetails": "1. Session details",
+  "sessionName": "Session Name",
+  "sessionNotes": "Session Notes",
+  "sessionParticipants": "2. Session participants",
+  "sessionSpecificDetails": "3. Specific details",
+  "sessionSpecificDetailsDescription": "They will be mapped to form responses for all patients as pre-filled data.",
+  "startGroupSession": "Start Group Session",
+  "trySearchWithPatientUniqueID": "Try searching with the cohort's description",
+  "unknown": "Unknown",
+  "unknownPostError": "An unknown error occurred while saving data"
+}

package/translations/ar.json

@@ -0,0 +1,75 @@
+{
+  "actions": "الإجراءات",
+  "allFieldsRequired": "جميع الحقول مطلوبة ما لم يتم التأشير عليها بأنها اختيارية",
+  "allForms": "جميع النماذج",
+  "areYouSure": "هل أنت متأكد؟",
+  "cancel": "إلغاء",
+  "cancelExplanation": "سوف تفقد أي تغييرات لم يتم حفظها في النموذج الحالي. هل ترغب في التخلص من الجلسة الحالية؟",
+  "changeGroup": "اختر مجموعة مختلفة",
+  "chooseGroupError": "الرجاء اختيار مجموعة.",
+  "clearSearch": "مسح",
+  "complete": "اكتمال",
+  "createGroup": "إنشاء مجموعة",
+  "createNewGroup": "إنشاء مجموعة جديدة",
+  "createNewPatient": "إنشاء مريض جديد",
+  "createNewSession": "إنشاء جلسة جديدة",
+  "discard": "تجاهل",
+  "editGroup": "تعديل المجموعة",
+  "error": "خطأ",
+  "errorCopy": "عذرًا، حدث خطأ. يمكنك محاولة إعادة تحميل هذه الصفحة، أو الاتصال بمسؤول الموقع واقتباس رمز الخطأ أعلاه.",
+  "errorLoadingData": "خطأ في تحميل البيانات",
+  "fastDataEntry": "إدخال البيانات السريع",
+  "fillForm": "املأ النموذج",
+  "findGroup": "ابحث عن مجموعة",
+  "formName": "اسم النموذج",
+  "formsAppMenuLink": "إدخال البيانات السريع",
+  "formsFilled": "النماذج المملوءة",
+  "goToForm": "اذهب إلى النموذج",
+  "groupNameError": "الرجاء إدخال اسم المجموعة.",
+  "identifier": "هوية المريض",
+  "markAbsentPatients": "المرضى في هذه المجموعة. يجب وضع علامة على المرضى الذين ليسوا موجودين في الجلسة كغائبين.",
+  "members": "أعضاء",
+  "name": "الاسم",
+  "newGroupName": "اسم المجموعة الجديد",
+  "newGroupSession": "جلسة المجموعة الجديدة",
+  "nextPatient": "المريض التالي",
+  "noFormsFound": "لا توجد نماذج للعرض",
+  "noFormsFoundMessage": "لم يتم العثور على نماذج لهذه الفئة. يرجى التحقق مرة أخرى من uuids مفهوم النموذج وأذونات الوصول.",
+  "noGroupsFoundMessage": "عذرًا، لم يتم العثور على مجموعات",
+  "noMoreResults": "نهاية نتائج البحث",
+  "noPatientError": "الرجاء إدخال مريض واحد على الأقل.",
+  "or": "أو",
+  "orLabelName": "أو اسم العلامة",
+  "patientIsPresent": "المريض موجود",
+  "patientsInGroup": "المرضى في المجموعة",
+  "postError": "خطأ POST",
+  "practitionerName": "اسم الممارس",
+  "remove": "إزالة",
+  "requiredField": "This field is required",
+  "resumeGroupSession": "استئناف جلسة المجموعة",
+  "resumeSession": "استئناف الجلسة",
+  "review": "Review",
+  "save": "حفظ",
+  "save&close": "Save & Close",
+  "saveAndComplete": "حفظ واكتمال",
+  "saveExplanation": "هل ترغب في حفظ النموذج الحالي والخروج من العملية؟",
+  "saveForm": "حفظ النموذج",
+  "saveSession": "حفظ الجلسة",
+  "search": "بحث",
+  "searchForGroup": "ابحث عن مجموعة بالاسم",
+  "searchForPatientsToAddToGroup": "Search for patients to add to group",
+  "searchResultsText": "نتيجة (نتائج) البحث",
+  "selectGroupFirst": "الرجاء اختيار مجموعة أولاً",
+  "selectPatientFirst": "الرجاء اختيار مريض أولاً",
+  "sessionDate": "تاريخ الجلسة",
+  "sessionDetails": "1. تفاصيل الجلسة",
+  "sessionName": "اسم الجلسة",
+  "sessionNotes": "ملاحظات الجلسة",
+  "sessionParticipants": "2. المشاركون في الجلسة",
+  "sessionSpecificDetails": "3. Specific details",
+  "sessionSpecificDetailsDescription": "They will be mapped to form responses for all patients as pre-filled data.",
+  "startGroupSession": "بدء جلسة المجموعة",
+  "trySearchWithPatientUniqueID": "حاول البحث باستخدام وصف الفوج",
+  "unknown": "غير معروف",
+  "unknownPostError": "حدث خطأ غير معروف أثناء حفظ البيانات"
+}

package/translations/en.json

@@ -32,7 +32,7 @@
   "name": "Name",
   "newGroupName": "New Group Name",
   "newGroupSession": "New Group Session",
-  "nextPatient": "Next Patient",
+  "nextPatient": "Next patient",
   "noFormsFound": "No Forms To Show",
   "noFormsFoundMessage": "No forms could be found for this category. Please double check the form concept uuids and access permissions.",
   "noGroupsFoundMessage": "Sorry, no groups have been found",
@@ -45,15 +45,19 @@
   "postError": "POST Error",
   "practitionerName": "Practitioner Name",
   "remove": "Remove",
+  "requiredField": "This field is required",
   "resumeGroupSession": "Resume Group Session",
   "resumeSession": "Resume Session",
+  "review": "Review",
   "save": "Save",
+  "save&close": "Save & Close",
   "saveAndComplete": "Save & Complete",
   "saveExplanation": "Do you want to save the current form and exit the workflow?",
   "saveForm": "Save Form",
   "saveSession": "Save Session",
   "search": "Search",
   "searchForGroup": "Search for a group by name",
+  "searchForPatientsToAddToGroup": "Search for patients to add to group",
   "searchResultsText": "search result(s)",
   "selectGroupFirst": "Please select a group first",
   "selectPatientFirst": "Please select a patient first",
@@ -62,6 +66,8 @@
   "sessionName": "Session Name",
   "sessionNotes": "Session Notes",
   "sessionParticipants": "2. Session participants",
+  "sessionSpecificDetails": "3. Specific details",
+  "sessionSpecificDetailsDescription": "They will be mapped to form responses for all patients as pre-filled data.",
   "startGroupSession": "Start Group Session",
   "trySearchWithPatientUniqueID": "Try searching with the cohort's description",
   "unknown": "Unknown",

package/translations/es.json

@@ -0,0 +1,75 @@
+{
+  "actions": "Acciones",
+  "allFieldsRequired": "Todos los campos son obligatorios a menos que estén marcados como opcionales",
+  "allForms": "Todas las Formas",
+  "areYouSure": "¿Estás seguro?",
+  "cancel": "Cancelar",
+  "cancelExplanation": "Perderás los cambios no guardados en el formulario actual. ¿Deseas descartar la sesión actual?",
+  "changeGroup": "Elegir un grupo diferente",
+  "chooseGroupError": "Por favor, elige un grupo.",
+  "clearSearch": "Limpiar",
+  "complete": "Completar",
+  "createGroup": "Crear Grupo",
+  "createNewGroup": "Crear Nuevo Grupo",
+  "createNewPatient": "Crear nuevo paciente",
+  "createNewSession": "Crear Nueva Sesión",
+  "discard": "Descartar",
+  "editGroup": "Editar Grupo",
+  "error": "Error",
+  "errorCopy": "Lo siento, ocurrió un error. Puedes intentar recargar esta página o contactar al administrador del sitio e indicar el código de error de arriba.",
+  "errorLoadingData": "Error Cargando Datos",
+  "fastDataEntry": "Entrada Rápida de Datos",
+  "fillForm": "Completar Formulario",
+  "findGroup": "Buscar grupo",
+  "formName": "Nombre del Formulario",
+  "formsAppMenuLink": "Entrada Rápida de Datos",
+  "formsFilled": "Formularios completados",
+  "goToForm": "Ir al Formulario",
+  "groupNameError": "Por favor, ingresa un nombre de grupo.",
+  "identifier": "ID del Paciente",
+  "markAbsentPatients": "Los pacientes en este grupo. Los pacientes que no estén presentes en la sesión deben ser marcados como ausentes.",
+  "members": "miembros",
+  "name": "Nombre",
+  "newGroupName": "Nuevo Nombre de Grupo",
+  "newGroupSession": "Nueva Sesión de Grupo",
+  "nextPatient": "Siguiente Paciente",
+  "noFormsFound": "No se encontraron Formularios",
+  "noFormsFoundMessage": "No se pudieron encontrar formularios para esta categoría. Por favor, verifica los UUID de concepto del formulario y los permisos de acceso.",
+  "noGroupsFoundMessage": "Lo siento, no se encontraron grupos.",
+  "noMoreResults": "Fin de resultados de búsqueda",
+  "noPatientError": "Por favor, ingresa al menos un paciente.",
+  "or": "o",
+  "orLabelName": "Nombre de Etiqueta OR",
+  "patientIsPresent": "Paciente está presente",
+  "patientsInGroup": "Pacientes en el grupo",
+  "postError": "Error de POST",
+  "practitionerName": "Nombre del Practicante",
+  "remove": "Eliminar",
+  "requiredField": "Este campo es obligatorio",
+  "resumeGroupSession": "Continuar Sesión de Grupo",
+  "resumeSession": "Continuar Sesión",
+  "review": "Revisión",
+  "save": "Guardar",
+  "save&close": "Guardar y Cerrar",
+  "saveAndComplete": "Guardar y Completar",
+  "saveExplanation": "¿Deseas guardar el formulario actual y salir del flujo de trabajo?",
+  "saveForm": "Guardar Formulario",
+  "saveSession": "Guardar Sesión",
+  "search": "Buscar",
+  "searchForGroup": "Buscar un grupo por nombre",
+  "searchForPatientsToAddToGroup": "Buscar pacientes para añadir al grupo",
+  "searchResultsText": "resultado(s) de búsqueda",
+  "selectGroupFirst": "Por favor, selecciona primero un grupo.",
+  "selectPatientFirst": "Por favor, selecciona primero un paciente.",
+  "sessionDate": "Fecha de Sesión",
+  "sessionDetails": "1. Detalles de la Sesión",
+  "sessionName": "Nombre de la Sesión",
+  "sessionNotes": "Notas de la Sesión",
+  "sessionParticipants": "2. Participantes de la Sesión",
+  "sessionSpecificDetails": "3. Detalles específicos",
+  "sessionSpecificDetailsDescription": "Se asignarán a las respuestas de los formularios de todos los pacientes como datos precumplimentados.",
+  "startGroupSession": "Iniciar Sesión de Grupo",
+  "trySearchWithPatientUniqueID": "Intente buscar con la descripción del grupo",
+  "unknown": "Desconocido",
+  "unknownPostError": "Ocurrió un error desconocido al guardar los datos"
+}