@openmrs/esm-dispensing-app 1.2.2-pre.264 → 1.2.2-pre.267

package/dist/openmrs-esm-dispensing-app.js.buildmanifest.json

@@ -5,10 +5,10 @@
       "initial": true,
       "entry": true,
       "recorded": false,
-      "size": 2709831,
+      "size": 2709817,
       "sizes": {
         "consume-shared": 252,
-        "javascript": 2688743,
+        "javascript": 2688729,
         "share-init": 252,
         "runtime": 20584
       },
@@ -25,7 +25,7 @@
       "auxiliaryFiles": [
         "main.js.map"
       ],
-      "hash": "509eb8ca3cb28d37",
+      "hash": "5e73008657c660d7",
       "childrenByOrder": {}
     },
     {
@@ -323,9 +323,9 @@
       "initial": false,
       "entry": false,
       "recorded": false,
-      "size": 397085,
+      "size": 397071,
       "sizes": {
-        "javascript": 396875,
+        "javascript": 396861,
         "consume-shared": 210
       },
       "names": [],
@@ -339,7 +339,7 @@
       "auxiliaryFiles": [
         "985.js.map"
       ],
-      "hash": "c7e0be54649ffd5e",
+      "hash": "987f1ac5215ba53a",
       "childrenByOrder": {}
     },
     {

package/dist/routes.json

@@ -1 +1 @@
-{"backendDependencies":{"fhir2":"^1.2.0","webservices.rest":"^2.2.0"},"pages":[{"component":"dispensing","route":"dispensing","online":true,"offline":true}],"extensions":[{"name":"dispensing-link","slot":"app-menu-slot","component":"dispensingLink","online":true,"offline":true},{"name":"dispensing-dashboard","slot":"dispensing-dashboard-slot","component":"dispensingDashboard","online":true,"offline":true},{"name":"dispensing-dashboard-link","component":"dispensingDashboardLink","meta":{"name":"dispensing","slot":"dispensing-dashboard-slot","title":"Dispensing"}}],"version":"1.2.2-pre.264"}
+{"backendDependencies":{"fhir2":"^1.2.0","webservices.rest":"^2.2.0"},"pages":[{"component":"dispensing","route":"dispensing","online":true,"offline":true}],"extensions":[{"name":"dispensing-link","slot":"app-menu-slot","component":"dispensingLink","online":true,"offline":true},{"name":"dispensing-dashboard","slot":"dispensing-dashboard-slot","component":"dispensingDashboard","online":true,"offline":true},{"name":"dispensing-dashboard-link","component":"dispensingDashboardLink","meta":{"name":"dispensing","slot":"dispensing-dashboard-slot","title":"Dispensing"}}],"version":"1.2.2-pre.267"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-dispensing-app",
-  "version": "1.2.2-pre.264",
+  "version": "1.2.2-pre.267",
   "license": "MPL-2.0",
   "description": "Medication dispensing application",
   "browser": "dist/openmrs-esm-dispensing-app.js",

package/src/prescriptions/prescription-tab-lists.component.tsx

@@ -8,22 +8,15 @@ import { useConfig } from "@openmrs/esm-framework";
 import { PharmacyConfig } from "../config-schema";
 import { SimpleLocation } from "../types";
 
-enum TabTypes {
-  STARRED,
-  SYSTEM,
-  USER,
-  ALL,
-}
-
 const PrescriptionTabLists: React.FC = () => {
   const { t } = useTranslation();
   const config = useConfig() as PharmacyConfig;
   const { filterLocations, isLoading: isFilterLocationsLoading } =
     useLocationForFiltering(config);
-  const [selectedTab, setSelectedTab] = useState(TabTypes.STARRED);
   const [searchTermUserInput, setSearchTermUserInput] = useState(""); // we have a separate "searchTermUserInput" and "searchTerm" in order to debounce
   const [searchTerm, setSearchTerm] = useState("");
   const [location, setLocation] = useState("");
+  const [selectedTab, setSelectedTab] = useState(0);
 
   const tabs = [
     {
@@ -47,14 +40,19 @@ const PrescriptionTabLists: React.FC = () => {
     return () => clearTimeout(debounceFn);
   }, [searchTermUserInput]);
 
+  // we use this to only render the tab panel that is currently selected, see O3-2777
+  const handleTabChange = (event) => {
+    setSelectedTab(event.selectedIndex);
+  };
+
   return (
     <main className={`omrs-main-content ${styles.prescriptionListContainer}`}>
       <section className={styles.prescriptionTabsContainer}>
         <Tabs
           className={styles.prescriptionTabs}
+          onChange={handleTabChange}
           type="container"
           tabContentClassName={styles.hiddenTabsContent}
-          onSelectionChange={setSelectedTab}
         >
           <TabList
             aria-label={t("tabList", "Tab List")}
@@ -118,12 +116,14 @@ const PrescriptionTabLists: React.FC = () => {
           </div>
           <TabPanels>
             {tabs.map((tab, index) => {
-              return (
+              return index === selectedTab ? (
                 <PrescriptionTabPanel
                   location={location}
                   searchTerm={searchTerm}
                   status={tab.status}
                 />
+              ) : (
+                <></>
               );
             })}
           </TabPanels>