@openmrs/esm-form-engine-lib 2.1.0-pre.1362

package/src/zscore-tests/bmi-age.test.tsx

@@ -0,0 +1,88 @@
+import React from 'react';
+import userEvent from '@testing-library/user-event';
+import { act, render, screen } from '@testing-library/react';
+import { type FetchResponse, openmrsFetch, usePatient, useSession } from '@openmrs/esm-framework';
+import { mockPatientAge8 } from '__mocks__/patient.mock';
+import { mockSessionDataResponse } from '__mocks__/session.mock';
+import { mockVisit } from '__mocks__/visit.mock';
+import bmiForAgeScoreTestSchema from '__mocks__/forms/rfe-forms/zscore-bmi-for-age-form.json';
+import demoHtsForm from '__mocks__/forms/rfe-forms/demo_hts-form.json';
+import demoHtsOpenmrsForm from '__mocks__/forms/afe-forms/demo_hts-form.json';
+import FormEngine from '../form-engine.component';
+
+global.ResizeObserver = require('resize-observer-polyfill');
+
+const patientUUID = 'e13a8696-dc58-4b8c-ae40-2a1e7dd843e7';
+const visit = mockVisit;
+
+const mockOpenmrsFetch = jest.mocked(openmrsFetch);
+const mockUsePatient = jest.mocked(usePatient);
+const mockUseSession = jest.mocked(useSession);
+
+jest.mock('../../src/api', () => {
+  const originalModule = jest.requireActual('../../src/api');
+
+  return {
+    ...originalModule,
+    getPreviousEncounter: jest.fn().mockImplementation(() => Promise.resolve(null)),
+    getConcept: jest.fn().mockImplementation(() => Promise.resolve(null)),
+    getLatestObs: jest.fn().mockImplementation(() => Promise.resolve({ valueNumeric: 60 })),
+    saveEncounter: jest.fn(),
+  };
+});
+
+describe.skip('bmiForAge z-score', () => {
+  beforeEach(() => {
+    mockUseSession.mockReturnValue(mockSessionDataResponse.data);
+
+    mockUsePatient.mockReturnValue({
+      isLoading: false,
+      patient: mockPatientAge8,
+      patientUuid: mockPatientAge8.id,
+      error: null,
+    });
+
+    mockOpenmrsFetch.mockResolvedValue({
+      data: {
+        results: [{ ...demoHtsOpenmrsForm }],
+      },
+    } as unknown as FetchResponse);
+
+    mockOpenmrsFetch.mockResolvedValue({
+      data: {
+        results: [{ ...demoHtsForm }],
+      },
+    } as unknown as FetchResponse);
+  });
+
+  it('should compute bmiForAge z-score from the provided height and weight values', async () => {
+    const user = userEvent.setup();
+
+    await act(async () => renderForm(null, bmiForAgeScoreTestSchema));
+
+    const bmiForAge = screen.getByRole('spinbutton', { name: /bmi for age zscore result/i });
+    const height = screen.getByRole('spinbutton', { name: /height/i });
+    const weight = screen.getByRole('spinbutton', { name: /weight/i });
+
+    await user.type(height, '100');
+    await user.type(weight, '45');
+    await user.tab();
+
+    expect(height).toHaveValue(100);
+    expect(weight).toHaveValue(45);
+    expect(bmiForAge).toHaveValue(4);
+  });
+  function renderForm(formUUID, formJson, intent?: string) {
+    return act(() => {
+      render(
+        <FormEngine
+          formJson={formJson}
+          formUUID={formUUID}
+          patientUUID={patientUUID}
+          formSessionIntent={intent}
+          visit={visit}
+        />,
+      );
+    });
+  }
+});

package/src/zscore-tests/height-age.test.tsx

