@cc-openmrs/cc-esm-active-prescriptions 1.0.67 → 1.0.68

package/dist/openmrs-esm-patient-lists-app.js.buildmanifest.json

@@ -46,6 +46,30 @@
       "hash": "6ab7a8d81edef660",
       "childrenByOrder": {}
     },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 77163,
+      "sizes": {
+        "javascript": 77163
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@cc-openmrs/cc-esm-active-prescriptions",
+        "main"
+      ],
+      "files": [
+        "63.js"
+      ],
+      "auxiliaryFiles": [
+        "63.js.map"
+      ],
+      "hash": "10c6f8f9ff72f6b5",
+      "childrenByOrder": {}
+    },
     {
       "rendered": false,
       "initial": false,
@@ -428,6 +452,33 @@
       "hash": "6eb7a892027c3df2",
       "childrenByOrder": {}
     },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "reason": "split chunk (cache group: defaultVendors)",
+      "size": 1238873,
+      "sizes": {
+        "javascript": 1238873
+      },
+      "names": [],
+      "idHints": [
+        "vendors"
+      ],
+      "runtime": [
+        "@cc-openmrs/cc-esm-active-prescriptions",
+        "main"
+      ],
+      "files": [
+        "464.js"
+      ],
+      "auxiliaryFiles": [
+        "464.js.map"
+      ],
+      "hash": "f2a75dc7b86dc2b0",
+      "childrenByOrder": {}
+    },
     {
       "rendered": false,
       "initial": false,
@@ -497,7 +548,7 @@
       "auxiliaryFiles": [
         "499.js.map"
       ],
-      "hash": "61c5d69ab6c9d9e4",
+      "hash": "e717bdccf6384c47",
       "childrenByOrder": {}
     },
     {
@@ -616,33 +667,6 @@
       "hash": "776b6a0cc9aef773",
       "childrenByOrder": {}
     },
-    {
-      "rendered": true,
-      "initial": false,
-      "entry": false,
-      "recorded": false,
-      "reason": "split chunk (cache group: defaultVendors)",
-      "size": 1217086,
-      "sizes": {
-        "javascript": 1217086
-      },
-      "names": [],
-      "idHints": [
-        "vendors"
-      ],
-      "runtime": [
-        "@cc-openmrs/cc-esm-active-prescriptions",
-        "main"
-      ],
-      "files": [
-        "765.js"
-      ],
-      "auxiliaryFiles": [
-        "765.js.map"
-      ],
-      "hash": "9d2c34e50fd4d0e1",
-      "childrenByOrder": {}
-    },
     {
       "rendered": true,
       "initial": false,
@@ -695,31 +719,7 @@
       "auxiliaryFiles": [
         "main.js.map"
       ],
-      "hash": "f48f0fc69c5b0259",
-      "childrenByOrder": {}
-    },
-    {
-      "rendered": true,
-      "initial": false,
-      "entry": false,
-      "recorded": false,
-      "size": 55412,
-      "sizes": {
-        "javascript": 55412
-      },
-      "names": [],
-      "idHints": [],
-      "runtime": [
-        "@cc-openmrs/cc-esm-active-prescriptions",
-        "main"
-      ],
-      "files": [
-        "845.js"
-      ],
-      "auxiliaryFiles": [
-        "845.js.map"
-      ],
-      "hash": "be25ff4f6d0d5b74",
+      "hash": "e11b484efaa3b75d",
       "childrenByOrder": {}
     },
     {

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":">=2.2.0"},"extensions":[{"name":"Red box","component":"redBox","slot":"Boxes"},{"name":"Blue box","component":"blueBox","slot":"Boxes"},{"name":"Brand box","component":"blueBox","slot":"Boxes"}],"workspaces2":[{"name":"active-prescriptions-workspace","component":"root","window":"active-prescriptions-workspace"}],"workspaceWindows2":[{"name":"active-prescriptions-workspace","group":"patient-chart","icon":"prescriptionsActionButton","width":"wider","order":4}],"version":"1.0.57"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":">=2.2.0"},"extensions":[{"name":"Red box","component":"redBox","slot":"Boxes"},{"name":"Blue box","component":"blueBox","slot":"Boxes"},{"name":"Brand box","component":"blueBox","slot":"Boxes"}],"workspaces2":[{"name":"active-prescriptions-workspace","component":"root","window":"active-prescriptions-workspace"}],"workspaceWindows2":[{"name":"active-prescriptions-workspace","group":"patient-chart","icon":"prescriptionsActionButton","width":"wider","order":4}],"version":"1.0.68"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cc-openmrs/cc-esm-active-prescriptions",
-  "version": "1.0.67",
+  "version": "1.0.68",
   "license": "MPL-2.0",
   "description": "An OpenMRS frontend module for managing patient lists in the Patient Chart",
   "browser": "dist/openmrs-esm-patient-lists-app.js",

