@openmrs/esm-stock-management-app 1.0.1-pre.694 → 1.0.1-pre.706

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

@@ -134,10 +134,10 @@
       "initial": true,
       "entry": true,
       "recorded": false,
-      "size": 5408005,
+      "size": 5408566,
       "sizes": {
         "consume-shared": 252,
-        "javascript": 5386056,
+        "javascript": 5386617,
         "share-init": 252,
         "runtime": 21445
       },
@@ -154,7 +154,7 @@
       "auxiliaryFiles": [
         "main.js.map"
       ],
-      "hash": "d3025a711f4fd2ad",
+      "hash": "bde00c76e90fc524",
       "childrenByOrder": {}
     },
     {
@@ -326,9 +326,9 @@
       "initial": false,
       "entry": false,
       "recorded": false,
-      "size": 11501,
+      "size": 11531,
       "sizes": {
-        "javascript": 11501
+        "javascript": 11531
       },
       "names": [],
       "idHints": [],
@@ -340,7 +340,7 @@
         "574.js"
       ],
       "auxiliaryFiles": [],
-      "hash": "b881a6484ecb0d98",
+      "hash": "882eba03e470bb3e",
       "childrenByOrder": {}
     },
     {
@@ -372,9 +372,9 @@
       "initial": false,
       "entry": false,
       "recorded": false,
-      "size": 9348,
+      "size": 9345,
       "sizes": {
-        "javascript": 9348
+        "javascript": 9345
       },
       "names": [],
       "idHints": [],
@@ -388,7 +388,7 @@
       "auxiliaryFiles": [
         "627.js.map"
       ],
-      "hash": "e44bfcef4206b456",
+      "hash": "0b31b4561c627de5",
       "childrenByOrder": {}
     },
     {
@@ -607,9 +607,9 @@
       "initial": false,
       "entry": false,
       "recorded": false,
-      "size": 1749133,
+      "size": 1749694,
       "sizes": {
-        "javascript": 1748923,
+        "javascript": 1749484,
         "consume-shared": 210
       },
       "names": [],
@@ -623,7 +623,7 @@
       "auxiliaryFiles": [
         "973.js.map"
       ],
-      "hash": "d8fb187fbc310d76",
+      "hash": "4e40bb4e6400af3e",
       "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-nav-menu","slot":"stock-sidebar-slot","component":"stockNavMenu","online":true,"offline":true},{"name":"overview-db-link","slot":"stock-page-dashboard-slot","component":"stockOverviewLink","meta":{"name":"overview","slot":"overview-dashboard-slot","title":"overview"},"order":0,"online":true,"offline":true},{"name":"stock-overview-db","slot":"overview-dashboard-slot","component":"stockOverview"},{"name":"operations-db-link","slot":"stock-page-dashboard-slot","component":"stockOperationsLink","meta":{"name":"operations","slot":"operations-dashboard-slot","title":"operations"},"order":2,"online":true,"offline":true},{"name":"stock-operations-db","slot":"operations-dashboard-slot","component":"stockOperations"},{"name":"items-db-link","slot":"stock-page-dashboard-slot","component":"stockItemsLink","meta":{"name":"items","slot":"items-dashboard-slot","title":"items"},"order":1,"online":true,"offline":true},{"name":"stock-items-db","slot":"items-dashboard-slot","component":"stockItems"},{"name":"user-scopes-db-link","slot":"stock-page-dashboard-slot","component":"stockUserScopesLink","meta":{"name":"user-scopes","slot":"user-scopes-dashboard-slot","title":"user-scopes"},"order":3,"online":true,"offline":true},{"name":"stock-user-scopes-db","slot":"user-scopes-dashboard-slot","component":"stockUserScopes"},{"name":"sources-db-link","slot":"stock-page-dashboard-slot","component":"stockSourcesLink","meta":{"name":"sources","slot":"sources-dashboard-slot","title":"Sources"},"order":2,"online":true,"offline":true},{"name":"stock-sources-db","slot":"sources-dashboard-slot","component":"stockSources"},{"name":"locations-db-link","slot":"stock-page-dashboard-slot","component":"stockLocationsLink","meta":{"name":"locations","slot":"locations-dashboard-slot","title":"Locations"},"order":4,"online":true,"offline":true},{"name":"stock-locations-db","slot":"locations-dashboard-slot","component":"stockLocations"},{"name":"reports-db-link","slot":"stock-page-dashboard-slot","component":"stockReportsLink","meta":{"name":"reports","slot":"reports-dashboard-slot","title":"Reports"},"order":5,"online":true,"offline":true},{"name":"stock-reports-db","slot":"reports-dashboard-slot","component":"stockReports"},{"name":"settings-db-link","slot":"stock-page-dashboard-slot","component":"stockSettingsLink","meta":{"name":"settings","slot":"settings-dashboard-slot","title":"Settings"},"order":6,"online":true,"offline":true},{"name":"stock-settings-db","slot":"settings-dashboard-slot","component":"stockSettings"},{"name":"stock-management-admin-card-link","slot":"system-admin-page-card-link-slot","component":"stockManagementAdminCardLink"},{"name":"stock-management-app-menu-item","component":"stockManagementAppMenuItem","slot":"app-menu-item-slot","meta":{"name":" Stock Management"}},{"name":"delete-packaging-unit-button","component":"deletePackagingUnitButton"}],"modals":[{"name":"delete-stock-modal","component":"deleteStockModal"},{"name":"delete-stock-user-scope-modal","component":"deleteUserScopeModal"},{"name":"delete-stock-rule-modal","component":"deleteStockRuleModal"},{"name":"delete-packaging-unit-modal","component":"deletePackagingUnitModal"},{"name":"import-bulk-stock-items","component":"importBulkStockItemsModal"},{"name":"stock-operation-dialog","component":"stockOperationModal"}],"pages":[{"component":"root","route":"stock-management"}],"version":"1.0.1-pre.694"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":"^2.24.0"},"extensions":[{"name":"stock-nav-menu","slot":"stock-sidebar-slot","component":"stockNavMenu","online":true,"offline":true},{"name":"overview-db-link","slot":"stock-page-dashboard-slot","component":"stockOverviewLink","meta":{"name":"overview","slot":"overview-dashboard-slot","title":"overview"},"order":0,"online":true,"offline":true},{"name":"stock-overview-db","slot":"overview-dashboard-slot","component":"stockOverview"},{"name":"operations-db-link","slot":"stock-page-dashboard-slot","component":"stockOperationsLink","meta":{"name":"operations","slot":"operations-dashboard-slot","title":"operations"},"order":2,"online":true,"offline":true},{"name":"stock-operations-db","slot":"operations-dashboard-slot","component":"stockOperations"},{"name":"items-db-link","slot":"stock-page-dashboard-slot","component":"stockItemsLink","meta":{"name":"items","slot":"items-dashboard-slot","title":"items"},"order":1,"online":true,"offline":true},{"name":"stock-items-db","slot":"items-dashboard-slot","component":"stockItems"},{"name":"user-scopes-db-link","slot":"stock-page-dashboard-slot","component":"stockUserScopesLink","meta":{"name":"user-scopes","slot":"user-scopes-dashboard-slot","title":"user-scopes"},"order":3,"online":true,"offline":true},{"name":"stock-user-scopes-db","slot":"user-scopes-dashboard-slot","component":"stockUserScopes"},{"name":"sources-db-link","slot":"stock-page-dashboard-slot","component":"stockSourcesLink","meta":{"name":"sources","slot":"sources-dashboard-slot","title":"Sources"},"order":2,"online":true,"offline":true},{"name":"stock-sources-db","slot":"sources-dashboard-slot","component":"stockSources"},{"name":"locations-db-link","slot":"stock-page-dashboard-slot","component":"stockLocationsLink","meta":{"name":"locations","slot":"locations-dashboard-slot","title":"Locations"},"order":4,"online":true,"offline":true},{"name":"stock-locations-db","slot":"locations-dashboard-slot","component":"stockLocations"},{"name":"reports-db-link","slot":"stock-page-dashboard-slot","component":"stockReportsLink","meta":{"name":"reports","slot":"reports-dashboard-slot","title":"Reports"},"order":5,"online":true,"offline":true},{"name":"stock-reports-db","slot":"reports-dashboard-slot","component":"stockReports"},{"name":"settings-db-link","slot":"stock-page-dashboard-slot","component":"stockSettingsLink","meta":{"name":"settings","slot":"settings-dashboard-slot","title":"Settings"},"order":6,"online":true,"offline":true},{"name":"stock-settings-db","slot":"settings-dashboard-slot","component":"stockSettings"},{"name":"stock-management-admin-card-link","slot":"system-admin-page-card-link-slot","component":"stockManagementAdminCardLink"},{"name":"stock-management-app-menu-item","component":"stockManagementAppMenuItem","slot":"app-menu-item-slot","meta":{"name":" Stock Management"}},{"name":"delete-packaging-unit-button","component":"deletePackagingUnitButton"}],"modals":[{"name":"delete-stock-modal","component":"deleteStockModal"},{"name":"delete-stock-user-scope-modal","component":"deleteUserScopeModal"},{"name":"delete-stock-rule-modal","component":"deleteStockRuleModal"},{"name":"delete-packaging-unit-modal","component":"deletePackagingUnitModal"},{"name":"import-bulk-stock-items","component":"importBulkStockItemsModal"},{"name":"stock-operation-dialog","component":"stockOperationModal"}],"pages":[{"component":"root","route":"stock-management"}],"version":"1.0.1-pre.706"}