@@ -0,0 +1,96 @@
+import React from 'react';
+import userEvent from '@testing-library/user-event';
+import { render, screen, act } from '@testing-library/react';
+import { type FetchResponse, openmrsFetch, usePatient, useSession } from '@openmrs/esm-framework';
+import { mockPatientAge8 } from '__mocks__/patient.mock';
+import { mockSessionDataResponse } from '__mocks__/session.mock';
+import { mockVisit } from '__mocks__/visit.mock';
+import demoHtsOpenmrsForm from '__mocks__/forms/afe-forms/demo_hts-form.json';
+import demoHtsForm from '__mocks__/forms/rfe-forms/demo_hts-form.json';
+import heightForAgeZscoreTestSchema from '__mocks__/forms/rfe-forms/zscore-height-for-age-form.json';
+import FormEngine from '../form-engine.component';
+
+global.ResizeObserver = require('resize-observer-polyfill');
+
+const patientUUID = 'e13a8696-dc58-4b8c-ae40-2a1e7dd843e7';
+const visit = mockVisit;
+
+const mockOpenmrsFetch = jest.mocked(openmrsFetch);
+const mockUsePatient = jest.mocked(usePatient);
+const mockUseSession = jest.mocked(useSession);
+
+jest.mock('../../src/api', () => {
+  const originalModule = jest.requireActual('../../src/api');
+
+  return {
+    ...originalModule,
+    getPreviousEncounter: jest.fn().mockImplementation(() => Promise.resolve(null)),
+    getConcept: jest.fn().mockImplementation(() => Promise.resolve(null)),
+    getLatestObs: jest.fn().mockImplementation(() => Promise.resolve({ valueNumeric: 60 })),
+    saveEncounter: jest.fn(),
+  };
+});
+
+describe.skip('heightForAge z-score', () => {
+  let globalSpy;
+
+  beforeEach(() => {
+    const mockedDate = new Date(2024, 4, 10);
+    globalSpy = jest.spyOn(global, 'Date').mockImplementation(() => mockedDate);
+
+    mockUseSession.mockReturnValue(mockSessionDataResponse.data);
+
+    mockUsePatient.mockReturnValue({
+      isLoading: false,
+      patient: mockPatientAge8,
+      patientUuid: mockPatientAge8.id,
+      error: null,
+    });
+
+    mockOpenmrsFetch.mockResolvedValue({
+      data: {
+        results: [{ ...demoHtsOpenmrsForm }],
+      },
+    } as unknown as FetchResponse);
+
+    mockOpenmrsFetch.mockResolvedValue({
+      data: {
+        results: [{ ...demoHtsForm }],
+      },
+    } as unknown as FetchResponse);
+  });
+
+  afterEach(() => {
+    globalSpy.mockRestore();
+  });
+
+  it('should compute heightForAge z-score from the provided height and weight values', async () => {
+    const user = userEvent.setup();
+
+    await act(async () => renderForm(null, heightForAgeZscoreTestSchema));
+
+    const heightForAgeZscore = screen.getByRole('spinbutton', { name: /height for age zscore result/i });
+    const height = screen.getByRole('spinbutton', { name: /^height \*$/i });
+    const weight = screen.getByRole('spinbutton', { name: /weight/i });
+
+    await user.type(height, '150');
+    await user.type(weight, '45');
+    await user.tab();
+
+    expect(height).toHaveValue(150);
+    expect(weight).toHaveValue(45);
+    expect(heightForAgeZscore).toHaveValue(4);
+  });
+
+  function renderForm(formUUID, formJson, intent?: string) {
+    render(
+      <FormEngine
+        formJson={formJson as any}
+        formUUID={formUUID}
+        patientUUID={patientUUID}
+        formSessionIntent={intent}
+        visit={visit}
+      />,
+    );
+  }
+});

package/src/zscore-tests/weight-height.test.tsx

