@openmrs/esm-stock-management-app 1.0.1-pre.783 → 1.0.1-pre.785

package/src/stock-operations/stock-operations-dialog/stock-operations-print-button.component.tsx

@@ -1,50 +1,50 @@
-import React from 'react';
+import React, { useState } from 'react';
 
 import { Button } from '@carbon/react';
-import { useTranslation } from 'react-i18next';
 import { Printer } from '@carbon/react/icons';
+import { useTranslation } from 'react-i18next';
+import { StockItemInventory } from '../../core/api/types/stockItem/StockItemInventory';
 import { StockOperationDTO } from '../../core/api/types/stockOperation/StockOperationDTO';
 import { StockOperationItemCost } from '../../core/api/types/stockOperation/StockOperationItemCost';
-import { StockItemInventory } from '../../core/api/types/stockItem/StockItemInventory';
 
-import { StockItemInventoryFilter } from '../../stock-items/stock-items.resource';
+import { InlineLoading } from '@carbon/react';
+import { showSnackbar } from '@openmrs/esm-framework';
+import { extractErrorMessagesFromResponse } from '../../constants';
 import { ResourceRepresentation } from '../../core/api/api';
-import { BuildStockOperationData } from '../stock-print-reports/StockOperationReport';
+import { OperationType } from '../../core/api/types/stockOperation/StockOperationType';
+import { StockItemInventoryFilter } from '../../stock-items/stock-items.resource';
+import {
+  getStockItemInventory,
+  getStockOperation,
+  getStockOperationItemsCost,
+  useStockOperationAndItems,
+} from '../stock-operations.resource';
 import { PrintGoodsReceivedNoteStockOperation } from '../stock-print-reports/GoodsReceivedNote';
-import { PrintTransferOutStockOperation } from '../stock-print-reports/StockTransferDocument';
 import { PrintRequisitionStockOperation } from '../stock-print-reports/RequisitionDocument';
-import { getStockItemInventory, getStockOperation, getStockOperationItemsCost } from '../stock-operations.resource';
+import { BuildStockOperationData } from '../stock-print-reports/StockOperationReport';
+import { PrintTransferOutStockOperation } from '../stock-print-reports/StockTransferDocument';
 
 interface StockOperationCancelButtonProps {
   operation: StockOperationDTO;
 }
 