package/src/prescriptions-actions/add-drug-prescription/add-drug-prescription.component.tsx

@@ -0,0 +1,186 @@
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Button, Checkbox, ComboBox, TextInput } from '@carbon/react';
+import { openmrsFetch, restBaseUrl } from '@openmrs/esm-framework';
+import useSWR from 'swr';
+
+export interface PrescriptionDrugItem {
+  drug: { uuid: string; name: string; display: string };
+  dosage: string;
+  unit: string;
+  route: string;
+  frequency: string;
+  patientInstructions?: string;
+  asNeeded?: boolean;
+  asNeededCondition?: string;
+  indication?: string;
+}
+
+export interface AddDrugPrescriptionProps {
+  initialData?: PrescriptionDrugItem;
+  onSave: (item: PrescriptionDrugItem) => void;
+  onCancel: () => void;
+}
+
+const UNITS = [{ value: 'mg' }, { value: 'ml' }, { value: 'g' }, { value: 'mcg' }, { value: 'comprimido(s)' }];
+
+const ROUTES = [
+  { value: 'Oral' },
+  { value: 'Intravenoso (IV)' },
+  { value: 'Intramuscular (IM)' },
+  { value: 'Subcutâneo (SC)' },
+  { value: 'Tópico' },
+  { value: 'Inalatório' },
+  { value: 'Sublingual' },
+];
+
+const FREQUENCIES = [
+  { value: '1x ao dia' },
+  { value: '2x ao dia' },
+  { value: '3x ao dia' },
+  { value: '4x ao dia' },
+  { value: '6/6h' },
+  { value: '8/8h' },
+  { value: '12/12h' },
+  { value: 'Se necessário' },
+];
+
+function useDrugSearch(query: string) {
+  const url =
+    query?.length >= 3
+      ? `${restBaseUrl}/drug?q=${encodeURIComponent(query)}&v=custom:(uuid,name,display)&limit=10`
+      : null;
+  const { data, isValidating } = useSWR<any>(url, openmrsFetch);
+  return {
+    drugs: (data?.data?.results ?? []) as Array<{ uuid: string; name: string; display: string }>,
+    isLoading: isValidating,
+  };
+}
+
+const AddDrugPrescription: React.FC<AddDrugPrescriptionProps> = ({ initialData, onSave, onCancel }) => {
+  const { t } = useTranslation();
+
+  const [drugQuery, setDrugQuery] = useState(initialData?.drug?.name ?? '');
+  const [selectedDrug, setSelectedDrug] = useState<PrescriptionDrugItem['drug'] | null>(initialData?.drug ?? null);
+  const [dosage, setDosage] = useState(initialData?.dosage ?? '');
+  const [unit, setUnit] = useState(initialData?.unit ?? '');
+  const [route, setRoute] = useState(initialData?.route ?? '');
+  const [frequency, setFrequency] = useState(initialData?.frequency ?? '');
+  const [patientInstructions, setPatientInstructions] = useState(initialData?.patientInstructions ?? '');
+  const [asNeeded, setAsNeeded] = useState(initialData?.asNeeded ?? false);
+  const [asNeededCondition, setAsNeededCondition] = useState(initialData?.asNeededCondition ?? '');
+  const [indication, setIndication] = useState(initialData?.indication ?? '');
+
+  const { drugs, isLoading } = useDrugSearch(drugQuery);
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    if (!selectedDrug || !dosage || !unit || !frequency) return;
+    onSave({
+      drug: selectedDrug,
+      dosage,
+      unit,
+      route,
+      frequency,
+      patientInstructions: patientInstructions || undefined,
+      asNeeded,
+      asNeededCondition: asNeeded ? asNeededCondition || undefined : undefined,
+      indication: indication || undefined,
+    });
+  };
+
+  return (
+    <form onSubmit={handleSubmit} style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
+      <ComboBox
+        id="drug-search"
+        titleText={t('drugName', 'Medicamento')}
+        placeholder={t('drugSearchPlaceholder', 'Digite para buscar (mín. 3 letras)...')}
+        items={drugs.map((d) => ({ id: d.uuid, label: d.display || d.name, ...d }))}
+        itemToString={(item: any) => item?.label ?? ''}
+        selectedItem={selectedDrug ? { id: selectedDrug.uuid, label: selectedDrug.display } : null}
+        onInputChange={(v: string) => {
+          setDrugQuery(v);
+          if (!v) setSelectedDrug(null);
+        }}
+        onChange={({ selectedItem }: any) => {
+          if (selectedItem) {
+            setSelectedDrug({
+              uuid: selectedItem.uuid,
+              name: selectedItem.name,
+              display: selectedItem.display ?? selectedItem.name,
+            });
+          }
+        }}
+        disabled={isLoading}
+        helperText={isLoading ? t('searching', 'Buscando...') : undefined}
+      />
+      <TextInput
+        id="dosage"
+        labelText={t('dosage', 'Dose')}
+        value={dosage}
+        onChange={(e: React.ChangeEvent<HTMLInputElement>) => setDosage(e.target.value)}
+        required
+      />
+      <ComboBox
+        id="unit"
+        titleText={t('unit', 'Unidade')}
+        items={UNITS}
+        itemToString={(item: any) => item?.value ?? ''}
+        selectedItem={UNITS.find((u) => u.value === unit) ?? null}
+        onChange={({ selectedItem }: any) => setUnit(selectedItem?.value ?? '')}
+      />
+      <ComboBox
+        id="route"
+        titleText={t('route', 'Via de administração')}
+        items={ROUTES}
+        itemToString={(item: any) => item?.value ?? ''}
+        selectedItem={ROUTES.find((r) => r.value === route) ?? null}
+        onChange={({ selectedItem }: any) => setRoute(selectedItem?.value ?? '')}
+      />
+      <ComboBox
+        id="frequency"
+        titleText={t('frequency', 'Frequência')}
+        items={FREQUENCIES}
+        itemToString={(item: any) => item?.value ?? ''}
+        selectedItem={FREQUENCIES.find((f) => f.value === frequency) ?? null}
+        onChange={({ selectedItem }: any) => setFrequency(selectedItem?.value ?? '')}
+      />
+      <TextInput
+        id="patient-instructions"
+        labelText={t('patientInstructions', 'Instruções ao paciente')}
+        value={patientInstructions}
+        onChange={(e: React.ChangeEvent<HTMLInputElement>) => setPatientInstructions(e.target.value)}
+      />
+      <Checkbox
+        id="as-needed"
+        labelText={t('asNeeded', 'Tomar se necessário (P.R.N.)')}
+        checked={asNeeded}
+        onChange={(_: any, { checked }: any) => setAsNeeded(checked)}
+      />
+      {asNeeded && (
+        <TextInput
+          id="as-needed-condition"
+          labelText={t('asNeededCondition', 'Motivo P.R.N.')}
+          value={asNeededCondition}
+          onChange={(e: React.ChangeEvent<HTMLInputElement>) => setAsNeededCondition(e.target.value)}
+        />
+      )}
+      <TextInput
+        id="indication"
+        labelText={t('indication', 'Indicação')}
+        value={indication}
+        onChange={(e: React.ChangeEvent<HTMLInputElement>) => setIndication(e.target.value)}
+      />
+      <div style={{ display: 'flex', gap: '0.5rem', marginTop: '0.5rem' }}>
+        <Button type="submit" kind="primary" disabled={!selectedDrug || !dosage || !unit || !frequency}>
+          {t('saveMedication', 'Salvar medicamento')}
+        </Button>
+        <Button type="button" kind="secondary" onClick={onCancel}>
+          {t('cancel', 'Cancelar')}
+        </Button>
+      </div>
+    </form>
+  );
+};
+
+export default AddDrugPrescription;

package/src/prescriptions-actions/add-drug-prescription/add-drug-prescription.scss

@@ -0,0 +1 @@
+@import "../add-drug-order/add-drug-order.scss";

package/src/prescriptions-actions/add-drug-prescription/index.ts

@@ -0,0 +1,2 @@
+export { default } from './add-drug-prescription.component';
+export type { PrescriptionDrugItem, AddDrugPrescriptionProps } from './add-drug-prescription.component';