@@ -0,0 +1,87 @@
+import React from 'react';
+import userEvent from '@testing-library/user-event';
+import { act, render, screen } from '@testing-library/react';
+import { type FetchResponse, openmrsFetch, usePatient, useSession } from '@openmrs/esm-framework';
+import { mockVisit } from '__mocks__/visit.mock';
+import { mockPatientAge4 } from '__mocks__/patient.mock';
+import { mockSessionDataResponse } from '__mocks__/session.mock';
+import demoHtsOpenmrsForm from '__mocks__/forms/afe-forms/demo_hts-form.json';
+import demoHtsForm from '__mocks__/forms/rfe-forms/demo_hts-form.json';
+import weightForHeightZscoreTestSchema from '__mocks__/forms/rfe-forms/zscore-weight-height-form.json';
+import FormEngine from '../form-engine.component';
+
+global.ResizeObserver = require('resize-observer-polyfill');
+
+const patientUUID = '8673ee4f-e2ab-4077-ba55-4980f408773e';
+const visit = mockVisit;
+
+const mockOpenmrsFetch = jest.mocked(openmrsFetch);
+const mockUsePatient = jest.mocked(usePatient);
+const mockUseSession = jest.mocked(useSession);
+
+jest.mock('../../src/api', () => {
+  const originalModule = jest.requireActual('../../src/api');
+
+  return {
+    ...originalModule,
+    getPreviousEncounter: jest.fn().mockImplementation(() => Promise.resolve(null)),
+    getConcept: jest.fn().mockImplementation(() => Promise.resolve(null)),
+    getLatestObs: jest.fn().mockImplementation(() => Promise.resolve({ valueNumeric: 60 })),
+    saveEncounter: jest.fn(),
+  };
+});
+
+describe.skip('weightForHeight z-score', () => {
+  beforeEach(() => {
+    mockUseSession.mockReturnValue(mockSessionDataResponse.data);
+
+    mockUsePatient.mockReturnValue({
+      isLoading: false,
+      patient: mockPatientAge4,
+      patientUuid: mockPatientAge4.id,
+      error: null,
+    });
+
+    mockOpenmrsFetch.mockResolvedValue({
+      data: {
+        results: [{ ...demoHtsOpenmrsForm }],
+      },
+    } as unknown as FetchResponse);
+
+    mockOpenmrsFetch.mockResolvedValue({
+      data: {
+        results: [{ ...demoHtsForm }],
+      },
+    } as unknown as FetchResponse);
+  });
+
+  it('should compute weightForHeight z-score from the provided height and weight values', async () => {
+    const user = userEvent.setup();
+
+    await act(async () => renderForm(null, weightForHeightZscoreTestSchema));
+
+    const weightForHeightZscore = screen.getByRole('textbox', { name: /weight for height zscore result/i });
+    const height = screen.getByRole('spinbutton', { name: /height/i });
+    const weight = screen.getByRole('spinbutton', { name: /weight/i });
+
+    await user.type(height, '110');
+    await user.type(weight, '45');
+    await user.tab();
+
+    expect(weight).toHaveValue(45);
+    expect(height).toHaveValue(110);
+    expect(weightForHeightZscore).toHaveValue('4');
+  });
+
+  function renderForm(formUUID, formJson, intent?: string) {
+    render(
+      <FormEngine
+        formJson={formJson}
+        formUUID={formUUID}
+        patientUUID={patientUUID}
+        formSessionIntent={intent}
+        visit={visit}
+      />,
+    );
+  }
+});

package/tools/i18next-parser.config.js

@@ -0,0 +1,93 @@
+module.exports = {
+  contextSeparator: false,
+  // Key separator used in your translation keys
+
+  createOldCatalogs: false,
+  // Save the \_old files
+
+  defaultNamespace: 'translations',
+  // Default namespace used in your i18next config
+
+  defaultValue: (_, __, ___, key) => key,
+  // Default value to give to empty keys
+  // You may also specify a function accepting the locale, namespace, and key as arguments
+
+  indentation: 2,
+  // Indentation of the catalog files
+
+  keepRemoved: false,
+  // Keep keys from the catalog that are no longer in code
+
+  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'],
+
+    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'],
+
+    default: ['JavascriptLexer'],
+  },
+
+  lineEnding: 'lf',
+  // Control the line ending. See options at https://github.com/ryanve/eol
+
+  locales: ['en'],
+  // An array of the locales in your applications
+
+  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',
+  // Supports $LOCALE and $NAMESPACE injection
+  // Supports JSON (.json) and YAML (.yml) file formats
+  // Where to write the locale files relative to process.cwd()
+
+  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.
+
+  input: undefined,
+  // An array of globs that describe where to look for source files
+  // relative to the location of the configuration file
+
+  sort: true,
+  // Whether or not to sort the catalog
+
+  skipDefaultValues: false,
+  // Whether to ignore default values
+  // You may also specify a function accepting the locale and namespace as arguments
+
+  useKeysAsDefaultValue: false,
+  // Whether to use the keys as the default value; ex. "Hello": "Hello", "World": "World"
+  // This option takes precedence over the `defaultValue` and `skipDefaultValues` options
+  // You may also specify a function accepting the locale and namespace as arguments
+
+  verbose: false,
+  // Display info about the parsing including some stats
+
+  failOnWarnings: false,
+  // Exit with an exit code of 1 on warnings
+
+  customValueTemplate: null,
+  // If you wish to customize the value output the value as an object, you can set your own format.
+  // ${defaultValue} is the default value you set in your translation function.
+  // Any other custom property will be automatically extracted.
+  //
+  // Example:
+  // {
+  //   message: "${defaultValue}",
+  //   description: "${maxLength}", // t('my-key', {maxLength: 150})
+  // }
+};

package/translations/en.json