package/package.json

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

package/src/stock-items/add-bulk-stock-item/stock-items-bulk-import.component.tsx

@@ -64,7 +64,7 @@ const ImportDialogPopup: React.FC<ImportDialogPopupProps> = ({ closeModal }) =>
             labelDescription="Only .csv files at 2mb or less"
             filenameStatus="edit"
             labelTitle=""
-            size="small"
+            size="sm"
             onChange={onFileChanged}
           />
         </ModalBody>

package/src/stock-items/add-bulk-stock-item/stock-items-bulk-import.test.tsx

@@ -0,0 +1,105 @@
+import React from 'react';
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import ImportDialogPopup from './stock-items-bulk-import.component';
+import { showSnackbar } from '@openmrs/esm-framework';
+import { UploadStockItems } from './stock-items-bulk-import.resource';
+
+jest.mock('@openmrs/esm-framework', () => ({
+  showSnackbar: jest.fn(),
+}));
+
+jest.mock('./stock-items-bulk-import.resource', () => ({
+  UploadStockItems: jest.fn(),
+}));
+
+describe('ImportDialogPopup', () => {
+  const mockCloseModal = jest.fn();
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('renders with initial state and UI elements', () => {
+    render(<ImportDialogPopup closeModal={mockCloseModal} />);
+
+    expect(screen.getByText('Import Stock Items')).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Select file' })).toBeInTheDocument();
+    expect(screen.getByText('Only .csv files at 2mb or less')).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Cancel' })).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Upload StockItems' })).toBeInTheDocument();
+  });
+
+  it('allows only CSV files', async () => {
+    render(<ImportDialogPopup closeModal={mockCloseModal} />);
+
+    const fileInput = screen.getByLabelText('Select file') as HTMLInputElement;
+    expect(fileInput.accept).toBe('.csv');
+  });
+
+  it('closes modal when cancel button is clicked', async () => {
+    render(<ImportDialogPopup closeModal={mockCloseModal} />);
+
+    const cancelButton = screen.getByRole('button', { name: 'Cancel' });
+    await userEvent.click(cancelButton);
+
+    expect(mockCloseModal).toHaveBeenCalledTimes(1);
+  });
+
+  it('does nothing when upload is clicked without a file', async () => {
+    render(<ImportDialogPopup closeModal={mockCloseModal} />);
+
+    const uploadButton = screen.getByRole('button', { name: 'Upload StockItems' });
+    await userEvent.click(uploadButton);
+
+    expect(UploadStockItems).not.toHaveBeenCalled();
+    expect(showSnackbar).not.toHaveBeenCalled();
+    expect(mockCloseModal).not.toHaveBeenCalled();
+  });
+
+  it('uploads file successfully and shows success snackbar', async () => {
+    (UploadStockItems as jest.Mock).mockResolvedValue({});
+    render(<ImportDialogPopup closeModal={mockCloseModal} />);
+
+    const validFile = new File(['test content'], 'valid.csv', { type: 'text/csv' });
+    const fileInput = screen.getByLabelText('Select file') as HTMLInputElement;
+    await userEvent.upload(fileInput, validFile);
+
+    const uploadButton = screen.getByRole('button', { name: 'Upload StockItems' });
+    await userEvent.click(uploadButton);
+
+    await waitFor(() => expect(UploadStockItems).toHaveBeenCalled());
+    await waitFor(() =>
+      expect(showSnackbar).toHaveBeenCalledWith(
+        expect.objectContaining({
+          kind: 'success',
+          title: 'Uploaded Order',
+        }),
+      ),
+    );
+    await waitFor(() => expect(mockCloseModal).toHaveBeenCalledTimes(1));
+  });
+
+  it('shows error snackbar on upload failure', async () => {
+    (UploadStockItems as jest.Mock).mockRejectedValue(new Error('Upload failed'));
+    render(<ImportDialogPopup closeModal={mockCloseModal} />);
+
+    const validFile = new File(['test content'], 'valid.csv', { type: 'text/csv' });
+    const fileInput = screen.getByLabelText('Select file') as HTMLInputElement;
+    await userEvent.upload(fileInput, validFile);
+
+    const uploadButton = screen.getByRole('button', { name: 'Upload StockItems' });
+    await userEvent.click(uploadButton);
+
+    await waitFor(() => expect(UploadStockItems).toHaveBeenCalled());
+    await waitFor(() =>
+      expect(showSnackbar).toHaveBeenCalledWith(
+        expect.objectContaining({
+          kind: 'error',
+          title: 'An error occurred uploading stock items',
+        }),
+      ),
+    );
+    await waitFor(() => expect(mockCloseModal).not.toHaveBeenCalled());
+  });
+});

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

