@cc-openmrs/cc-esm-active-prescriptions 1.0.69 → 1.0.71

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.68"}
+{"$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.71"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cc-openmrs/cc-esm-active-prescriptions",
-  "version": "1.0.69",
+  "version": "1.0.71",
   "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/root.component.tsx

@@ -233,11 +233,11 @@ const Root: React.FC<RootProps> = ({ patientUuid, patient }) => {
                   )}
                 </div>
 
-                {/* Formulário de adição/edição de medicamento */}
+                {/* Formulário de adição/edição de medicamento — modal overlay */}
                 {showAddMedication && (
-                  <div className={styles.overlayForm}>
-                    <div className={styles.overlayContent}>
-                      <h3 style={{ marginTop: 0 }}>
+                  <div className={styles.overlayBackdrop} onClick={(e) => { if (e.target === e.currentTarget) { setShowAddMedication(false); setEditIndex(null); } }}>
+                    <div className={styles.overlayPanel}>
+                      <h3>
                         {editIndex !== null
                           ? t('editMedication', 'Editar medicamento')
                           : t('addMedication', 'Adicionar medicamento')}

package/src/root.scss

@@ -86,3 +86,56 @@
   color: var(--cds-text-secondary, #525252);
   margin: layout.$spacing-02 0 0;
 }
+
+.medicationsList {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: layout.$spacing-03;
+}
+
+.medicationItem {
+  display: flex;
+  align-items: center;
+  gap: layout.$spacing-03;
+  padding: layout.$spacing-03;
+  background-color: var(--cds-layer, #ffffff);
+  border: 1px solid var(--cds-border-subtle, #e0e0e0);
+  border-radius: layout.$spacing-02;
+
+  span {
+    flex: 1;
+    @include type.type-style('body-compact-01');
+  }
+}
+
+.overlayBackdrop {
+  position: fixed;
+  inset: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 9000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.overlayPanel {
+  background-color: var(--cds-layer, #ffffff);
+  border-radius: layout.$spacing-02;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.24);
+  width: 100%;
+  max-width: 520px;
+  max-height: 90vh;
+  overflow-y: auto;
+  padding: layout.$spacing-07;
+  display: flex;
+  flex-direction: column;
+  gap: layout.$spacing-05;
+
+  h3 {
+    @include type.type-style('heading-03');
+    margin: 0;
+  }
+}