@@ -0,0 +1,47 @@
+{
+  "add": "Add",
+  "addCameraImage": "Add camera image",
+  "addFile": "Add files",
+  "attachmentsSaved": "Attachment(s) saved successfully",
+  "cameraCapture": "Camera capture",
+  "cancel": "Cancel",
+  "chooseAnOption": "Choose an option",
+  "close": "Close",
+  "closeCamera": "Close camera",
+  "closesNotification": "Closes notification",
+  "createdRecord": "Record created",
+  "createdRecordDescription": "A new encounter was created",
+  "errorDescription": "{{errors}}",
+  "errorDescriptionTitle": "Error on saving form",
+  "errorRenderingField": "Error rendering field",
+  "errorSavingAttachments": "Error saving attachment(s)",
+  "errorSavingEncounter": "Error saving encounter",
+  "errorSavingPatientIdentifiers": "Error saving patient identifiers",
+  "errorSavingPatientPrograms": "Error saving patient program(s)",
+  "fileUploadDescription": "",
+  "fileUploadDescriptionAny": "Upload any file type",
+  "invalidWorkspaceName": "Invalid workspace name.",
+  "invalidWorkspaceNameSubtitle": "Please provide a valid workspace name.",
+  "launchWorkspace": "",
+  "loading": "Loading",
+  "notification": "Notification",
+  "ordersSaved": "Order(s) saved sucessfully",
+  "patientIdentifiersSaved": "Patient identifier(s) saved sucessfully",
+  "patientProgramsSaved": "Patient program(s) saved successfully",
+  "preview": "Preview",
+  "previousValue": "Previous value:",
+  "remove": "Remove",
+  "required": "Required",
+  "revert": "Revert",
+  "save": "Save",
+  "search": "Search",
+  "submitting": "Submitting",
+  "time": "Time",
+  "unspecified": "Unspecified",
+  "unspecifyAll": "Unspecify All",
+  "updatedRecord": "Record updated",
+  "updatedRecordDescription": "The patient encounter was updated",
+  "upload": "Upload",
+  "uploadedPhoto": "Uploaded photo",
+  "uploadImage": "Upload image"
+}

package/translations/es.json

@@ -0,0 +1,38 @@
+{
+  "activeLoadingIndicator": "Indicador de carga activo",
+  "add": "Agregar",
+  "addCameraImage": "Agregar imagen de cámara",
+  "addFile": "Agregar archivos",
+  "cameraCapture": "Captura de cámara",
+  "cancel": "Cancelar",
+  "chooseAnOption": "Elegir una opción",
+  "close": "Cerrar",
+  "closeCamera": "Cerrar cámara",
+  "closesNotification": "Cerrar notificación",
+  "collapseAll": "Contraer todo",
+  "createdRecord": "Registro creado",
+  "createdRecordDescription": "Se creó un nuevo encuentro",
+  "errorDescriptionTitle": "Error al guardar el formulario",
+  "errorRenderingField": "Error al renderizar el campo",
+  "expandAll": "Expandir todo",
+  "fileUploadDescription": "",
+  "fileUploadDescriptionAny": "Subir cualquier tipo de archivo",
+  "loading": "Cargando",
+  "notification": "Notificación",
+  "preview": "Vista previa",
+  "previousValue": "Valor anterior:",
+  "removeGroup": "Eliminar grupo",
+  "revert": "Revertir",
+  "save": "Guardar",
+  "search": "Buscar",
+  "submitting": "Enviando",
+  "time": "Tiempo",
+  "toggleCollapseOrExpand": "Alternar entre contraer o expandir",
+  "unspecified": "No especificado",
+  "unspecifyAll": "No especificar todo",
+  "updatedRecord": "Registro actualizado",
+  "updatedRecordDescription": "Se actualizó el encuentro del paciente",
+  "upload": "Subir",
+  "uploadedPhoto": "Foto subida",
+  "uploadImage": "Subir imagen"
+}

package/translations/fr.json

@@ -0,0 +1,38 @@
+{
+  "activeLoadingIndicator": "Indicateur de chargement actif",
+  "add": "Ajouter",
+  "addCameraImage": "Ajouter une image de la caméra",
+  "addFile": "Ajouter des fichiers",
+  "cameraCapture": "Capture de la caméra",
+  "cancel": "Annuler",
+  "chooseAnOption": "Choisissez une option",
+  "close": "Fermer",
+  "closeCamera": "Fermer la caméra",
+  "closesNotification": "Ferme la notification",
+  "collapseAll": "Réduire tout",
+  "createdRecord": "Enregistrement créé",
+  "createdRecordDescription": "Une nouvelle rencontre a été créée",
+  "errorDescriptionTitle": "Erreur lors de l'enregistrement du formulaire",
+  "errorRenderingField": "Erreur lors du rendu du champ",
+  "expandAll": "Développer tout",
+  "fileUploadDescription": "",
+  "fileUploadDescriptionAny": "Télécharger n'importe quel type de fichier",
+  "loading": "Chargement",
+  "notification": "Notification",
+  "preview": "Aperçu",
+  "previousValue": "Valeur précédente :",
+  "removeGroup": "Supprimer le groupe",
+  "revert": "Revenir",
+  "save": "Enregistrer",
+  "search": "Recherche",
+  "submitting": "Soumission",
+  "time": "Temps",
+  "toggleCollapseOrExpand": "Basculer réduire ou développer",
+  "unspecified": "Non spécifié",
+  "unspecifyAll": "Tout non spécifié",
+  "updatedRecord": "Enregistrement mis à jour",
+  "updatedRecordDescription": "La rencontre du patient a été mise à jour",
+  "upload": "Télécharger",
+  "uploadedPhoto": "Photo téléchargée",
+  "uploadImage": "Télécharger une image"
+}