-const StockOperationPrintButton: React.FC<StockOperationCancelButtonProps> = ({ operation }) => {
+const StockOperationPrintButton: React.FC<StockOperationCancelButtonProps> = ({ operation: _operation }) => {
   const { t } = useTranslation();
-
+  const { isLoading, items: operation, error } = useStockOperationAndItems(_operation.uuid);
+  const [loading, setLoading] = useState(false);
   const onPrintStockOperation = async () => {
+    setLoading(true);
     try {
       let parentOperation: StockOperationDTO | null | undefined;
       let itemsCost: StockOperationItemCost[] | null | undefined = null;
       let itemInventory: StockItemInventory[] | null | undefined = null;
 
       if (operation.requisitionStockOperationUuid) {
-        // get stock operation
-        getStockOperation(operation.requisitionStockOperationUuid)
-          .then((payload: any) => {
-            if ((payload as any).error) {
-              return;
-            }
-            parentOperation = payload;
-          })
-          .catch((error: any) => {
-            if ((error as any).error) {
-              return;
-            }
-            return;
-          });
+        // get related requisition stock operation
+        const response = await getStockOperation(operation.requisitionStockOperationUuid);
+        parentOperation = response.data;
         if (!parentOperation) {
-          return null;
+          return;
         }
       }
 
@@ -59,19 +59,8 @@ const StockOperationPrintButton: React.FC<StockOperationCancelButtonProps> = ({
           if (operation?.uuid) {
             inventoryFilter.stockOperationUuid = operation.uuid;
           }
-          getStockOperationItemsCost(inventoryFilter)
-            .then((payload: any) => {
-              if ((payload as any).error) {
-                return;
-              }
-              itemsCost = payload?.results;
-            })
-            .catch((error: any) => {
-              if ((error as any).error) {
-                return;
-              }
-              return;
-            });
+          const res = await getStockOperationItemsCost(inventoryFilter);
+          itemsCost = res.data?.results;
         }
       }
       const enableBalance = true;
@@ -88,35 +77,22 @@ const StockOperationPrintButton: React.FC<StockOperationCancelButtonProps> = ({
         inventoryFilter.groupBy = 'LocationStockItem';
         inventoryFilter.includeStockItemName = 'true';
 
-        inventoryFilter.date = JSON.stringify(parentOperation?.dateCreated ?? operation?.dateCreated);
-
+        inventoryFilter.date = (parentOperation?.dateCreated ?? operation?.dateCreated) as any;
         // get stock item inventory
-        getStockItemInventory(inventoryFilter)
-          .then((payload: any) => {
-            if ((payload as any).error) {
-              return;
-            }
-            itemInventory = payload?.results;
-          })
-          .catch((error: any) => {
-            if ((error as any).error) {
-              return;
-            }
-            return;
-          });
+        const res = await getStockItemInventory(inventoryFilter);
+        itemInventory = res.data?.results;
       }
-
       const data = await BuildStockOperationData(
         operation,
-        operation.stockOperationItems,
+        operation.stockOperationItems ?? _operation?.stockOperationItems ?? [],
         parentOperation,
         itemsCost,
         itemInventory,
       );
       if (data) {
-        if (operation?.operationType === 'receipt') {
+        if (operation?.operationType === OperationType.RECEIPT_OPERATION_TYPE) {
           await PrintGoodsReceivedNoteStockOperation(data);
-        } else if (operation?.operationType === 'transferout') {
+        } else if (operation?.operationType === OperationType.TRANSFER_OUT_OPERATION_TYPE) {
           await PrintTransferOutStockOperation(data);
         } else {
           await PrintRequisitionStockOperation(data);
@@ -124,14 +100,30 @@ const StockOperationPrintButton: React.FC<StockOperationCancelButtonProps> = ({
       } else {
         console.info(data);
       }
-    } catch (e) {
+    } catch (e: any) {
       console.info(e);
+      showSnackbar({
+        kind: 'error',
+        title: t('errorPrintingStockOperation', 'Error printing stock operation'),
+        subtitle: extractErrorMessagesFromResponse(e).join(', '),
+      });
+    } finally {
+      setLoading(false);
     }
   };
 
   return (
-    <Button onClick={onPrintStockOperation} kind="tertiary" renderIcon={(props) => <Printer size={16} {...props} />}>
-      {t('print', 'Print')}
+    <Button
+      onClick={onPrintStockOperation}
+      kind="tertiary"
+      disabled={isLoading || loading}
+      renderIcon={(props) => <Printer size={16} {...props} />}
+    >
+      {loading || isLoading ? (
+        <InlineLoading description={t('loading', 'Loading') + '...'} iconDescription={t('loading', 'Loading')} />
+      ) : (
+        t('print', 'Print')
+      )}
     </Button>
   );
 };

package/src/stock-operations/{stock-item-selector/stock-item-selector.resource.tsx → stock-operations-forms/hooks/useFilterableStockItems.ts}

@@ -1,9 +1,9 @@
-import { UserFilterCriteria } from '../../stock-lookups/stock-lookups.resource';
 import { useEffect, useState } from 'react';
-import { ResourceRepresentation } from '../../core/api/api';
-import { StockItemFilter, useStockItems as useStockItemsData } from '../../stock-items/stock-items.resource';
+import { StockItemFilter, useStockItems as useStockItemsData } from '../../../stock-items/stock-items.resource';
+import { UserFilterCriteria } from '../../../stock-lookups/stock-lookups.resource';
+import { ResourceRepresentation } from '../../../core/api/api';
 
-export function useStockItems(filter?: StockItemFilter) {
+export function useFilterableStockItems(filter?: StockItemFilter) {
   const [conceptFilter, setConceptFilter] = useState<UserFilterCriteria>(
     filter || {
       v: ResourceRepresentation.Default,

package/src/stock-operations/stock-operations-forms/hooks/useFilteredOperationTypesByRoles.ts

@@ -0,0 +1,30 @@
+import { useMemo } from 'react';
+import { useStockOperationTypes, useUserRoles } from '../../../stock-lookups/stock-lookups.resource';
+
+const useFilteredOperationTypesByRoles = () => {
+  const {
+    types: { results },
+    isLoading: isStockOperationTypesLoading,
+    error: stockOperationTypesError,
+  } = useStockOperationTypes();
+
+  const { userRoles, isLoading: isUserRolesLoading, error: userRolesError } = useUserRoles();
+
+  const operationTypes = useMemo(() => {
+    const applicablePrivilegeScopes = userRoles?.operationTypes?.map((p) => p.operationTypeUuid) || [];
+    const uniqueApplicablePrivilegeScopes = [...new Set(applicablePrivilegeScopes)];
+
+    return results?.filter((p) => uniqueApplicablePrivilegeScopes.includes(p.uuid)) || [];
+  }, [results, userRoles]);
+
+  const isLoading = isStockOperationTypesLoading || isUserRolesLoading;
+  const error = stockOperationTypesError || userRolesError;
+
+  return {
+    operationTypes,
+    isLoading,
+    error,
+  };
+};
+
+export default useFilteredOperationTypesByRoles;

package/src/stock-operations/stock-operations-forms/hooks/useOperationTypePermisions.ts

@@ -0,0 +1,29 @@
+import {
+  operationFromString,
+  StockOperationType,
+  StockOperationTypeCanCapturePurchasePrice,
+  StockOperationTypeHasPrint,
+  StockOperationTypeIsNegativeQtyAllowed,
+  StockOperationTypeIsQuantityOptional,
+  StockOperationTypeRequiresActualBatchInformation,
+  StockOperationTypeRequiresBatchUuid,
+  StockOperationTypeRequiresDispatchAcknowledgement,
+  StockOperationTypeRequiresStockAdjustmentReason,
+} from '../../../core/api/types/stockOperation/StockOperationType';
+
+const useOperationTypePermisions = (stockoperationType: StockOperationType) => {
+  const opType = operationFromString(stockoperationType.operationType);
+  return {
+    isNegativeQuantityAllowed: StockOperationTypeIsNegativeQtyAllowed(opType),
+    requiresBatchUuid: StockOperationTypeRequiresBatchUuid(opType),
+    requiresActualBatchInfo: StockOperationTypeRequiresActualBatchInformation(opType),
+    isQuantityOptional: StockOperationTypeIsQuantityOptional(opType),
+    canCaptureQuantityPrice: StockOperationTypeCanCapturePurchasePrice(opType),
+    requiresStockAdjustmentReason: StockOperationTypeRequiresStockAdjustmentReason(opType),
+    requiresDispatchAcknowledgement: StockOperationTypeRequiresDispatchAcknowledgement(opType),
+    allowExpiredBatchNumbers: stockoperationType?.allowExpiredBatchNumbers ?? false,
+    allowPrinting: StockOperationTypeHasPrint(opType),
+  };
+};
+
+export default useOperationTypePermisions;

package/src/stock-operations/stock-operations-forms/hooks/useParties.ts

@@ -0,0 +1,73 @@
+import { FetchResponse, openmrsFetch, restBaseUrl } from '@openmrs/esm-framework';
+import React, { useCallback, useMemo } from 'react';
+import useSWR from 'swr';
+import { Party } from '../../../core/api/types/Party';
+import { LocationTypeLocation, LocationTypeOther } from '../../../core/api/types/stockOperation/LocationType';
+import { StockOperationType } from '../../../core/api/types/stockOperation/StockOperationType';
+
+const useParties = (stockOperationType: StockOperationType) => {
+  const apiUrl = `${restBaseUrl}/stockmanagement/party?v=default`;
+  const { data, isLoading, mutate, error } = useSWR<FetchResponse<{ results: Array<Party> }>>(apiUrl, openmrsFetch);
+  const sourceTags = useMemo(() => {
+    return (
+      stockOperationType?.stockOperationTypeLocationScopes
+        ?.filter((p) => stockOperationType?.hasSource && p.isSource)
+        .map((p) => p.locationTag) ?? []
+    );
+  }, [stockOperationType]);
+
+  const destinationTags = useMemo(() => {
+    return (
+      stockOperationType?.stockOperationTypeLocationScopes
+        ?.filter((p) => stockOperationType?.hasDestination && p.isDestination)
+        .map((p) => p.locationTag) ?? []
+    );
+  }, [stockOperationType]);
+
+  const sourcePartiesFilter = useCallback(
+    (p: Party) => {
+      return (
+        (p.locationUuid &&
+          stockOperationType?.sourceType === LocationTypeLocation &&
+          (sourceTags.length === 0 || (p.tags && sourceTags.some((x) => p.tags.includes(x))))) ||
+        (p.stockSourceUuid && stockOperationType?.sourceType === LocationTypeOther)
+      );
+    },
+    [stockOperationType, sourceTags],
+  );
+
+  const destinationPartiesFilter = useCallback(
+    (p: Party) => {
+      return (
+        (p.locationUuid &&
+          stockOperationType?.destinationType === LocationTypeLocation &&
+          (destinationTags.length === 0 || (p.tags && destinationTags.some((x) => p.tags.includes(x))))) ||
+        (p.stockSourceUuid && stockOperationType?.destinationType === LocationTypeOther)
+      );
+    },
+    [stockOperationType, destinationTags],
+  );
+
+  const sourceParties = useMemo(() => {
+    return data?.data?.results?.filter(sourcePartiesFilter) ?? [];
+  }, [data, sourcePartiesFilter]);
+
+  const destinationParties = useMemo(() => {
+    return data?.data?.results?.filter(destinationPartiesFilter) ?? [];
+  }, [data, destinationPartiesFilter]);
+
+  return {
+    parties: data?.data?.results ?? [],
+    isLoading,
+    mutate,
+    sourceParties,
+    destinationParties,
+    sourcePartiesFilter,
+    destinationPartiesFilter,
+    error,
+    sourceTags,
+    destinationTags,
+  };
+};
+
+export default useParties;

package/src/stock-operations/{users-selector/users-selector.resource.tsx → stock-operations-forms/hooks/useSearchUser.ts}

@@ -1,8 +1,8 @@
-import { ConceptFilterCriteria, UserFilterCriteria, useUsers } from '../../stock-lookups/stock-lookups.resource';
-import { useEffect, useState } from 'react';
-import { ResourceRepresentation } from '../../core/api/api';
+import React, { useEffect, useState } from 'react';
+import { ConceptFilterCriteria, UserFilterCriteria, useUsers } from '../../../stock-lookups/stock-lookups.resource';
+import { ResourceRepresentation } from '../../../core/api/api';
 
-export function useUsersHook(filter?: ConceptFilterCriteria) {
+const useSearchUser = (filter?: ConceptFilterCriteria) => {
   const [conceptFilter, setConceptFilter] = useState<UserFilterCriteria>(
     filter || {
       v: ResourceRepresentation.Default,
@@ -20,12 +20,12 @@ export function useUsersHook(filter?: ConceptFilterCriteria) {
 
   // Drug filter type
   const [limit, setLimit] = useState(filter?.limit || 10);
-  const [representation, setRepresentation] = useState(filter?.v || ResourceRepresentation.Default);
+  const [representation, setRepresentation] = useState<string>(filter?.v || ResourceRepresentation.Default);
 
   useEffect(() => {
     setConceptFilter({
       startIndex: 0,
-      v: representation,
+      v: representation as ResourceRepresentation,
       limit: limit,
       q: searchString,
     });
@@ -38,4 +38,6 @@ export function useUsersHook(filter?: ConceptFilterCriteria) {
     setSearchString,
     isLoading,
   };
-}
+};
+
+export default useSearchUser;

package/src/stock-operations/{batch-no-selector/batch-no-selector.resource.tsx → stock-operations-forms/hooks/useStockItemBatchNumbers.ts}

@@ -1,8 +1,8 @@
-import { StockBatchFilter, useStockBatches } from '../../stock-items/stock-items.resource';
 import { useEffect, useState } from 'react';
-import { ResourceRepresentation } from '../../core/api/api';
+import { ResourceRepresentation } from '../../../core/api/api';
+import { StockBatchFilter, useStockBatches } from '../../../stock-items/stock-items.resource';
 
-export function useStockItemBatchNos(stockItemUuid: string) {
+export function useStockItemBatchNumbers(stockItemUuid: string) {
   const [conceptFilter, setConceptFilter] = useState<StockBatchFilter>({
     v: ResourceRepresentation.Default,
     limit: 10,

package/src/stock-operations/stock-operations-forms/hooks/useStockOperationLinks.ts

@@ -0,0 +1,20 @@
+import { FetchResponse, openmrsFetch, restBaseUrl } from '@openmrs/esm-framework';
+import useSWR from 'swr';
+import { StockOperationLinkDTO } from '../../../core/api/types/stockOperation/StockOperationLinkDTO';
+
+const useStockOperationLinks = (stockOperationUuid?: string) => {
+  const apiUrl = `${restBaseUrl}/stockmanagement/stockoperationlink?v=default&q=${stockOperationUuid}`;
+  const { data, error, isLoading, mutate } = useSWR<
+    FetchResponse<{
+      results: Array<StockOperationLinkDTO>;
+    }>
+  >(stockOperationUuid ? apiUrl : null, openmrsFetch);
+  return {
+    error,
+    isLoading,
+    mutate,
+    operationLinks: data?.data?.results ?? [],
+  };
+};
+
+export default useStockOperationLinks;

package/src/stock-operations/stock-operations-forms/input-components/batch-no-selector.component.tsx

@@ -0,0 +1,72 @@
+import { ComboBox, SelectSkeleton } from '@carbon/react';
+import React, { useEffect, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { StockBatchDTO } from '../../../core/api/types/stockItem/StockBatchDTO';
+import { useStockItemBatchInformationHook } from '../../../stock-items/add-stock-item/batch-information/batch-information.resource';
+import { useStockItemBatchNumbers } from '../hooks/useStockItemBatchNumbers';
+import { formatForDatePicker } from '../../../constants';
+
+interface BatchNoSelectorProps {
+  stockItemUuid: string;
+  initialValue?: string;
+  onValueChange?: (value: string) => void;
+  error?: string;
+}
+
+const BatchNoSelector: React.FC<BatchNoSelectorProps> = ({ stockItemUuid, error, initialValue, onValueChange }) => {
+  const { isLoading, stockItemBatchNos } = useStockItemBatchNumbers(stockItemUuid);
+  const { t } = useTranslation();
+
+  const { items, setStockItemUuid, isLoading: isLoadingBatchinfo } = useStockItemBatchInformationHook();
+
+  useEffect(() => {
+    setStockItemUuid(stockItemUuid);
+  }, [stockItemUuid, setStockItemUuid]);
+
+  const stockItemBatchesInfo = useMemo(() => {
+    return stockItemBatchNos?.map((item) => {
+      const matchingBatch = items?.find((batch) => batch.batchNumber === item.batchNo);
+      if (matchingBatch) {
+        return {
+          ...item,
+          quantity: matchingBatch.quantity ?? '',
+        };
+      }
+      return item;
+    });
+  }, [stockItemBatchNos, items]);
+
+  const filteredBatches = useMemo(() => {
+    return stockItemBatchesInfo?.filter((s) => s.quantity !== undefined && s.quantity !== 0);
+  }, [stockItemBatchesInfo]);
+  const initialSelectedItem = useMemo(
+    () => filteredBatches?.find((s) => s.uuid === initialValue),
+    [filteredBatches, initialValue],
+  );
+
+  if (isLoading || isLoadingBatchinfo) return <SelectSkeleton role="progressbar" />;
+
+  return (
+    <ComboBox
+      style={{ flexGrow: '1' }}
+      titleText={t('batchNo', 'Batch')}
+      name={'stockBatchUuid'}
+      id={'stockBatchUuid'}
+      items={filteredBatches || []}
+      onChange={(data: { selectedItem?: StockBatchDTO }) => {
+        onValueChange(data.selectedItem?.uuid);
+      }}
+      selectedItem={initialSelectedItem}
+      itemToString={(s: StockBatchDTO) =>
+        s?.batchNo
+          ? `${s?.batchNo} | Qty: ${s?.quantity ?? 'Unknown'} | Expiry: ${formatForDatePicker(s.expiration)}`
+          : ''
+      }
+      placeholder={t('filter', "'Filter") + '...'}
+      invalid={error}
+      invalidText={error}
+    />
+  );
+};
+
+export default BatchNoSelector;

package/src/stock-operations/stock-operations-forms/input-components/batch-no-selector.test.tsx

@@ -0,0 +1,90 @@
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import React from 'react';
+import { StockItemInventory } from '../../../core/api/types/stockItem/StockItemInventory';
+import { useStockItemBatchInformationHook } from '../../../stock-items/add-stock-item/batch-information/batch-information.resource';
+import { useStockItemBatchNumbers } from '../hooks/useStockItemBatchNumbers';
+import BatchNoSelector from './batch-no-selector.component';
+import { formatForDatePicker } from '../../../constants';
+
+jest.mock('../hooks/useStockItemBatchNumbers');
+jest.mock('../../../stock-items/add-stock-item/batch-information/batch-information.resource');
+jest.mock('react-i18next', () => ({
+  useTranslation: () => ({ t: (key: string) => key }),
+}));
+
+const mockUseStockItemBatchNumbers = useStockItemBatchNumbers as jest.Mock;
+const mockUseStockItemBatchInformationHook = useStockItemBatchInformationHook as jest.Mock;
+
+describe('BatchNoSelector', () => {
+  const mockOnValueChange = jest.fn();
+  const mockStockItemUuid = 'test-uuid';
+  const mockExpiration = new Date();
+  beforeEach(() => {
+    jest.clearAllMocks();
+
+    mockUseStockItemBatchNumbers.mockReturnValue({
+      isLoading: false,
+      stockItemBatchNos: [
+        { uuid: '1', batchNo: 'BATCH-001', quantity: 10, expiration: mockExpiration },
+        { uuid: '2', batchNo: 'BATCH-002', quantity: 20, expiration: mockExpiration },
+      ],
+    });
+    mockUseStockItemBatchInformationHook.mockReturnValue({
+      items: [
+        { batchNumber: 'BATCH-001', quantity: 10 },
+        { batchNumber: 'BATCH-002', quantity: 20 },
+      ] as StockItemInventory[],
+      setStockItemUuid: jest.fn(),
+    });
+  });
+
+  it('should render loading skeleton when isLoading is true', () => {
+    mockUseStockItemBatchNumbers.mockReturnValue({ isLoading: true, stockItemBatchNos: [] });
+    mockUseStockItemBatchInformationHook.mockReturnValue({ isLoading: true, items: [], setStockItemUuid: jest.fn() });
+    render(<BatchNoSelector stockItemUuid={mockStockItemUuid} onValueChange={mockOnValueChange} />);
+    expect(screen.getByRole('progressbar')).toBeInTheDocument();
+  });
+
+  it('should render combobox with batch numbers', async () => {
+    render(<BatchNoSelector stockItemUuid={mockStockItemUuid} onValueChange={mockOnValueChange} />);
+    expect(screen.getByRole('combobox')).toBeInTheDocument();
+    expect(screen.getByText('batchNo')).toBeInTheDocument();
+  });
+
+  it('should handle batch selection', async () => {
+    render(<BatchNoSelector stockItemUuid={mockStockItemUuid} onValueChange={mockOnValueChange} />);
+    const combobox = screen.getByRole('combobox');
+    await userEvent.click(combobox);
+    await userEvent.type(combobox, 'BATCH-001');
+    const option = screen.getByText(`BATCH-001 | Qty: 10 | Expiry: ${formatForDatePicker(mockExpiration)}`);
+    await userEvent.click(option);
+    expect(mockOnValueChange).toHaveBeenCalledWith('1');
+  });
+
+  it('should display error message when error prop is provided', () => {
+    const errorMessage = 'This is an error';
+    render(
+      <BatchNoSelector stockItemUuid={mockStockItemUuid} onValueChange={mockOnValueChange} error={errorMessage} />,
+    );
+    expect(screen.getByText(errorMessage)).toBeInTheDocument();
+  });
+
+  it('should filter out batches with zero or undefined quantity', async () => {
+    mockUseStockItemBatchNumbers.mockReturnValue({
+      isLoading: false,
+      stockItemBatchNos: [
+        { uuid: '1', batchNo: 'BATCH-001', quantity: 10 },
+        { uuid: '2', batchNo: 'BATCH-002', quantity: 0 },
+        { uuid: '3', batchNo: 'BATCH-003', quantity: undefined },
+      ],
+    });
+
+    render(<BatchNoSelector stockItemUuid={mockStockItemUuid} onValueChange={mockOnValueChange} />);
+    const combobox = screen.getByRole('combobox');
+    await userEvent.click(combobox);
+
+    expect(screen.queryByText('BATCH-002')).not.toBeInTheDocument();
+    expect(screen.queryByText('BATCH-003')).not.toBeInTheDocument();
+  });
+});

package/src/stock-operations/{add-stock-operation/stock-item-search/stock-item-search.scss → stock-operations-forms/input-components/input-components-styles.scss}

@@ -1,6 +1,6 @@
 @use '@carbon/colors';
 @use '@carbon/type';
-@use '@carbon/styles/scss/spacing';
+@use '@carbon/layout';
 @use '@openmrs/esm-styleguide/src/vars' as *;
 
 // Patient List Table
@@ -25,7 +25,7 @@
 .stockItemSearchContainer {
   position: relative;
   flex-direction: column;
-  margin-bottom: spacing.$spacing-01;
+  margin-bottom: layout.$spacing-01;
 }
 
 .searchResults {