@openmrs/esm-stock-management-app 1.0.1-pre.469 → 1.0.1-pre.475

package/src/stock-operations/stock-operation.utils.tsx

@@ -4,8 +4,7 @@ import {
   FetchResponse,
   restBaseUrl,
   showModal,
-  showNotification,
-  showToast,
+  showSnackbar,
 } from "@openmrs/esm-framework";
 import { StockOperationDTO } from "../core/api/types/stockOperation/StockOperationDTO";
 import {
@@ -49,11 +48,11 @@ export const addOrEditStockOperation = async (
 
     if (response?.data) {
       handleMutate(`${restBaseUrl}/stockmanagement/stockoperation`);
-      showToast({
-        critical: true,
+      showSnackbar({
+        isLowContrast: true,
         title: `${isEditing ? "Edit" : "Add"} Stock Operation`,
         kind: "success",
-        description: `Stock Operation ${
+        subtitle: `Stock Operation ${
           isEditing ? "Edited" : "Added"
         } Successfully`,
       });
@@ -63,11 +62,11 @@ export const addOrEditStockOperation = async (
     }
   } catch (error) {
     const errorMessages = extractErrorMessagesFromResponse(error);
-    showNotification({
-      description: errorMessages.join(", "),
+    showSnackbar({
+      subtitle: errorMessages.join(", "),
       title: "Error on saving form",
       kind: "error",
-      critical: true,
+      isLowContrast: true,
     });
   }
 };

package/src/stock-sources/add-stock-sources/add-stock-sources.component.tsx

@@ -13,12 +13,7 @@ import styles from "./add-stock-sources.scss";
 import { useConcept } from "../../stock-lookups/stock-lookups.resource";
 import { StockSource } from "../../core/api/types/stockOperation/StockSource";
 import { createOrUpdateStockSource } from "../stock-sources.resource";
-import {
-  restBaseUrl,
-  showNotification,
-  showToast,
-  useConfig,
-} from "@openmrs/esm-framework";
+import { restBaseUrl, showSnackbar, useConfig } from "@openmrs/esm-framework";
 import { useTranslation } from "react-i18next";
 import { closeOverlay } from "../../core/components/overlay/hook";
 import { type ConfigObject } from "../../config-schema";
@@ -63,14 +58,15 @@ const StockSourcesAddOrUpdate: React.FC<AddStockSourceProps> = ({ model }) => {
       createOrUpdateStockSource(formModel)
         .then(
           () => {
-            showToast({
-              critical: true,
+            showSnackbar({
+              isLowContrast: true,
               title: t("addedSource", "Add Source"),
               kind: "success",
-              description: t(
+              subtitle: t(
                 "stocksourceaddedsuccessfully",
                 "Stock Source Added Successfully"
               ),
+              timeoutInMs: 5000,
             });
 
             handleMutate(`${restBaseUrl}/stockmanagement/stocksource`);
@@ -78,11 +74,11 @@ const StockSourcesAddOrUpdate: React.FC<AddStockSourceProps> = ({ model }) => {
             closeOverlay();
           },
           (error) => {
-            showNotification({
+            showSnackbar({
               title: t(`errorAddingSource', 'error adding a source`),
               kind: "error",
-              critical: true,
-              description: error?.message,
+              isLowContrast: true,
+              subtitle: error?.message,
             });
           }
         )

package/src/stock-sources/stock-sources-delete/stock-sources-delete.component.tsx

@@ -3,12 +3,7 @@ import { Button, InlineLoading } from "@carbon/react";
 import { useTranslation } from "react-i18next";
 import { TrashCan } from "@carbon/react/icons";
 import { deleteStockSource } from "../stock-sources.resource";
-import {
-  restBaseUrl,
-  showModal,
-  showNotification,
-  showToast,
-} from "@openmrs/esm-framework";
+import { restBaseUrl, showModal, showSnackbar } from "@openmrs/esm-framework";
 import { handleMutate } from "../../utils";
 
 interface StockSourcesDeleteActionMenuProps {
@@ -35,11 +30,11 @@ const StockSourcesDeleteActionMenu: React.FC<
               setDeletingSource(false);
 
               handleMutate(`${restBaseUrl}/stockmanagement/stocksource`);
-              showToast({
-                critical: true,
+              showSnackbar({
+                isLowContrast: true,
                 title: t("deletingSource", "Delete Source"),
                 kind: "success",
-                description: t(
+                subtitle: t(
                   "stocksourcedeletedsuccessfully",
                   "Stock Source Deleted Successfully"
                 ),
@@ -47,11 +42,11 @@ const StockSourcesDeleteActionMenu: React.FC<
             },
             (error) => {
               setDeletingSource(false);
-              showNotification({
+              showSnackbar({
                 title: t(`errorDeletingSource', 'error deleting a source`),
                 kind: "error",
-                critical: true,
-                description: error?.message,
+                isLowContrast: true,
+                subtitle: error?.message,
               });
             }
           )

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

@@ -28,12 +28,7 @@ import { closeOverlay } from "../../core/components/overlay/hook";
 import { useTranslation } from "react-i18next";
 import { UserRoleScope } from "../../core/api/types/identity/UserRoleScope";
 import { createOrUpdateUserRoleScope } from "../stock-user-role-scopes.resource";
-import {
-  restBaseUrl,
-  showNotification,
-  showToast,
-  useSession,
-} from "@openmrs/esm-framework";
+import { restBaseUrl, showSnackbar, useSession } from "@openmrs/esm-framework";
 import { UserRoleScopeOperationType } from "../../core/api/types/identity/UserRoleScopeOperationType";
 import { UserRoleScopeLocation } from "../../core/api/types/identity/UserRoleScopeLocation";
 import {
@@ -69,7 +64,6 @@ const AddStockUserRoleScope: React.FC<AddStockUserRoleScopeProps> = ({
 
   const [roles, setRoles] = useState<Role[]>([]);
 
-  const [showItems, setShowItems] = useState(false);
   const loggedInUserUuid = currentUser?.user?.uuid;
 
   // operation types
@@ -79,37 +73,28 @@ const AddStockUserRoleScope: React.FC<AddStockUserRoleScopeProps> = ({
   } = useStockOperationTypes();
 
   // get users
-  const {
-    items: users,
-
-    isLoading: loadingUsers,
-  } = useUsers({ v: ResourceRepresentation.Default });
+  const { items: users, isLoading: loadingUsers } = useUsers({
+    v: ResourceRepresentation.Default,
+  });
 
   const [selectedUserUuid, setSelectedUserUuid] = useState<string | null>(null);
-  const { data: user, isError } = useUser(selectedUserUuid);
+  const { data: user } = useUser(selectedUserUuid);
 
   // get roles
-  const { items: rolesData, isLoading: loadingRoles } = useRoles({
+  const { isLoading: loadingRoles } = useRoles({
     v: ResourceRepresentation.Default,
   });
 
   /* Only load locations tagged to perform stock related activities.
      Unless a location is tag as main store, main pharmacy or dispensing, it will not be listed here.
-
    */
   const { stockLocations } = useStockTagLocations();
-  const onEnabledChanged = (
-    cvt: React.ChangeEvent<HTMLInputElement>,
-    data: { checked: boolean; id: string }
-  ): void => {
+  const onEnabledChanged = (): void => {
     const isEnabled = !formModel?.enabled;
     setFormModel({ ...formModel, enabled: isEnabled });
   };
 
-  const onPermanentChanged = (
-    cvt: React.ChangeEvent<HTMLInputElement>,
-    data: { checked: boolean; id: string }
-  ): void => {
+  const onPermanentChanged = (): void => {
     const isPermanent = !formModel?.permanent;
     setFormModel({
       ...formModel,
@@ -119,16 +104,12 @@ const AddStockUserRoleScope: React.FC<AddStockUserRoleScopeProps> = ({
     });
   };
 
-  const [searchQuery, setSearchQuery] = useState<string>("");
-  const [filteredItems, setFilteredItems] = useState<any[]>([]);
+  const [filteredItems, setFilteredItems] = useState<unknown[]>([]);
 
   const usersResults = users?.results ?? [];
 
   const filterItems = (query: string) => {
-    if (query.trim() === "") {
-      setShowItems(false);
-    } else {
-      setShowItems(true);
+    if (query && query.trim() !== "") {
       const filtered = usersResults
         .filter((item: any) => item.uuid !== loggedInUserUuid)
         .filter((item: any) => {
@@ -145,13 +126,10 @@ const AddStockUserRoleScope: React.FC<AddStockUserRoleScopeProps> = ({
   }, [model]);
 
   const handleSearchQueryChange = (query: string) => {
-    setSearchQuery(query);
     filterItems(query);
   };
   const onStockOperationTypeChanged = (
-    event: React.ChangeEvent<HTMLInputElement>,
-    uuid: string,
-    isChecked: boolean
+    event: React.ChangeEvent<HTMLInputElement>
   ): void => {
     const operationType = formModel?.operationTypes?.find(
       (x) => x.operationTypeUuid === event?.target?.value
@@ -179,8 +157,7 @@ const AddStockUserRoleScope: React.FC<AddStockUserRoleScopeProps> = ({
   };
 
   const onLocationCheckBoxChanged = (
-    event: ChangeEvent<HTMLInputElement>,
-    id: string
+    event: ChangeEvent<HTMLInputElement>
   ): void => {
     const selectedLocation = formModel?.locations?.find(
       (x) => x.locationUuid === event?.target?.value
@@ -253,28 +230,6 @@ const AddStockUserRoleScope: React.FC<AddStockUserRoleScopeProps> = ({
     });
   };
 
-  const onEnableDescendantsChanged = (event: ChangeEvent<HTMLInputElement>) => {
-    const selectedLocation = formModel?.locations?.find(
-      (x) => x.locationUuid === event?.target?.value
-    );
-    if (selectedLocation) {
-      const enableDescendants = !(selectedLocation.enableDescendants === true);
-      const newModifiedLocation = {
-        ...selectedLocation,
-        enableDescendants: enableDescendants,
-      };
-      setFormModel({
-        ...formModel,
-        locations: [
-          ...(formModel?.locations?.filter(
-            (x) => x.locationUuid !== selectedLocation?.locationUuid
-          ) ?? []),
-          newModifiedLocation,
-        ],
-      });
-    }
-  };
-
   const isOperationChecked = (operationType: StockOperationType) => {
     return (
       formModel?.operationTypes?.filter(
@@ -289,11 +244,11 @@ const AddStockUserRoleScope: React.FC<AddStockUserRoleScopeProps> = ({
     createOrUpdateUserRoleScope(formModel).then(
       (res) => {
         handleMutate(`${restBaseUrl}/stockmanagement/userrolescope`);
-        showToast({
-          critical: true,
+        showSnackbar({
+          isLowContrast: true,
           title: t("addUserRole", "Add User role"),
           kind: "success",
-          description: t(
+          subtitle: t(
             "successfullysaved",
             `You have successfully saved user role scope `
           ),
@@ -301,13 +256,13 @@ const AddStockUserRoleScope: React.FC<AddStockUserRoleScopeProps> = ({
         closeOverlay();
       },
       (err) => {
-        showNotification({
+        showSnackbar({
           title: t(
             `errorSaving user role scope', 'Error Saving user role scope`
           ),
           kind: "error",
-          critical: true,
-          description: err?.message,
+          isLowContrast: true,
+          subtitle: err?.message,
         });
 
         closeOverlay();
@@ -465,13 +420,7 @@ const AddStockUserRoleScope: React.FC<AddStockUserRoleScopeProps> = ({
                         value={type.uuid}
                         checked={isOperationChecked(type)}
                         className={styles.checkbox}
-                        onChange={(event) =>
-                          onStockOperationTypeChanged(
-                            event,
-                            type.uuid,
-                            isOperationChecked(type)
-                          )
-                        }
+                        onChange={(event) => onStockOperationTypeChanged(event)}
                         labelText={type.name}
                         id={type.uuid}
                       />
@@ -520,9 +469,7 @@ const AddStockUserRoleScope: React.FC<AddStockUserRoleScopeProps> = ({
                         key={`chk-loc-child-key-${type.id}`}
                         id={`chk-loc-child-${type.id}`}
                         value={type.id}
-                        onChange={(event) =>
-                          onLocationCheckBoxChanged(event, type.id)
-                        }
+                        onChange={(event) => onLocationCheckBoxChanged(event)}
                         className={styles.checkbox}
                         labelText={type.name}
                         checked={checkedLocation != null}

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

@@ -3,12 +3,7 @@ import { Button, InlineLoading } from "@carbon/react";
 import { useTranslation } from "react-i18next";
 import { TrashCan } from "@carbon/react/icons";
 import { deleteUserRoleScopes } from "../stock-user-role-scopes.resource";
-import {
-  restBaseUrl,
-  showModal,
-  showNotification,
-  showToast,
-} from "@openmrs/esm-framework";
+import { restBaseUrl, showModal, showSnackbar } from "@openmrs/esm-framework";
 import { handleMutate } from "../../utils";
 
 interface StockUserScopDeleteActionMenuProps {
@@ -34,11 +29,11 @@ const StockUserScopeDeleteActionMenu: React.FC<
             () => {
               handleMutate(`${restBaseUrl}/stockmanagement/userrolescope`);
               setDeletingUserScope(false);
-              showToast({
-                critical: true,
+              showSnackbar({
+                isLowContrast: true,
                 title: t("deletingstockUserScope", "Delete Stock User Scope"),
                 kind: "success",
-                description: t(
+                subtitle: t(
                   "stockuserscopedeletedsuccessfully",
                   "Stock User Scope Deleted Successfully"
                 ),
@@ -46,13 +41,13 @@ const StockUserScopeDeleteActionMenu: React.FC<
             },
             (error) => {
               setDeletingUserScope(false);
-              showNotification({
+              showSnackbar({
                 title: t(
                   `errorDeletingUserScope', 'error deleting a user scope`
                 ),
                 kind: "error",
-                critical: true,
-                description: error?.message,
+                isLowContrast: true,
+                subtitle: error?.message,
               });
             }
           )

package/src/utils.ts

@@ -1,12 +1,12 @@
-import { showNotification } from "@openmrs/esm-framework";
+import { showSnackbar } from "@openmrs/esm-framework";
 import { mutate } from "swr";
 
 export function errorAlert(msg: string, error?: Error) {
-  showNotification({
+  showSnackbar({
     title: msg,
     kind: "error",
-    critical: true,
-    description: error?.message,
+    isLowContrast: true,
+    subtitle: error?.message,
   });
 }