@openmrs/esm-stock-management-app 1.0.1-pre.357 → 1.0.1-pre.359

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

@@ -86,10 +86,10 @@
       "initial": true,
       "entry": true,
       "recorded": false,
-      "size": 4732380,
+      "size": 4733569,
       "sizes": {
         "consume-shared": 252,
-        "javascript": 4710431,
+        "javascript": 4711620,
         "share-init": 252,
         "runtime": 21445
       },
@@ -106,7 +106,7 @@
       "auxiliaryFiles": [
         "main.js.map"
       ],
-      "hash": "a6410f7bcf3930fb",
+      "hash": "757fd54a4b6b8756",
       "childrenByOrder": {}
     },
     {
@@ -333,9 +333,9 @@
       "initial": false,
       "entry": false,
       "recorded": false,
-      "size": 974242,
+      "size": 975431,
       "sizes": {
-        "javascript": 974032,
+        "javascript": 975221,
         "consume-shared": 210
       },
       "names": [],
@@ -349,7 +349,7 @@
       "auxiliaryFiles": [
         "969.js.map"
       ],
-      "hash": "964d7f39ff7a00ca",
+      "hash": "795b76659474cf05",
       "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.357"}
+{"$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.359"}

package/package.json

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

package/src/stock-user-role-scopes/add-stock-user-scope/add-stock-user-role-scope.component.tsx

@@ -65,6 +65,7 @@ const AddStockUserRoleScope: React.FC<AddStockUserRoleScopeProps> = ({
   const [roles, setRoles] = useState<Role[]>([]);
 
   const { data: user } = useUser(model?.uuid);
+  const [showItems, setShowItems] = useState(false);
 
   // operation types
   const {
@@ -110,6 +111,28 @@ const AddStockUserRoleScope: React.FC<AddStockUserRoleScopeProps> = ({
     });
   };
 
+  const [searchQuery, setSearchQuery] = useState<string>("");
+  const [filteredItems, setFilteredItems] = useState<any[]>([]);
+
+  const usersResults = users?.results ?? [];
+
+  const filterItems = (query: string) => {
+    if (query.trim() === "") {
+      setShowItems(false);
+    } else {
+      setShowItems(true);
+      const filtered = usersResults.filter((item: any) => {
+        const displayName = item?.person?.display ?? item?.display ?? "";
+        return displayName.toLowerCase().includes(query.toLowerCase());
+      });
+      setFilteredItems(filtered);
+    }
+  };
+
+  const handleSearchQueryChange = (query: string) => {
+    setSearchQuery(query);
+    filterItems(query);
+  };
   const onStockOperationTypeChanged = (
     event: React.ChangeEvent<HTMLInputElement>,
     uuid: string,
@@ -186,7 +209,7 @@ const AddStockUserRoleScope: React.FC<AddStockUserRoleScopeProps> = ({
           v: ResourceRepresentation.Default,
           q: searchTerm,
         } as any as UserFilterCriteria);
-      }, 300),
+      }, 3),
     []
   );
 
@@ -288,7 +311,6 @@ const AddStockUserRoleScope: React.FC<AddStockUserRoleScopeProps> = ({
       }
     );
   };
-
   if (isLoading || loadingRoles || loadingUsers) {
     return (
       <InlineLoading
@@ -298,7 +320,6 @@ const AddStockUserRoleScope: React.FC<AddStockUserRoleScopeProps> = ({
       />
     );
   }
-
   return (
     <div>
       <Form>
@@ -313,16 +334,13 @@ const AddStockUserRoleScope: React.FC<AddStockUserRoleScopeProps> = ({
                     id="userName"
                     size="md"
                     labelText={t("user", "User")}
-                    items={users?.results}
+                    items={filteredItems}
                     onChange={onUserChanged}
-                    shouldFilterItem={(data) => true}
-                    onFocus={() => users?.results || handleUsersSearch("")}
-                    onToggleClick={() =>
-                      users?.results || handleUsersSearch("")
-                    }
+                    shouldFilterItem={() => true}
                     itemToString={(item) =>
                       `${item?.person?.display ?? item?.display ?? ""}`
                     }
+                    onInputChange={handleSearchQueryChange}
                     placeholder="Filter..."
                   />
                 </>
@@ -429,6 +447,7 @@ const AddStockUserRoleScope: React.FC<AddStockUserRoleScopeProps> = ({
                       <Checkbox
                         value={type.uuid}
                         checked={isOperationChecked(type)}
+                        className={styles.checkbox}
                         onChange={(event) =>
                           onStockOperationTypeChanged(
                             event,
@@ -436,7 +455,6 @@ const AddStockUserRoleScope: React.FC<AddStockUserRoleScopeProps> = ({
                             isOperationChecked(type)
                           )
                         }
-                        className={styles.checkbox}
                         labelText={type.name}
                         id={type.uuid}
                       />