@openmrs/esm-stock-management-app 1.0.1-pre.377 → 1.0.1-pre.380

package/dist/openmrs-esm-stock-management-app.js.buildmanifest.json

@@ -59,9 +59,9 @@
       "initial": false,
       "entry": false,
       "recorded": false,
-      "size": 1024662,
+      "size": 1027049,
       "sizes": {
-        "javascript": 1024452,
+        "javascript": 1026839,
         "consume-shared": 210
       },
       "names": [],
@@ -75,7 +75,7 @@
       "auxiliaryFiles": [
         "56.js.map"
       ],
-      "hash": "4ee3259f79d57dc5",
+      "hash": "3e1478879e180635",
       "childrenByOrder": {}
     },
     {
@@ -110,10 +110,10 @@
       "initial": true,
       "entry": true,
       "recorded": false,
-      "size": 4773711,
+      "size": 4776098,
       "sizes": {
         "consume-shared": 252,
-        "javascript": 4751763,
+        "javascript": 4754150,
         "share-init": 252,
         "runtime": 21444
       },
@@ -130,7 +130,7 @@
       "auxiliaryFiles": [
         "main.js.map"
       ],
-      "hash": "b5fe33bc3d4cadc9",
+      "hash": "7d2a0b9a180a3088",
       "childrenByOrder": {}
     },
     {

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":"^2.24.0"},"extensions":[{"name":"stock-management-dashboard","slot":"stock-management-dashboard-slot","component":"stockManagementDashboard"},{"name":"stock-management-admin-card-link","slot":"system-admin-page-card-link-slot","component":"stockManagementAdminCardLink"},{"name":"stock-operation-dialog","component":"stockOperationDialog"},{"name":"import-bulk-stock-items","component":"importBulkStockItemsDialog"},{"name":"delete-stock-modal","component":"deleteStockModal"},{"name":"delete-stock-user-scope-modal","component":"deleteUserScopeModal"},{"name":"stock-management-app-menu-item","component":"stockManagementAppMenuItem","slot":"app-menu-item-slot","meta":{"name":" Stock Management"}},{"name":"delete-stock-rule-modal","component":"deleteStockRuleModal"}],"pages":[{"component":"stockManagement","route":"stock-management"}],"version":"1.0.1-pre.377"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":"^2.24.0"},"extensions":[{"name":"stock-management-dashboard","slot":"stock-management-dashboard-slot","component":"stockManagementDashboard"},{"name":"stock-management-admin-card-link","slot":"system-admin-page-card-link-slot","component":"stockManagementAdminCardLink"},{"name":"stock-operation-dialog","component":"stockOperationDialog"},{"name":"import-bulk-stock-items","component":"importBulkStockItemsDialog"},{"name":"delete-stock-modal","component":"deleteStockModal"},{"name":"delete-stock-user-scope-modal","component":"deleteUserScopeModal"},{"name":"stock-management-app-menu-item","component":"stockManagementAppMenuItem","slot":"app-menu-item-slot","meta":{"name":" Stock Management"}},{"name":"delete-stock-rule-modal","component":"deleteStockRuleModal"}],"pages":[{"component":"stockManagement","route":"stock-management"}],"version":"1.0.1-pre.380"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-stock-management-app",
-  "version": "1.0.1-pre.377",
+  "version": "1.0.1-pre.380",
   "license": "MPL-2.0",
   "description": "Stock management microfrontend for OpenMRS 3.x",
   "browser": "dist/openmrs-esm-stock-management-app.js",

package/src/stock-items/stock-items-table.component.tsx

@@ -20,7 +20,7 @@ import {
 } from "@carbon/react";
 import { Edit } from "@carbon/react/icons";
 import { isDesktop } from "@openmrs/esm-framework";
-import React, { useMemo } from "react";
+import React, { useMemo, useState, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { ResourceRepresentation } from "../core/api/api";
 import AddStockItemActionButton from "./add-stock-item/add-stock-action-button.component";
@@ -30,6 +30,7 @@ import { useStockItemsPages } from "./stock-items-table.resource";
 import styles from "./stock-items-table.scss";
 import AddStockItemsBulktImportActionButton from "./add-bulk-stock-item/add-stock-items-bulk-import-action-button.component";
 import EditStockItemActionsMenu from "./edit-stock-item/edit-stock-item-action-menu.component";
+import { useDebounce } from "../core/hooks/debounce-hook";
 
 interface StockItemsTableProps {
   from?: string;
@@ -37,6 +38,7 @@ interface StockItemsTableProps {
 
 const StockItemsTableComponent: React.FC<StockItemsTableProps> = () => {
   const { t } = useTranslation();
+  const [searchInput, setSearchInput] = useState("");
 
   const {
     isLoading,
@@ -48,8 +50,21 @@ const StockItemsTableComponent: React.FC<StockItemsTableProps> = () => {
     setCurrentPage,
     isDrug,
     setDrug,
+    setSearchString,
   } = useStockItemsPages(ResourceRepresentation.Full);
 
+  const handleSearch = (query: string) => {
+    setSearchInput(query);
+  };
+
+  const debouncedSearch = useDebounce((query: string) => {
+    setSearchString(query);
+  }, 1000);
+
+  useEffect(() => {
+    debouncedSearch(searchInput);
+  }, [searchInput, debouncedSearch]);
+
   const tableHeaders = useMemo(
     () => [
       {
@@ -158,7 +173,6 @@ const StockItemsTableComponent: React.FC<StockItemsTableProps> = () => {
           getTableProps,
           getRowProps,
           getBatchActionProps,
-          onInputChange,
         }) => (
           <TableContainer>
             <TableToolbar
@@ -175,7 +189,12 @@ const StockItemsTableComponent: React.FC<StockItemsTableProps> = () => {
                   alignItems: "center",
                 }}
               >
-                <TableToolbarSearch persistent onChange={onInputChange} />
+                <TableToolbarSearch
+                  persistent
+                  value={searchInput}
+                  onChange={(e) => handleSearch(e.target.value)}
+                />
+
                 <FilterStockItems
                   filterType={isDrug}
                   changeFilterType={setDrug}