@openmrs/esm-stock-management-app 1.0.1-pre.559 → 1.0.1-pre.581

package/src/stock-home/stock-home.scss

@@ -1,13 +1,13 @@
-@use '@carbon/styles/scss/spacing';
-@use '@carbon/styles/scss/type';
+@use '@carbon/layout';
+@use '@carbon/type';
 @use '@carbon/colors';
-@import '~@openmrs/esm-styleguide/src/vars';
+@use '~@openmrs/esm-styleguide/src/vars' as *;
 .cardContainer {
   background-color: colors.$white;
   display: flex;
   justify-content: space-between;
-  margin: 0 spacing.$spacing-05 0 spacing.$spacing-05;
+  margin: 0 layout.$spacing-05 0 layout.$spacing-05;
   flex-flow: row wrap;
-  column-gap: spacing.$spacing-05;
-  row-gap: spacing.$spacing-05;
-}
+  column-gap: layout.$spacing-05;
+  row-gap: layout.$spacing-05;
+}

package/src/stock-items/add-stock-item/stock-item-details/stock-item-details.component.tsx

@@ -20,7 +20,7 @@ import StockItemCategorySelector from "../stock-item-category-selector/stock-ite
 import StockItemUnitsEdit from "../stock-item-units-edit/stock-item-units-edit.component";
 import { SaveStockItem } from "../../types";
 import ConceptsSelector from "../concepts-selector/concepts-selector.component";
-import rootStyles from "../../../root.scss";
+import styles from "../../add-stock-item/add-stock-item.scss";
 import { closeOverlay } from "../../../core/components/overlay/hook";
 import { expirationOptions, radioOptions } from "./stock-item-details.resource";
 import { restBaseUrl } from "@openmrs/esm-framework";
@@ -70,9 +70,7 @@ const StockItemDetails = forwardRef<never, StockItemDetailsProps>(
     }, [model.hasExpiration, model.isDrug]);
 
     return (
-      <form
-        className={`${rootStyles.formContainer} ${rootStyles.verticalForm}`}
-      >
+      <form className={`${styles.formContainer} ${styles.verticalForm}`}>
         {!isEditing && (
           <FormGroup
             className="clear-margin-bottom"

package/src/stock-items/add-stock-item/stock-item-details/stock-item-details.scss

@@ -1,9 +1,9 @@
-@use '@carbon/styles/scss/spacing';
-@use '@carbon/styles/scss/type';
-@import '~@openmrs/esm-styleguide/src/vars';
+@use '@carbon/layout';
+@use '@carbon/type';
+@use '~@openmrs/esm-styleguide/src/vars' as *;
 
 .section {
-  margin: spacing.$spacing-03;
+  margin: layout.$spacing-03;
 }
 
 .form {
@@ -11,3 +11,32 @@
   gap: 1.5rem;
   padding-top: 1rem;
 }
+
+.formContainer {
+  height: calc(100vh - 100px) !important;
+  overflow: scroll;
+  padding: 0 1rem;
+}
+
+.verticalForm {
+  display: flex;
+  grid-row-gap: 2em;
+  padding-top: layout.$spacing-05;
+  align-content: space-between;
+  flex-direction: column;
+
+    :global(.cds--form-item) {
+    flex: none !important;
+  }
+
+  :global(.cds--label) {
+    color: black;
+    display: inline-block;
+    font-size: var(--cds-label-01-font-size);
+    font-weight: bold;
+    letter-spacing: var(--cds-label-01-letter-spacing, .32px);
+    line-height: layout.$spacing-05;
+    margin-bottom: layout.$spacing-03;
+    vertical-align: baseline;
+  }
+}

package/src/stock-items/stock-items-table.scss

@@ -1,18 +1,17 @@
-@use '@carbon/styles/scss/spacing';
+@use '@carbon/layout';
 @use '@carbon/styles/scss/type';
-@import "~@openmrs/esm-styleguide/src/vars";
-@import '../root.scss';
+@use '~@openmrs/esm-styleguide/src/vars' as *;
 
 .headerBtnContainer {
   background-color: $ui-background;
-  padding: spacing.$spacing-05;
+  padding: layout.$spacing-05;
   text-align: right;
 }
 
 .tileContainer {
   background-color: $ui-02;
   border-top: 1px solid $ui-03;
-  padding: 5rem 0;
+  padding: layout.$spacing-11 0;
 }
 
 .tile {
@@ -78,12 +77,12 @@
 }
 
 .dateAlign {
-  padding-top: spacing.$spacing-03;
+  padding-top: layout.$spacing-03;
   height: 100%;
 }
 
 .filtersAlign {
-  padding-bottom: spacing.$spacing-03;
+  padding-bottom: layout.$spacing-03;
 
   :global(.cds--list-box__menu) {
     min-width: 15rem;
@@ -95,5 +94,5 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: spacing.$spacing-05;
-}
+  margin-bottom: layout.$spacing-05;
+}

package/src/stock-management-header/stock-management-header.scss

@@ -1,12 +1,12 @@
-@use '@carbon/styles/scss/colors';
-@use '@carbon/styles/scss/spacing';
-@use '@carbon/styles/scss/type';
-@import '~@openmrs/esm-styleguide/src/vars';
+@use '@carbon/colors';
+@use '@carbon/layout';
+@use '@carbon/type';
+@use '~@openmrs/esm-styleguide/src/vars' as *;
 
 .header {
   @include type.type-style('body-compact-02');
   color: colors.$gray-70;
-  height: spacing.$spacing-12;
+  height: layout.$spacing-12;
   background-color: $ui-02;
   display: flex;
   padding-left: 8px;

package/src/stock-operations/add-stock-operation/add-stock-operation.component.tsx

@@ -64,7 +64,11 @@ const AddStockOperation: React.FC<AddStockOperationProps> = (props) => {
     ) {
       setRequisition(props.model?.uuid);
     }
-  }, [currentStockOperationType, props.model?.operationType]);
+  }, [
+    currentStockOperationType,
+    props.model?.operationType,
+    props.model?.uuid,
+  ]);
 
   useEffect(() => {
     if (
@@ -79,7 +83,7 @@ const AddStockOperation: React.FC<AddStockOperationProps> = (props) => {
         setOperationLinks(resp.data?.results);
       });
     }
-  }, [currentStockOperationType, requisition, props.model?.uuid]);
+  }, [currentStockOperationType, requisition, props.model?.uuid, isEditing]);
 
   const [selectedIndex, setSelectedIndex] = useState(0);
   const [canDisplayReceivedItems, setCanDisplayReceivedItems] = useState(false);