@@ -133,48 +133,55 @@ const StockOperations: React.FC<StockOperationsTableProps> = () => {
   );
 
   const tableRows = useMemo(() => {
-    return items?.map((stockOperation, index) => ({
-      ...stockOperation,
-      id: stockOperation?.uuid,
-      key: `key-${stockOperation?.uuid}`,
-      operationTypeName: `${stockOperation?.operationTypeName}`,
-      operationNumber: (
-        <EditStockOperationActionMenu
-          model={stockOperation}
-          operations={operations}
-          operationUuid={operation.uuid}
-          operationNumber={''}
-          onEdit={() => handleEditClick(stockOperation, true)}
-          showIcon={false}
-          showprops={true}
-        />
-      ),
-      status: `${stockOperation?.status}`,
-      source: `${stockOperation?.sourceName ?? ''}`,
-      destination: `${stockOperation?.destinationName ?? ''}`,
-      location: (
-        <>
-          {stockOperation?.sourceName ?? ''}
-          {stockOperation?.sourceName && stockOperation?.destinationName ? <ArrowRight size={16} /> : ''}{' '}
-          {stockOperation?.destinationName ?? ''}
-        </>
-      ),
-      responsiblePerson: `${
-        stockOperation?.responsiblePersonFamilyName ?? stockOperation?.responsiblePersonOther ?? ''
-      } ${stockOperation?.responsiblePersonGivenName ?? ''}`,
-      operationDate: formatDisplayDate(stockOperation?.operationDate),
-      actions: (
-        <EditStockOperationActionMenu
-          model={stockOperation}
-          operations={operations}
-          operationUuid={operation.uuid}
-          operationNumber={''}
-          onEdit={() => handleEditClick(stockOperation, true)}
-          showIcon={true}
-          showprops={false}
-        />
-      ),
-    }));
+    return items?.map((stockOperation, index) => {
+      const commonNames = stockOperation?.stockOperationItems
+        ? stockOperation?.stockOperationItems.map((item) => item.commonName).join(', ')
+        : '';
+
+      return {
+        ...stockOperation,
+        id: stockOperation?.uuid,
+        key: `key-${stockOperation?.uuid}`,
+        operationTypeName: `${stockOperation?.operationTypeName}`,
+        operationNumber: (
+          <EditStockOperationActionMenu
+            model={stockOperation}
+            operations={operations}
+            operationUuid={operation.uuid}
+            operationNumber={''}
+            onEdit={() => handleEditClick(stockOperation, true)}
+            showIcon={false}
+            showprops={true}
+          />
+        ),
+        stockOperationItems: commonNames,
+        status: `${stockOperation?.status}`,
+        source: `${stockOperation?.sourceName ?? ''}`,
+        destination: `${stockOperation?.destinationName ?? ''}`,
+        location: (
+          <>
+            {stockOperation?.sourceName ?? ''}
+            {stockOperation?.sourceName && stockOperation?.destinationName ? <ArrowRight size={16} /> : ''}{' '}
+            {stockOperation?.destinationName ?? ''}
+          </>
+        ),
+        responsiblePerson: `${
+          stockOperation?.responsiblePersonFamilyName ?? stockOperation?.responsiblePersonOther ?? ''
+        } ${stockOperation?.responsiblePersonGivenName ?? ''}`,
+        operationDate: formatDisplayDate(stockOperation?.operationDate),
+        actions: (
+          <EditStockOperationActionMenu
+            model={stockOperation}
+            operations={operations}
+            operationUuid={operation.uuid}
+            operationNumber={''}
+            onEdit={() => handleEditClick(stockOperation, true)}
+            showIcon={true}
+            showprops={false}
+          />
+        ),
+      };
+    });
   }, [items, operations, handleEditClick, operation]);
 
   if (isLoading && !filterApplied) {

package/src/stock-operations/stock-operations-table.resource.tsx

@@ -8,6 +8,7 @@ export function useStockOperationPages(filter: StockOperationFilter) {
 
   const pageSizes = [10, 20, 30, 40, 50];
   const [currentPageSize, setPageSize] = useState(10);
+  console.log(items.results);
 
   const { goTo, results: paginatedItems, currentPage } = usePagination(items.results, currentPageSize);
 
@@ -27,26 +28,31 @@ export function useStockOperationPages(filter: StockOperationFilter) {
       },
       {
         id: 2,
+        header: t('stockOperationItems', 'Items'),
+        key: 'stockOperationItems',
+      },
+      {
+        id: 3,
         header: t('status', 'Status'),
         key: 'status',
       },
       {
-        id: 3,
+        id: 4,
         header: t('location', 'Location'),
         key: 'location',
       },
       {
-        id: 4,
+        id: 5,
         header: t('responsiblePerson', 'Responsible Person'),
         key: 'responsiblePerson',
       },
       {
-        id: 5,
+        id: 6,
         header: t('date', 'Date'),
         key: 'operationDate',
       },
       {
-        id: 6,
+        id: 7,
         key: 'details',
       },
       { key: 'actions', header: '' },

package/translations/en.json

@@ -298,5 +298,6 @@
   "user": "User",
   "view": "View",
   "whoIsThePreferredVendor": "Who is the preferred vendor?",
-  "yes": "Yes"
+  "yes": "Yes",
+  "stockOperationItems": "Items"
 }