package/translations/km.json

@@ -0,0 +1,38 @@
+{
+  "activeLoadingIndicator": "សិទ្ធិដំណើរការអត្ថបទកំពុងស្រលាញ់",
+  "add": "បន្ថែម",
+  "addCameraImage": "បន្ថែមរូបភាពសាកល្បង",
+  "addFile": "បន្ថែមឯកសារ",
+  "cameraCapture": "ការថតរូបភាពតាមកាមេរ៉ា",
+  "cancel": "បោះបង់",
+  "chooseAnOption": "ជ្រើសរើសជម្រើស",
+  "close": "បិទ",
+  "closeCamera": "បិទកាមេរ៉ា",
+  "closesNotification": "បិទការជូនដំណឹង",
+  "collapseAll": "លាក់ទាំងអស់",
+  "createdRecord": "បានបង្កើតកំណត់ហេតុ",
+  "createdRecordDescription": "បានបង្កើតការចូលទិន្ន័រថ្មី",
+  "errorDescriptionTitle": "កំហុសព័ត៌មានលទ្ធផល",
+  "errorRenderingField": "កំហុសការបង្ហាញវាល",
+  "expandAll": "ពង្រីកទាំងអស់",
+  "fileUploadDescription": "",
+  "fileUploadDescriptionAny": "ផ្ទុកឡើងឯកសារប្រភេទណាមួយ",
+  "loading": "កំពុងដំណើរការ",
+  "notification": "ការជូនដំណឹង",
+  "preview": "មើលជាមុន",
+  "previousValue": "តម្លៃមុន:",
+  "removeGroup": "យកក្រុមចេញ",
+  "revert": "ត្រឡប់ទៅកាន់ដំណើរការដូចដើម",
+  "save": "រក្សាទុក",
+  "search": "ស្វែងរក",
+  "submitting": "កំពុងដាក់ស្នើ",
+  "time": "ពេលវេលា",
+  "toggleCollapseOrExpand": "បិទឬពង្រីកជាមួយគ្រាប់គ្នា",
+  "unspecified": "មិនបានបញ្ជាក់",
+  "unspecifyAll": "មិនបានបញ្ជាក់ទាំងអស់",
+  "updatedRecord": "កំណត់ហេតុដែលបានធ្វើបច្ចុប្បន្នភាព",
+  "updatedRecordDescription": "ការស៊ើបអ្នកជម្រើសបានធ្វើបច្ចុប្បន្នភាព",
+  "upload": "ផ្ទុកឡើង",
+  "uploadedPhoto": "រូបភាពដែលបានផ្ទុកឡើង",
+  "uploadImage": "ផ្ទុករូបភាពឡើង"
+}

package/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "module": "esnext",
+    "allowSyntheticDefaultImports": true,
+    "jsx": "react",
+    "skipLibCheck": true,
+    "moduleResolution": "node",
+    "lib": ["dom", "es5", "scripthost", "es2015", "es2015.promise", "es2016.array.include", "es2018", "es2020"],
+    "resolveJsonModule": true,
+    "noEmit": true,
+    "target": "esnext",
+    "baseUrl": "./",
+    "paths": {
+      "__mocks__": ["./__mocks__"]
+    }
+  },
+  "include": ["src/**/*", "./setupTests.ts"]
+}

package/turbo.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "https://turborepo.org/schema.json",
+  "tasks": {
+    "build": {
+      "outputs": ["dist/**"]
+    },
+    "test": {},
+    "test:watch": {
+      "cache": false,
+      "persistent": true
+    },
+    "lint": {},
+    "typescript": {}
+  }
+}

package/webpack.config.js

@@ -0,0 +1 @@
+module.exports = require('openmrs/default-webpack-config');