package/src/stock-operations/add-stock-operation/add-stock-operation.scss

@@ -1,14 +1,14 @@
-@use '@carbon/styles/scss/spacing';
-@use '@carbon/styles/scss/type';
-@import '~@openmrs/esm-styleguide/src/vars';
+@use '@carbon/layout';
+@use '@carbon/type';
+@use '~@openmrs/esm-styleguide/src/vars' as *;
 .sectionTitle {
     @include type.type-style('heading-compact-02');
     color: $text-02;
-    margin-bottom: spacing.$spacing-04;
+    margin-bottom: layout.$spacing-04;
 }
 
 .modalBody {
-    padding-bottom: spacing.$spacing-05;
+    padding-bottom: layout.$spacing-05;
 }
 
 .actionsContainer {

package/src/stock-operations/add-stock-operation/base-operation-details.component.tsx

@@ -35,7 +35,7 @@ import { useStockOperationPages } from "../stock-operations-table.resource";
 import { createBaseOperationPayload } from "./add-stock-utils";
 import { showSnackbar, useSession } from "@openmrs/esm-framework";
 
-import rootStyles from "../../root.scss";
+import styles from "../add-stock-operation/base-operation-details.scss";
 
 interface BaseOperationDetailsProps {
   isEditing?: boolean;
@@ -116,9 +116,7 @@ const BaseOperationDetails: React.FC<BaseOperationDetailsProps> = ({
   };
   return (
     <div style={{ margin: "10px" }}>
-      <form
-        className={`${rootStyles.formContainer} ${rootStyles.verticalForm}`}
-      >
+      <form className={`${styles.formContainer} ${styles.verticalForm}`}>
         {canEdit && (
           <Controller
             control={control}

package/src/stock-operations/add-stock-operation/base-operation-details.scss

@@ -0,0 +1,30 @@
+@use '@carbon/layout';
+@use '@carbon/type';
+@use '~@openmrs/esm-styleguide/src/vars' as *;
+
+.verticalForm {
+  display: flex;
+  grid-row-gap: 2em;
+  padding-top: layout.$spacing-05;
+  align-content: space-between;
+  flex-direction: column;
+
+    :global(.cds--form-item) {
+    flex: none !important;
+  }
+
+  :global(.cds--label) {
+    color: black;
+    display: inline-block;
+    font-size: var(--cds-label-01-font-size);
+    font-weight: bold;
+    letter-spacing: var(--cds-label-01-letter-spacing, .32px);
+    line-height: layout.$spacing-05;
+    margin-bottom: layout.$spacing-03;
+    vertical-align: baseline;
+  }
+}
+
+.formContainer {
+    margin: layout.$spacing-05;
+}

package/src/stock-operations/add-stock-operation/stock-items-addition-row.component.tsx

@@ -12,6 +12,7 @@ import {
 } from "@carbon/react";
 import { TrashCan } from "@carbon/react/icons";
 import { StockOperationItemFormData } from "../validation-schema";
+import QtyUomSelector from "../qty-uom-selector/qty-uom-selector.component";
 import StockItemSelector from "../stock-item-selector/stock-item-selector.component";
 import {
   Control,
@@ -33,8 +34,11 @@ import { StockItemPackagingUOMDTO } from "../../core/api/types/stockItem/StockIt
 import { StockItemInventory } from "../../core/api/types/stockItem/StockItemInventory";
 import { StockOperationItemDTO } from "../../core/api/types/stockOperation/StockOperationItemDTO";
 import { StockItemDTO } from "../../core/api/types/stockItem/StockItem";
-import QtyUomSelector from "../qty-uom-selector/qty-uom-selector.component";
 import BatchNoSelector from "../batch-no-selector/batch-no-selector.component";
+import {
+  getStockItemInventory,
+  StockItemInventoryFilter,
+} from "../stock-operations.resource";
 
 import styles from "./stock-items-addition-row.scss";
 
@@ -46,6 +50,8 @@ interface StockItemsAdditionRowProps {
   requiresBatchUuid?: boolean;
   canUpdateBatchInformation?: boolean;
   canCapturePurchasePrice?: boolean;
+  stockOperationUuid?: string;
+  locationUuid?: string;
   batchNos?: {
     [key: string]: StockBatchDTO[];
   };
@@ -86,19 +92,26 @@ const StockItemsAdditionRow: React.FC<StockItemsAdditionRowProps> = ({
   requiresBatchUuid,
   canUpdateBatchInformation,
   canCapturePurchasePrice,
-  batchBalance,
   control,
   setValue,
   errors,
   remove,
   fields,
+  stockOperationUuid,
+  locationUuid,
 }) => {
   const [stockItemUuid, setStockItemUuid] = useState<
     string | null | undefined
   >();
-  const [stockItemExpiry, setStockItemExpiy] = useState<
-    Date | null | undefined
-  >();
+
+  const [batchBalances, setBatchBalances] = useState<{ [key: number]: any }>(
+    {}
+  );
+  const [stockItemExpiries, setStockItemExpiries] = useState<{
+    [key: number]: Date | null | undefined;
+  }>({});
+
+  const [qtyInputErrors, setQtyErrors] = useState({});
 
   const handleStockItemChange = (index: number, data?: StockItemDTO) => {
     if (!data) return;
@@ -125,16 +138,99 @@ const StockItemsAdditionRow: React.FC<StockItemsAdditionRowProps> = ({
       item.stockItemPackagingUOMName = null;
 
       item.stockBatchUuid = null;
-      if (requiresBatchUuid) {
-        // handleStockBatchSearch(row, "", data.selectedItem?.uuid);
-      }
+
+      setValue(`stockItems.${index}.stockItemUuid`, item?.stockItemUuid);
+      setValue(`stockItems.${index}.stockItemName`, item?.stockItemName);
+    }
+  };
+
+  const handleFetchBatchBalance = ({
+    stockItemUuid,
+    stockBatchUuid,
+    index,
+    excludeExpired = true,
+  }) => {
+    const filters: StockItemInventoryFilter = {
+      stockBatchUuid,
+      stockItemUuid,
+      stockOperationUuid,
+      excludeExpired,
+      locationUuid,
+      groupBy: "LocationStockItemBatchNo",
+    };
+    if (stockBatchUuid) {
+      getStockItemInventory(filters)
+        .then(({ data }) => data)
+        .then((res: any) => {
+          if ((res as any).error) {
+            return;
+          }
+          const inventory: StockItemInventory = (
+            res?.results as StockItemInventory[]
+          )?.[0];
+
+          const newBatchBalance = inventory
+            ? {
+                quantity: inventory.quantity,
+                quantityUoM: inventory.quantityUoM,
+                quantityUoMUuid: inventory.quantityUoMUuid,
+              }
+            : { quantity: 0, quantityUoM: null };
+
+          setBatchBalances((prevBalances) => ({
+            ...prevBalances,
+            [index]: newBatchBalance,
+          }));
+
+          setValue(
+            `stockItems.${index}.stockItemPackagingUOMUuid`,
+            inventory.quantityUoMUuid
+          );
+
+          setValue(
+            `stockItems.${index}.stockItemPackagingUOMName`,
+            inventory.quantityUoM
+          );
+        })
+        .catch((error: any) => {
+          if ((error as any).error) {
+            return;
+          }
+          return;
+        });
+    } else {
+      setBatchBalances((prevBalances) => ({
+        ...prevBalances,
+        [index]: null,
+      }));
     }
   };
 
+  const handleInputChange = (e: any, index: number) => {
+    const inputValue = e?.target?.value;
+    const maxQuantity = Number(batchBalances[index]?.quantity);
+
+    if (inputValue > maxQuantity) {
+      setQtyErrors((prevErrors) => ({
+        ...prevErrors,
+        [`stockItems.${index}.quantity`]: `Quantity cannot exceed ${maxQuantity}`,
+      }));
+    } else {
+      setQtyErrors((prevErrors) => {
+        const newErrors = { ...prevErrors };
+        delete newErrors[`stockItems.${index}.quantity`];
+        return newErrors;
+      });
+    }
+    setValue(`stockItems.${index}.quantity`, inputValue);
+  };
+
   return (
     <>
       {fields?.map((row, index) => {
         const stockItemId = `stockItems.${index}.stockItemUuid`;
+        const currentBatchBalance = batchBalances[index];
+        const currentStockItemExpiry = stockItemExpiries[index];
         return (
           <TableRow
             className={isDesktop ? styles.desktopRow : styles.tabletRow}
@@ -198,11 +294,27 @@ const StockItemsAdditionRow: React.FC<StockItemsAdditionRowProps> = ({
                           `stockItems.${index}.batchNo`,
                           item?.batchNo ?? ""
                         );
+
                         setValue(
                           `stockItems.${index}.expiration`,
                           item?.expiration
                         );
-                        setStockItemExpiy(item?.expiration);
+
+                        setValue(
+                          `stockItems.${index}.hasExpiration`,
+                          item?.expiration ? true : false
+                        );
+
+                        setStockItemExpiries((prevExpiries) => ({
+                          ...prevExpiries,
+                          [index]: item?.expiration ?? null,
+                        }));
+
+                        handleFetchBatchBalance({
+                          stockItemUuid: row?.stockItemUuid,
+                          stockBatchUuid: item?.uuid,
+                          index,
+                        });
                       }}
                       placeholder={"Filter..."}
                       invalid={!!errors?.stockItems?.[index]?.stockBatchUuid}
@@ -243,7 +355,9 @@ const StockItemsAdditionRow: React.FC<StockItemsAdditionRowProps> = ({
                         id={`expiration-input-${row.uuid}`}
                         name="operationDate"
                         placeholder={DATE_PICKER_FORMAT}
-                        defaultValue={formatForDatePicker(row?.expiration)}
+                        defaultValue={formatForDatePicker(
+                          currentStockItemExpiry || row?.expiration
+                        )}
                         invalid={!!errors?.stockItems?.[index]?.expiration}
                       />
                     </DatePicker>
@@ -254,7 +368,7 @@ const StockItemsAdditionRow: React.FC<StockItemsAdditionRowProps> = ({
                 ) &&
                   !canEdit) ||
                   requiresBatchUuid) &&
-                  formatForDatePicker(row.expiration)}
+                  formatForDatePicker(currentStockItemExpiry || row.expiration)}
               </TableCell>
             )}
             <TableCell>
@@ -263,33 +377,36 @@ const StockItemsAdditionRow: React.FC<StockItemsAdditionRowProps> = ({
                   className="small-placeholder-text"
                   size="sm"
                   id={`qty-${row?.uuid}`}
+                  min={1}
+                  max={Number(currentBatchBalance?.quantity)}
                   hideSteppers={true}
                   allowEmpty={true}
-                  onChange={(e: any) =>
-                    setValue(`stockItems.${index}.quantity`, e?.target?.value)
-                  }
+                  onChange={(e: any) => handleInputChange(e, index)}
                   value={row?.quantity ?? ""}
-                  invalidText={errors?.stockItems?.[index]?.quantity?.message}
+                  invalidText={
+                    errors?.stockItems?.[index]?.quantity?.message ||
+                    qtyInputErrors[`stockItems.${index}.quantity`]
+                  }
                   placeholder={
                     requiresBatchUuid &&
                     !requiresActualBatchInformation &&
-                    row?.stockBatchUuid in batchBalance
+                    currentBatchBalance
                       ? `Bal: ${
-                          batchBalance[
-                            row?.stockBatchUuid
-                          ]?.quantity?.toLocaleString() ?? ""
-                        } ${
-                          batchBalance[row?.stockBatchUuid]?.quantityUoM ?? ""
-                        }`
+                          currentBatchBalance?.quantity?.toLocaleString() ?? ""
+                        } ${currentBatchBalance?.quantityUoM ?? ""}`
                       : ""
                   }
-                  invalid={!!errors?.stockItems?.[index]?.quantity}
+                  invalid={
+                    !!errors?.stockItems?.[index]?.quantity ||
+                    !!qtyInputErrors[`stockItems.${index}.quantity`]
+                  }
                 />
               )}
               {!canEdit && row?.quantity?.toLocaleString()}
             </TableCell>
+            {/* Qty UoM Cell (Non-editable) */}
             <TableCell>
-              {canEdit && (
+              {canEdit && !currentBatchBalance?.quantityUoM ? (
                 <QtyUomSelector
                   stockItemUuid={row.stockItemUuid}
                   onStockPackageChanged={(selectedItem) => {
@@ -306,10 +423,15 @@ const StockItemsAdditionRow: React.FC<StockItemsAdditionRowProps> = ({
                   controllerName={`stockItems.${index}.stockItemPackagingUOMUuid`}
                   name={`stockItems.${index}.stockItemPackagingUOMUuid`}
                 />
+              ) : currentBatchBalance?.quantityUoM ? (
+                currentBatchBalance.quantityUoM
+              ) : (
+                row?.stockItemPackagingUOMName
               )}
+
               {!canEdit && row?.stockItemPackagingUOMName}
             </TableCell>
-            {canCapturePurchasePrice && (
+            {canCapturePurchasePrice ? (
               <TableCell>
                 {canEdit && (
                   <NumberInput
@@ -330,6 +452,8 @@ const StockItemsAdditionRow: React.FC<StockItemsAdditionRowProps> = ({
                 )}
                 {!canEdit && row?.purchasePrice?.toLocaleString()}
               </TableCell>
+            ) : (
+              setValue(`stockItems.${index}.purchasePrice`, null)
             )}
             {canEdit && (
               <TableCell>

package/src/stock-operations/add-stock-operation/stock-items-addition.component.tsx

@@ -241,6 +241,8 @@ const StockItemsAddition: React.FC<StockItemsAdditionProps> = ({
                         { uuid: `new-item-1`, id: `new-item-1` },
                       ]
                     }
+                    stockOperationUuid={model.uuid ?? ""}
+                    locationUuid={model.atLocationUuid ?? ""}
                     batchBalance={batchBalance}
                     batchNos={batchNos}
                     control={control}

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

@@ -59,12 +59,16 @@ const BatchNoSelector = <T,>(props: BatchNoSelectorProps<T>) => {
     return item;
   });
 
+  const filteredBatches = stockItemBatchesInfo?.filter(
+    (s) => s.quantity !== undefined && s.quantity !== 0
+  );
+
   useEffect(() => {
     if (
       !isLoading &&
       stockItemBatchNos &&
       props.selectedItem &&
-      stockItemBatchNos.length === 0
+      (stockItemBatchNos.length === 0 || filteredBatches.length === 0)
     ) {
       setValidationMessage(
         "No stock batch numbers defined. Do a initial/receipt stock operation first."
@@ -72,7 +76,7 @@ const BatchNoSelector = <T,>(props: BatchNoSelectorProps<T>) => {
     } else {
       setValidationMessage(null);
     }
-  }, [isLoading, stockItemBatchNos, props.selectedItem]);
+  }, [isLoading, stockItemBatchNos, props.selectedItem, filteredBatches]);
 
   if (isLoading) return <InlineLoading status="active" />;
 
@@ -90,7 +94,7 @@ const BatchNoSelector = <T,>(props: BatchNoSelectorProps<T>) => {
             controllerName={props.controllerName}
             id={props.name}
             size={"sm"}
-            items={stockItemBatchesInfo || []}
+            items={filteredBatches || []}
             onChange={(data: { selectedItem?: StockBatchDTO }) => {
               setSelectedItem(data.selectedItem || null);
               props.onBatchNoChanged?.(data.selectedItem);
@@ -98,7 +102,7 @@ const BatchNoSelector = <T,>(props: BatchNoSelectorProps<T>) => {
             }}
             initialSelectedItem={initialSelectedItem}
             itemToString={(s: StockBatchDTO) =>
-              s?.batchNo ? `${s?.batchNo} | Qty: ${s?.quantity ?? ""}` : ""
+              s?.batchNo ? `${s?.batchNo}` : ""
             }
             placeholder={props.placeholder}
             invalid={props.invalid}

package/src/stock-operations/stock-item-selector/stock-item-selector.component.tsx

@@ -68,7 +68,7 @@ const StockItemSelector = <T,>(props: StockItemSelectorProps<T>) => {
 };
 
 function stockItemName(item: StockItemDTO): string {
-  return item.drugName || item.conceptName;
+  return item?.drugName || item?.conceptName;
 }
 
 export default StockItemSelector;

package/src/stock-operations/stock-operations-dialog/stock-operations-dialog.scss

@@ -1,14 +1,14 @@
-@use '@carbon/styles/scss/spacing';
-@use '@carbon/styles/scss/type';
+@use '@carbon/layout';
+@use '@carbon/type';
 
 .section {
-  margin: spacing.$spacing-03;
+  margin: layout.$spacing-03;
 }
 
 .sectionTitle {
-  margin-bottom: spacing.$spacing-04;
+  margin-bottom: layout.$spacing-04;
 }
 
 .modalBody {
-  padding-bottom: spacing.$spacing-05;
+  padding-bottom: layout.$spacing-05;
 }

package/src/stock-operations/stock-operations-table.scss

@@ -1,12 +1,11 @@
-@use '@carbon/styles/scss/spacing';
-@use '@carbon/styles/scss/type';
-@import "~@openmrs/esm-styleguide/src/vars";
-@import '../root.scss';
+@use '@carbon/layout';
+@use '@carbon/type';
+@use '~@openmrs/esm-styleguide/src/vars' as *;
 
 .tileContainer {
   background-color: $ui-02;
   border-top: 1px solid $ui-03;
-  padding: 5rem 0;
+  padding: layout.$spacing-11 0;
 }
 
 .tile {
@@ -23,7 +22,7 @@
 .content {
   @include type.type-style('heading-compact-02');
   color: $text-02;
-  margin-bottom: 0.5rem;
+  margin-bottom: layout.$spacing-03;
 }
 
 .helper {
@@ -42,7 +41,7 @@
 }
 
 .dateAlign {
-  padding-top: spacing.$spacing-03;
+  padding-top: layout.$spacing-03;
   height: 100%;
 }
 
@@ -50,12 +49,12 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: spacing.$spacing-05;
+  margin-bottom: layout.$spacing-05;
 }
 
 .rowLoadingContainer {
   text-align: center;
-  padding: 5rem 2rem;
+  padding: layout.$spacing-11 2rem;
   margin: auto;
   width: 20%;
 }

package/src/stock-operations/stock-operations.resource.ts

@@ -210,7 +210,7 @@ export function getStockOperationItemsCost(filter: StockOperationFilter) {
 export function getStockItemInventory(filter: StockItemInventoryFilter) {
   const apiUrl = `${restBaseUrl}/stockmanagement/stockiteminventory${toQueryParams(
     filter
-  )}`;
+  )}&v=default`;
   const abortController = new AbortController();
   return openmrsFetch(apiUrl, {
     method: "GET",