@kenyaemr/esm-express-workflow-app 5.4.4-pre.43 → 5.4.4-pre.430

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":">=2.24.0"},"pages":[{"component":"root","route":"express-workflow"},{"component":"queuesAdminHome","route":"queues-admin"},{"component":"appointmentsDashboard","route":"appointments"}],"extensions":[{"component":"appointmentsDashboardLink","name":"appointments-dashboard-link","slot":"appointments-left-panel-slot","meta":{"name":"appointments","slot":"appointments-dashboard-slot","title":"Appointments"}},{"component":"admissionsLeftPanelLink","name":"admissions-dashboard-link","slot":"express-workflow-left-panel-slot","order":9,"meta":{"name":"admissions","slot":"admissions-dashboard-slot","title":"Admissions"}},{"component":"admissionsDashboard","name":"admissions-dashboard","slot":"admissions-dashboard-slot"},{"component":"consultationLeftPanelLink","name":"consultation-dashboard-link","slot":"homepage-dashboard-slot","order":3,"meta":{"name":"consultation","slot":"consultation-dashboard-slot","title":"Consultation"}},{"component":"consultationDashboard","name":"consultation-dashboard","slot":"consultation-dashboard-slot"},{"component":"facilityLeftPanelLink","name":"facility-dashboard-link","slot":"homepage-dashboard-slot","order":0,"meta":{"name":"dashboard","slot":"facility-dashboard-slot","title":"Dashboard"}},{"component":"facilityDashboard","name":"facility-dashboard","slot":"facility-dashboard-slot"},{"component":"mchLeftPanelLink","name":"mch-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"mch","slot":"mch-dashboard-slot","title":"MCH"}},{"component":"mchDashboard","name":"mch-dashboard","slot":"mch-dashboard-slot"},{"component":"registrationLeftPanelLink","name":"registration-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"registration","slot":"registration-dashboard-slot","title":"Registration"}},{"component":"registrationDashboard","name":"registration-dashboard","slot":"registration-dashboard-slot"},{"component":"triageLeftPanelLink","name":"triage-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"triage","slot":"triage-dashboard-slot","title":"Triage"}},{"component":"triageDashboard","name":"triage-dashboard","slot":"triage-dashboard-slot"},{"name":"custom-visit-form-queue-fields","component":"checkinFormExtraExtension","slot":"visit-form-bottom-slot","order":0},{"component":"reportsDashboardLink","name":"reports-homepage-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"reports","slot":"reports-homepage-dashboard-slot","title":"Reports"}},{"component":"reportsDashboard","name":"reports-dashboard","slot":"reports-homepage-dashboard-slot"},{"name":"pharmacy-homepage-dashboard-link","component":"pharmacyLink","slot":"homepage-dashboard-slot","meta":{"name":"pharmacy","title":"Pharmacy","path":"pharmacy","slot":"pharmacy-homepage-dashboard-slot"}},{"name":"pharmacy-homepage-dashboard","component":"pharmacy","slot":"pharmacy-homepage-dashboard-slot","online":true,"offline":false},{"name":"ewf-pharmacy-orders-dashboard","component":"pharmacyOrders","slot":"ewf-orders-slot","online":true,"offline":false},{"name":"patient-summary-dashboard","component":"patientSummaryDashboard","slot":"patient-chart-summary-dashboard-slot"},{"name":"ewf-clinical-encounter-link","component":"clinicalEncounterLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-clinical-encounter","title":"Clinical Encounter","slot":"ewf-patient-chart-clinical-encounter-slot","path":"clinical-encounter","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-clinical-encounter-dashboard","component":"clinicalEncounter","slot":"ewf-patient-chart-clinical-encounter-slot","online":true,"offline":false},{"name":"ewf-laboratory-dashboard-link","component":"laboratoryLeftPanelLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-laboratory","title":"Lab Orders","path":"laboratory","slot":"ewf-patient-chart-laboratory-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-laboratory-dashboard","component":"laboratoryDashboard","slot":"ewf-patient-chart-laboratory-dashboard-slot","online":true,"offline":false},{"name":"ewf-radiology-and-imaging-dashboard-link","component":"radiologyAndImagingLeftPanelLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-radiology-and-imaging","title":"Radiology and Imaging","path":"radiology-and-imaging","slot":"ewf-patient-chart-radiology-and-imaging-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-radiology-and-imaging-dashboard","component":"radiologyAndImagingDashboard","slot":"ewf-patient-chart-radiology-and-imaging-dashboard-slot","online":true,"offline":false},{"name":"ewf-procedures-dashboard-link","component":"proceduresLeftPanelLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-procedures","title":"Procedures","path":"procedures","slot":"ewf-patient-chart-procedures-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-procedures-dashboard","component":"proceduresDashboard","slot":"ewf-patient-chart-procedures-dashboard-slot","online":true,"offline":false},{"name":"ewf-pharmacy-dashboard-link","component":"pharmacyPatientChartDashboardLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-pharmacy","title":"Prescription","path":"pharmacy","slot":"ewf-patient-chart-pharmacy-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-pharmacy-dashboard","component":"pharmacyTabs","slot":"ewf-patient-chart-pharmacy-dashboard-slot","online":true,"offline":false},{"name":"ewf-admissions-dashboard-link","component":"admissionsDashboardLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-admissions","title":"In-patient","path":"admissions","slot":"ewf-patient-chart-admissions-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-admissions-dashboard","component":"admissionsDashboard","slot":"ewf-patient-chart-admissions-dashboard-slot","online":true,"offline":false},{"name":"ewf-homepage-dashboard-link","component":"homepageDashboardLink","slot":"patient-chart-dashboard-slot","order":0},{"name":"ewf-encounter-details-dashboard","component":"encounterDetails","slot":"ewf-clinical-encounter-slot","online":true,"offline":false}],"workspaces":[{"name":"express-workflow-workspace","component":"expressWorkflowWorkspace","title":"Express Workflow Workspace","type":"workspace","canMaximize":true,"canHide":true}],"modals":[{"component":"otpVerificationModal","name":"otp-verification-modal"},{"component":"facilityDashboardAuthorizationModal","name":"facility-dashboard-authorization-form-modal"}],"workspaceGroups":[{"name":"express-workflow","members":["add-drug-order","order-basket","add-lab-order","express-workflow-workspace","start-visit-workspace-form"]}],"version":"5.4.4-pre.43"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":">=2.24.0"},"pages":[{"component":"root","route":"express-workflow"},{"component":"queuesAdminHome","route":"queues-admin"}],"extensions":[{"component":"appointmentsDashboardLink","name":"appointments-dashboard-link","slot":"appointments-left-panel-slot","meta":{"name":"appointments","slot":"appointments-dashboard-slot","title":"Appointments"}},{"name":"ewf-preauth-dashboard-link","component":"preauthDashboardLink","slot":"patient-chart-dashboard-slot","order":10,"meta":{"name":"ewf-preauth","title":"Preauthorization","path":"preauthorization","slot":"ewf-preauth-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-preauth-dashboard","component":"preauthDashboard","slot":"ewf-patient-chart-preauth-dashboard-slot","online":true,"offline":false},{"component":"admissionsLeftPanelLink","name":"admissions-dashboard-link","slot":"express-workflow-left-panel-slot","order":9,"meta":{"name":"admissions","slot":"admissions-dashboard-slot","title":"Admissions"}},{"component":"admissionsDashboard","name":"admissions-dashboard","slot":"admissions-dashboard-slot"},{"component":"consultationLeftPanelLink","name":"consultation-dashboard-link","slot":"homepage-dashboard-slot","order":3,"meta":{"name":"consultation","slot":"consultation-dashboard-slot","title":"Consultation"}},{"component":"consultationDashboard","name":"consultation-dashboard","slot":"consultation-dashboard-slot"},{"component":"facilityLeftPanelLink","name":"facility-dashboard-link","slot":"homepage-dashboard-slot","order":0,"meta":{"name":"dashboard","slot":"facility-dashboard-slot","title":"Dashboard"}},{"component":"facilityDashboard","name":"facility-dashboard","slot":"facility-dashboard-slot"},{"component":"mchLeftPanelLink","name":"mch-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"mch","slot":"mch-dashboard-slot","title":"MCH"}},{"component":"mchDashboard","name":"mch-dashboard","slot":"mch-dashboard-slot"},{"component":"registrationLeftPanelLink","name":"registration-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"registration","slot":"registration-dashboard-slot","title":"Registration"}},{"component":"registrationDashboard","name":"registration-dashboard","slot":"registration-dashboard-slot"},{"component":"triageLeftPanelLink","name":"triage-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"triage","slot":"triage-dashboard-slot","title":"Triage"}},{"component":"triageDashboard","name":"triage-dashboard","slot":"triage-dashboard-slot"},{"name":"custom-visit-form-queue-fields","component":"checkinFormExtraExtension","slot":"visit-form-bottom-slot","order":0},{"component":"reportsDashboardLink","name":"reports-homepage-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"reports","slot":"reports-homepage-dashboard-slot","title":"Reports"}},{"component":"reportsDashboard","name":"reports-dashboard","slot":"reports-homepage-dashboard-slot"},{"name":"pharmacy-homepage-dashboard-link","component":"pharmacyLink","slot":"homepage-dashboard-slot","meta":{"name":"pharmacy","title":"Pharmacy","path":"pharmacy","slot":"pharmacy-homepage-dashboard-slot"}},{"name":"pharmacy-homepage-dashboard","component":"pharmacy","slot":"pharmacy-homepage-dashboard-slot","online":true,"offline":false},{"name":"ewf-pharmacy-orders-dashboard","component":"pharmacyOrders","slot":"ewf-orders-slot","online":true,"offline":false},{"name":"patient-summary-dashboard","component":"patientSummaryDashboard","slot":"patient-chart-summary-dashboard-slot"},{"name":"ewf-clinical-encounter-link","component":"clinicalEncounterLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-clinical-encounter","title":"Clinical Encounter","slot":"ewf-patient-chart-clinical-encounter-slot","path":"clinical-encounter","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-clinical-encounter-dashboard","component":"clinicalEncounter","slot":"ewf-patient-chart-clinical-encounter-slot","online":true,"offline":false},{"name":"ewf-laboratory-dashboard-link","component":"laboratoryLeftPanelLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-laboratory","title":"Lab Orders","path":"laboratory","slot":"ewf-patient-chart-laboratory-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-laboratory-dashboard","component":"laboratoryDashboard","slot":"ewf-patient-chart-laboratory-dashboard-slot","online":true,"offline":false},{"name":"ewf-radiology-and-imaging-dashboard-link","component":"radiologyAndImagingLeftPanelLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-radiology-and-imaging","title":"Radiology and Imaging","path":"radiology-and-imaging","slot":"ewf-patient-chart-radiology-and-imaging-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-radiology-and-imaging-dashboard","component":"radiologyAndImagingDashboard","slot":"ewf-patient-chart-radiology-and-imaging-dashboard-slot","online":true,"offline":false},{"name":"ewf-procedures-dashboard-link","component":"proceduresLeftPanelLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-procedures","title":"Procedures","path":"procedures","slot":"ewf-patient-chart-procedures-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-procedures-dashboard","component":"proceduresDashboard","slot":"ewf-patient-chart-procedures-dashboard-slot","online":true,"offline":false},{"name":"ewf-pharmacy-dashboard-link","component":"pharmacyPatientChartDashboardLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-pharmacy","title":"Prescription","path":"pharmacy","slot":"ewf-patient-chart-pharmacy-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-pharmacy-dashboard","component":"pharmacyTabs","slot":"ewf-patient-chart-pharmacy-dashboard-slot","online":true,"offline":false},{"name":"ewf-admissions-dashboard-link","component":"admissionsDashboardLink","slot":"patient-chart-dashboard-slot","meta":{"name":"ewf-admissions","title":"In-patient","path":"admissions","slot":"ewf-patient-chart-admissions-dashboard-slot","layoutMode":"anchored","hideDashboardTitle":true}},{"name":"ewf-admissions-dashboard","component":"admissionsDashboard","slot":"ewf-patient-chart-admissions-dashboard-slot","online":true,"offline":false},{"name":"ewf-homepage-dashboard-link","component":"homepageDashboardLink","slot":"patient-chart-dashboard-slot","order":0},{"name":"ewf-encounter-details-dashboard","component":"encounterDetails","slot":"ewf-clinical-encounter-slot","online":true,"offline":false},{"name":"custom-start-visit-overflow-menu-item","slot":"patient-actions-slot","component":"customStartVisitOverflowMenuItem","online":true,"offline":true},{"name":"custom-stop-visit-overflow-menu-item","component":"customStopVisitOverflowMenuItem","online":true,"offline":true},{"name":"procedure-queues","component":"procedureQueues","online":true,"offline":false,"featureFlag":"procedureQueues","slot":"procedure-orders-dashboard-slot"},{"name":"procedure-form-extras","component":"procedureFormExtras","slot":"procedure-order-form-extras-slot","online":true,"offline":false,"featureFlag":"procedureQueues"},{"name":"ewf-patient-summary-tab","component":"patientSummary","slot":"ewf-patient-chart-patient-summary-tabs-extension-slot","meta":{"title":"patientSummaryTab","slot":"ewf-patient-summary-slot"}},{"name":"ewf-patient-vitals-tab","component":"patientVitals","slot":"ewf-patient-chart-patient-summary-tabs-extension-slot","meta":{"title":"vitalsAndAnthropometric","slot":"ewf-vitals-slot"}},{"name":"ewf-patient-care-panel-tab","component":"carePanel","slot":"ewf-patient-chart-patient-summary-tabs-extension-slot","meta":{"title":"carePanel","slot":"ewf-care-panel-slot"}},{"name":"ewf-patient-immunization-tab","component":"immunization","slot":"ewf-patient-chart-patient-summary-tabs-extension-slot","meta":{"title":"immunizations","slot":"ewf-immunizations-slot"}},{"name":"ewf-patient-relationships-tab","component":"relationships","slot":"ewf-patient-chart-patient-summary-tabs-extension-slot","meta":{"title":"relationships","slot":"ewf-relationships-slot"}},{"name":"ewf-patient-appointments-tab","component":"appointments","slot":"ewf-patient-chart-patient-summary-tabs-extension-slot","meta":{"title":"appointments","slot":"ewf-appointments-slot"}},{"name":"ewf-patient-attachments-tab","component":"attachments","slot":"ewf-patient-chart-patient-summary-tabs-extension-slot","meta":{"title":"attachments","slot":"ewf-attachments-slot"}},{"name":"ewf-patient-clinical-encounter-tab","component":"patientClinicalEncounter","slot":"clinical-encounter-tabs-slot","meta":{"title":"clinicalEncounterTab","slot":"ewf-clinical-encounter-slot"}},{"name":"ewf-patient-visits-tab","component":"patientVisits","slot":"clinical-encounter-tabs-slot","meta":{"title":"visits","slot":"ewf-visits-slot"}},{"name":"ewf-patient-special-clinics-tab","component":"specialClinics","slot":"clinical-encounter-tabs-slot","meta":{"title":"specialClinics","slot":"ewf-special-clinics-slot"}},{"name":"ewf-clinical-notes-tab","component":"clinicalNotes","meta":{"title":"clinicalNotes","slot":"ewf-clinical-notes-slot"}},{"name":"ewf-procedures-and-orders-tab","component":"proceduresAndOrders","meta":{"title":"proceduresAndOrders","slot":"ewf-procedures-and-orders-slot"}},{"name":"ewf-pharmacy-orders-tab","component":"pharmacyOrdersTab","slot":"pharmacy-tabs-slot","meta":{"title":"orders","slot":"ewf-orders-slot"}},{"name":"ewf-pharmacy-active-medication-tab","component":"pharmacyActiveMedicationsTab","slot":"pharmacy-tabs-slot","meta":{"title":"activeMedications","slot":"ewf-active-medications-slot"}},{"name":"ewf-pharmacy-past-medication-tab","component":"pharmacyPastMedicationsTab","slot":"pharmacy-tabs-slot","meta":{"title":"pastMedications","slot":"ewf-past-medications-slot"}},{"name":"ewf-patient-lab-orders-tab","component":"patientLaboratoryOrdersTab","slot":"patient-laboratory-tabs-slot","meta":{"title":"orders"}},{"name":"ewf-patient-lab-order-results-tab","component":"patientLaboratoryOrdersResults","slot":"patient-laboratory-tabs-slot","meta":{"title":"results","slot":"ewf-laboratory-results-slot","basePath":"laboratory"}},{"name":"ewf-patient-procedure-orders-tab","component":"patientProcedureOrdersTab","slot":"patient-procedure-tabs-slot","meta":{"title":"orders"}},{"name":"ewf-patient-procedure-order-results-tab","component":"patientProcedureOrdersResults","slot":"patient-procedure-tabs-slot","meta":{"title":"results","slot":"ewf-procedures-results-slot","basePath":"procedures"}},{"name":"ewf-patient-procedure-anaesthetic-tab","component":"patientProcedureAnaestheticTab","slot":"patient-procedure-tabs-slot","meta":{"title":"anaesthetic"}},{"name":"ewf-patient-imaging-orders-tab","component":"patientImagingOrdersTab","slot":"patient-imaging-tabs-slot","meta":{"title":"orders"}},{"name":"ewf-patient-imaging-order-results-tab","component":"patientImagingOrdersResults","slot":"patient-imaging-tabs-slot","meta":{"title":"results","slot":"ewf-radiology-and-imaging-results-slot","basePath":"radiology-and-imaging"}}],"workspaces2":[{"name":"custom-start-visit-workspace-form","component":"visitFormWorkspace","window":"ewf-start-visit"},{"name":"anaesthetic-record-workspace-form","component":"anaestheticFormWorkspace","window":"ewf-anaesthetic-record"},{"name":"interoperative-drug-given-workspace-form","component":"interoperativeDrugGivenFormWorkspace","window":"ewf-anaesthetic-record"}],"workspaceWindows2":[{"name":"ewf-start-visit","group":"ewf-patient-chart","width":"wider"},{"name":"ewf-anaesthetic-record","group":"ewf-patient-chart","width":"wider"}],"workspaceGroups2":[{"name":"ewf-patient-chart","scopePattern":"/patient/([^/]+)/chart"}],"modals":[{"component":"otpVerificationModal","name":"otp-verification-modal"},{"component":"facilityDashboardAuthorizationModal","name":"facility-dashboard-authorization-form-modal"},{"name":"print-order-preview-modal","component":"printOrderPreviewModal"},{"name":"custom-end-visit-dialog","component":"customEndVisitModal"},{"name":"print-prescription-modal","component":"printPrescriptionModal"}],"version":"5.4.4-pre.430"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kenyaemr/esm-express-workflow-app",
-  "version": "5.4.4-pre.43",
+  "version": "5.4.4-pre.430",
   "description": "Express workflow app for OpenMRS 3",
   "keywords": [
     "openmrs",
@@ -21,14 +21,12 @@
   "scripts": {
     "analyze": "rspack build --mode=production --analyze",
     "build": "rspack --mode=production",
-    "coverage": "yarn test --coverage",
+    "coverage": "echo \"Jest has been removed; no unit test runner is configured\" && exit 0",
     "debug": "npm run serve",
-    "extract-translations": "i18next 'src/**/*.component.tsx' 'src/**/*.extension.tsx' 'src/**/*modal.tsx' 'src/**/*.workspace.tsx' 'src/index.ts' --config ../../tools/i18next-parser.config.js",
+    "extract-translations": "i18next 'src/**/*.{ts,tsx}' --config ../../tools/i18next-parser.config.js",
     "lint": "cross-env eslint src --ext ts,tsx",
     "serve": "rspack serve --mode=development",
     "start": "openmrs develop",
-    "test": "cross-env TZ=UTC jest --config jest.config.js --verbose false --passWithNoTests --color",
-    "test:watch": "cross-env TZ=UTC jest --watch --config jest.config.js --color",
     "typescript": "tsc"
   },
   "browserslist": [
@@ -45,7 +43,7 @@
     "zod": "^3.24.1"
   },
   "peerDependencies": {
-    "@openmrs/esm-framework": "8.x",
+    "@openmrs/esm-framework": "9.x",
     "dayjs": "1.x",
     "react": "18.x",
     "react-i18next": "11.x",

package/src/components/admissions/admissions-dashboard.component.tsx

@@ -1,10 +1,10 @@
-import React, { useMemo } from 'react';
 import { Layer } from '@carbon/react';
 import { ExtensionSlot } from '@openmrs/esm-framework';
+import React, { useMemo } from 'react';
 
 type AdmissionsDashboardProps = {
   patientUuid: string;
-  patient: fhir.Patient;
+  patient: Record<string, unknown>;
 };
 
 const AdmissionsDashboard: React.FC<AdmissionsDashboardProps> = ({ patientUuid, patient }) => {

package/src/components/anaesthetic/anaesthetic-dashboard.meta.ts

@@ -0,0 +1,8 @@
+export const anaestheticDashboardMeta = {
+  name: 'anaesthetic',
+  slot: 'patient-chart-anaesthetic-slot',
+  config: { columns: 1, type: 'grid', programme: 'anaesthetic' },
+  title: 'Anaesthetic',
+  path: 'anaesthetic',
+  icon: 'GraphColumn_32',
+};

package/src/components/anaesthetic/anaesthetic-data-form.component.tsx

@@ -0,0 +1,442 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useForm, Controller } from 'react-hook-form';
+import { Modal, TextArea, TextInput, NumberInput, Select, SelectItem, Form, Grid, Column } from '@carbon/react';
+import {
+  AMNIOTIC_FLUID_OPTIONS,
+  MOULDING_OPTIONS,
+  DESCENT_OF_HEAD_OPTIONS,
+  CONTRACTION_INTENSITY_OPTIONS,
+  URINE_LEVEL_OPTIONS,
+  BLOOD_GROUP_OPTIONS,
+  ADMISSION_OPTIONS,
+  TIME_SLOT_OPTIONS,
+  EVENT_TYPE_OPTIONS,
+  INPUT_RANGES,
+  getMeasurementLabel,
+  getFieldLabel,
+  getFieldPlaceholder,
+  getInputRangePlaceholder,
+  getGraphDataProcessor,
+} from './types';
+import styles from './anaesthetic-data-form.scss';
+
+type Patient = {
+  name?: Array<{
+    given?: string[];
+    family?: string;
+  }>;
+  gender?: string;
+  birthDate?: string;
+};
+type PartographyFormData = {
+  admission: string;
+  bg: string;
+  am: string;
+  measurementValue: string;
+  systolic: string;
+  diastolic: string;
+  proteinLevel: string;
+  glucoseLevel: string;
+  ketoneLevel: string;
+  medication: string;
+  dosage: string;
+  eventType: string;
+  eventDescription: string;
+  amnioticFluid: string;
+  moulding: string;
+};
+
+type PartographyDataFormProps = {
+  isOpen: boolean;
+  onClose: () => void;
+  onSubmit: (data: any) => void;
+  graphType: string;
+  graphTitle: string;
+  patient?: Patient;
+};
+
+const PartographyDataForm: React.FC<PartographyDataFormProps> = ({
+  isOpen,
+  onClose,
+  onSubmit,
+  graphType,
+  graphTitle,
+  patient,
+}) => {
+  const { t } = useTranslation();
+
+  const getPatientInfo = (patient?: Patient) => {
+    const getName = (): string => {
+      if (!patient?.name?.[0]) {
+        return '';
+      }
+      const name = patient.name[0];
+      const given = name.given?.join(' ') || '';
+      const family = name.family || '';
+      return `${given} ${family}`.trim();
+    };
+
+    const getGender = (): string => (patient?.gender ? t(patient.gender, patient.gender) : '');
+
+    const getAge = (): string => {
+      if (!patient?.birthDate) {
+        return '';
+      }
+      const birthDate = new Date(patient.birthDate);
+      const today = new Date();
+      const age = today.getFullYear() - birthDate.getFullYear();
+      const monthDiff = today.getMonth() - birthDate.getMonth();
+      const adjustedAge = monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate()) ? age - 1 : age;
+      return `${adjustedAge} ${t('yearsOld', 'years old')}`;
+    };
+
+    return { name: getName(), gender: getGender(), age: getAge() };
+  };
+
+  const patientInfo = getPatientInfo(patient);
+
+  const { control, handleSubmit, reset } = useForm<PartographyFormData>({
+    defaultValues: {
+      admission: '',
+      bg: '',
+      am: '',
+      measurementValue: '',
+      systolic: '',
+      diastolic: '',
+      proteinLevel: '',
+      glucoseLevel: '',
+      ketoneLevel: '',
+      medication: '',
+      dosage: '',
+      eventType: '',
+      eventDescription: '',
+      amnioticFluid: '',
+      moulding: '',
+    },
+  });
+
+  const createNumberInput = (
+    id: string,
+    name: keyof PartographyFormData,
+    label: string,
+    placeholder: string,
+    range: any,
+    required = true,
+  ) => (
+    <Controller
+      name={name}
+      control={control}
+      rules={required ? { required: t('fieldRequired', 'This field is required') } : {}}
+      render={({ field, fieldState }) => (
+        <NumberInput
+          id={id}
+          label={label}
+          placeholder={placeholder}
+          value={field.value || ''}
+          onChange={(e, { value }) => field.onChange(String(value))}
+          min={range.min}
+          max={range.max}
+          step={range.step}
+          invalid={!!fieldState.error}
+          invalidText={fieldState.error?.message}
+          required={required}
+        />
+      )}
+    />
+  );
+
+  const createSelect = (
+    id: string,
+    name: keyof PartographyFormData,
+    label: string,
+    options: readonly any[],
+    required = false,
+  ) => (
+    <Controller
+      name={name}
+      control={control}
+      rules={required ? { required: t('fieldRequired', 'This field is required') } : {}}
+      render={({ field, fieldState }) => (
+        <Select
+          id={id}
+          labelText={label}
+          value={field.value}
+          onChange={(e) => field.onChange((e.target as HTMLSelectElement).value)}
+          invalid={!!fieldState.error}
+          invalidText={fieldState.error?.message}
+          required={required}>
+          {options.map((option) => (
+            <SelectItem
+              key={option.value || option.text}
+              value={option.value}
+              text={t(option.text as string, (option as any).display || option.text) as string}
+            />
+          ))}
+        </Select>
+      )}
+    />
+  );
+
+  const createTextInput = (
+    id: string,
+    name: keyof PartographyFormData,
+    label: string,
+    placeholder: string,
+    required = true,
+  ) => (
+    <Controller
+      name={name}
+      control={control}
+      rules={required ? { required: t('fieldRequired', 'This field is required') } : {}}
+      render={({ field, fieldState }) => (
+        <TextInput
+          id={id}
+          labelText={label}
+          placeholder={placeholder}
+          value={field.value || ''}
+          onChange={(e) => field.onChange((e.target as HTMLInputElement).value)}
+          invalid={!!fieldState.error}
+          invalidText={fieldState.error?.message}
+          required={required}
+        />
+      )}
+    />
+  );
+
+  const onSubmitForm = (data: PartographyFormData) => {
+    const processor = getGraphDataProcessor(graphType);
+    if (!processor.validate(data)) {
+      return;
+    }
+
+    const dataPoint = {
+      time: new Date().toLocaleTimeString('en-US', { hour12: false, hour: '2-digit', minute: '2-digit' }),
+      value: processor.getValue(data),
+      graphType,
+      admission: data.admission,
+      bg: data.bg,
+      am: data.am,
+      timestamp: new Date(),
+      ...processor.getAdditionalData(data),
+    };
+
+    onSubmit(dataPoint);
+    handleClose();
+  };
+
+  const handleClose = () => {
+    reset();
+    onClose();
+  };
+
+  const renderSpecificFields = () => {
+    const fieldConfigs = {
+      'fetal-heart-rate': () =>
+        createNumberInput(
+          'fetal-heart-rate-input',
+          'measurementValue',
+          getFieldLabel('fetalHeartRate', t),
+          getInputRangePlaceholder('fetal-heart-rate', t),
+          INPUT_RANGES['fetal-heart-rate'],
+        ),
+
+      'cervical-dilation': () => (
+        <Grid>
+          <Column sm={4} md={4} lg={8}>
+            {createNumberInput(
+              'cervical-dilation-measurement',
+              'measurementValue',
+              getFieldLabel('cervicalDilation', t),
+              getInputRangePlaceholder('cervical-dilation', t),
+              INPUT_RANGES['cervical-dilation'],
+            )}
+          </Column>
+          <Column sm={4} md={4} lg={8}>
+            {createSelect('amniotic-fluid', 'amnioticFluid', getFieldLabel('amnioticFluid', t), AMNIOTIC_FLUID_OPTIONS)}
+          </Column>
+          <Column sm={4} md={4} lg={8}>
+            {createSelect('moulding', 'moulding', getFieldLabel('moulding', t), MOULDING_OPTIONS)}
+          </Column>
+        </Grid>
+      ),
+
+      'descent-of-head': () =>
+        createSelect(
+          'descent-select',
+          'measurementValue',
+          getFieldLabel('descentOfHead', t),
+          DESCENT_OF_HEAD_OPTIONS,
+          true,
+        ),
+
+      'uterine-contractions': () => (
+        <Grid>
+          <Column sm={4} md={4} lg={8}>
+            {createNumberInput(
+              'contraction-frequency',
+              'measurementValue',
+              getFieldLabel('frequency', t),
+              getInputRangePlaceholder('uterine-contractions', t),
+              INPUT_RANGES['uterine-contractions'],
+            )}
+          </Column>
+          <Column sm={4} md={4} lg={8}>
+            {createSelect(
+              'contraction-intensity',
+              'eventDescription',
+              getFieldLabel('intensity', t),
+              CONTRACTION_INTENSITY_OPTIONS,
+            )}
+          </Column>
+        </Grid>
+      ),
+
+      'maternal-pulse': () =>
+        createNumberInput(
+          'maternal-pulse-input',
+          'measurementValue',
+          getFieldLabel('maternalPulse', t),
+          getInputRangePlaceholder('maternal-pulse', t),
+          INPUT_RANGES['maternal-pulse'],
+        ),
+
+      'blood-pressure': () => (
+        <Grid>
+          <Column sm={4} md={4} lg={8}>
+            {createNumberInput(
+              'systolic-pressure',
+              'systolic',
+              getFieldLabel('systolic', t),
+              getInputRangePlaceholder('systolic-bp', t),
+              INPUT_RANGES['systolic-bp'],
+            )}
+          </Column>
+          <Column sm={4} md={4} lg={8}>
+            {createNumberInput(
+              'diastolic-pressure',
+              'diastolic',
+              getFieldLabel('diastolic', t),
+              getInputRangePlaceholder('diastolic-bp', t),
+              INPUT_RANGES['diastolic-bp'],
+            )}
+          </Column>
+        </Grid>
+      ),
+
+      temperature: () =>
+        createNumberInput(
+          'temperature-input',
+          'measurementValue',
+          getFieldLabel('temperature', t),
+          getInputRangePlaceholder('temperature', t),
+          INPUT_RANGES.temperature,
+        ),
+
+      'urine-analysis': () => (
+        <Grid>
+          <Column sm={4} md={2} lg={5}>
+            {createSelect('protein-level', 'proteinLevel', getFieldLabel('proteinLevel', t), URINE_LEVEL_OPTIONS)}
+          </Column>
+          <Column sm={4} md={3} lg={5}>
+            {createSelect('glucose-level', 'glucoseLevel', getFieldLabel('glucoseLevel', t), URINE_LEVEL_OPTIONS)}
+          </Column>
+          <Column sm={4} md={3} lg={6}>
+            {createSelect('ketone-level', 'ketoneLevel', getFieldLabel('ketoneLevel', t), URINE_LEVEL_OPTIONS)}
+          </Column>
+        </Grid>
+      ),
+
+      'drugs-fluids': () => (
+        <Grid>
+          <Column sm={4} md={4} lg={8}>
+            {createTextInput(
+              'medication-input',
+              'medication',
+              getFieldLabel('medication', t),
+              getFieldPlaceholder('medicationType', t),
+            )}
+          </Column>
+          <Column sm={4} md={4} lg={8}>
+            {createTextInput(
+              'dosage-input',
+              'dosage',
+              getFieldLabel('dosageRate', t),
+              getFieldPlaceholder('dosageRate', t),
+            )}
+          </Column>
+        </Grid>
+      ),
+
+      'progress-events': () => (
+        <Grid>
+          <Column sm={4} md={8} lg={16}>
+            {createSelect('event-type', 'eventType', getFieldLabel('eventType', t), EVENT_TYPE_OPTIONS, true)}
+          </Column>
+          <Column sm={4} md={8} lg={16}>
+            <Controller
+              name="eventDescription"
+              control={control}
+              rules={{ required: t('fieldRequired', 'This field is required') }}
+              render={({ field, fieldState }) => (
+                <TextArea
+                  id="event-description"
+                  labelText={getFieldLabel('eventDescription', t)}
+                  placeholder={getFieldPlaceholder('eventDescription', t)}
+                  value={field.value || ''}
+                  onChange={(e) => field.onChange((e.target as HTMLTextAreaElement).value)}
+                  invalid={!!fieldState.error}
+                  invalidText={fieldState.error?.message}
+                  rows={3}
+                  required
+                />
+              )}
+            />
+          </Column>
+        </Grid>
+      ),
+    };
+
+    const config = fieldConfigs[graphType as keyof typeof fieldConfigs];
+    return config
+      ? config()
+      : createTextInput(
+          'general-measurement',
+          'measurementValue',
+          getMeasurementLabel(graphType, t, graphTitle),
+          getFieldPlaceholder('generalMeasurement', t),
+        );
+  };
+
+  return (
+    <Modal
+      open={isOpen}
+      onRequestClose={onClose}
+      modalHeading={`${getMeasurementLabel(graphType, t, graphTitle)} Data`}
+      modalLabel={`${patientInfo.name}, ${patientInfo.gender}, ${patientInfo.age}`}
+      primaryButtonText={t('save', 'Save')}
+      secondaryButtonText={t('cancel', 'Cancel')}
+      onRequestSubmit={handleSubmit(onSubmitForm)}
+      onSecondarySubmit={handleClose}
+      size="lg">
+      <div className={styles.modalContent}>
+        <Form onSubmit={handleSubmit(onSubmitForm)}>
+          <Grid>
+            <Column sm={4} md={8} lg={5}>
+              {createSelect('admission-select', 'admission', getFieldLabel('admission', t), ADMISSION_OPTIONS)}
+            </Column>
+            <Column sm={4} md={8} lg={5}>
+              {createSelect('bg-select', 'bg', getFieldLabel('bg', t), BLOOD_GROUP_OPTIONS)}
+            </Column>
+            <Column sm={4} md={8} lg={6}>
+              {createSelect('am-select', 'am', getFieldLabel('am', t), TIME_SLOT_OPTIONS)}
+            </Column>
+          </Grid>
+          <div className={styles.measurementSection}>{renderSpecificFields()}</div>
+        </Form>
+      </div>
+    </Modal>
+  );
+};
+
+export default PartographyDataForm;