(feat) O3-3635: Orders table modify action should launch workspace di…

…rectly (#1950)

* O3-3635: Drug Order Modification Requires Two Steps Instead of Opening Directly in Order Basket

* Fix undefined uuid

* UI fixes

---------

Co-authored-by: jwnasambu <wamalwa1844.com>
Co-authored-by: Dennis Kigen <kigen.work@gmail.com>

e2e/specs/lab-orders.spec.ts

@@ -63,7 +63,7 @@ test('Record a lab order', async ({ page }) => {
   });
 
   await test.step('Then I should see the newly added lab order in the list', async () => {
-    await expect(page.getByLabel('testorders').getByRole('cell', { name: /blood urea nitrogen/i })).toBeVisible();
+    await expect(page.getByRole('cell', { name: /blood urea nitrogen/i })).toBeVisible();
   });
 });
 

packages/esm-patient-medications-app/src/api/api.ts

@@ -111,7 +111,7 @@ export function prepMedicationOrderPostData(
         ? 'org.openmrs.FreeTextDosingInstructions'
         : 'org.openmrs.SimpleDosingInstructions',
       dosingInstructions: order.isFreeTextDosage ? order.freeTextDosage : order.patientInstructions,
-      concept: order.drug.concept.uuid,
+      concept: order?.drug?.concept?.uuid,
       orderReasonNonCoded: order.indication,
     };
   } else if (order.action === 'DISCONTINUE') {

packages/esm-patient-orders-app/src/components/order-details-table.scss

@@ -5,7 +5,10 @@
 
 .widgetCard {
   border: 1px solid colors.$gray-20;
-  border-bottom: none;
+
+  > .desktop {
+    border-top: none !important;
+  }
 }
 
 .row {
@@ -19,13 +22,17 @@
 }
 
 .tooltip {
-  margin: 0 -(layout.$spacing-03) -0.625rem;
+  margin: 0 (-(layout.$spacing-03)) -0.625rem;
 }
 
 .menuItem {
   max-width: none;
 }
 
+.dropdownContainer {
+  min-width: max-content;
+}
+
 .buttons {
   justify-content: flex-end;
 }
@@ -95,7 +102,27 @@
 }
 
 .table {
-  td:after {
-    display: none;
+  td {
+    &::after {
+      display: none;
+    }
+  }
+}
+
+.hiddenRow {
+  display: none;
+}
+
+.layer {
+  height: 100%;
+}
+
+.unknownOrderTypeText {
+  @include type.type-style('body-compact-01');
+}
+
+.paginationContainer {
+  > div {
+    border-top: none !important;
   }
 }