@openmrs/esm-stock-management-app 1.0.1-pre.750 → 1.0.1-pre.758

package/src/stock-home/stock-home-receiving-modal.component.tsx

@@ -0,0 +1,58 @@
+import React from 'react';
+import { Modal, Table, TableHead, TableRow, TableHeader, TableBody, TableCell, TableContainer } from '@carbon/react';
+
+const ReceivingStockModal = ({ open, onClose, receivingStock }) => {
+  const headers = [
+    { key: 'status', header: 'Status' },
+    { key: 'sourceName', header: 'Source' },
+    { key: 'destinationName', header: 'Destination' },
+    { key: 'stockItemName', header: 'Stock Item' },
+    { key: 'stockItemPackagingUOMName', header: 'Unit' },
+    { key: 'quantity', header: 'Quantity' },
+  ];
+
+  return (
+    <Modal
+      open={open}
+      onRequestClose={onClose}
+      modalHeading="Received Stock"
+      primaryButtonText="Close"
+      onSecondarySubmit={onClose}
+      size="lg"
+    >
+      <div>
+        {receivingStock && receivingStock.length > 0 ? (
+          <TableContainer>
+            <Table>
+              <TableHead>
+                <TableRow>
+                  {headers.map((header) => (
+                    <TableHeader key={header.key}>{header.header}</TableHeader>
+                  ))}
+                </TableRow>
+              </TableHead>
+              <TableBody>
+                {receivingStock.map((item, index) =>
+                  item?.stockOperationItems.map((stock, stockIndex) => (
+                    <TableRow key={`${index}-${stockIndex}`}>
+                      <TableCell>{item?.status || 'N/A'}</TableCell>
+                      <TableCell>{item?.sourceName || 'N/A'}</TableCell>
+                      <TableCell>{item?.destinationName || 'N/A'}</TableCell>
+                      <TableCell>{stock?.stockItemName || 'N/A'}</TableCell>
+                      <TableCell>{stock?.stockItemPackagingUOMName || 'N/A'}</TableCell>
+                      <TableCell>{stock?.quantity || 'N/A'}</TableCell>
+                    </TableRow>
+                  )),
+                )}
+              </TableBody>
+            </Table>
+          </TableContainer>
+        ) : (
+          <p>No received stock data available.</p>
+        )}
+      </div>
+    </Modal>
+  );
+};
+
+export default ReceivingStockModal;

package/src/stock-items/add-stock-item/transactions/printout/transactions-print-action.component.tsx

@@ -3,7 +3,8 @@ import { Button, Stack, ComboButton, MenuItem } from '@carbon/react';
 import { Printer } from '@carbon/react/icons';
 import { useTranslation } from 'react-i18next';
 import { useStockItem } from '../../../stock-items.resource';
-import { showModal } from '@openmrs/esm-framework';
+import { showModal, useConfig } from '@openmrs/esm-framework';
+import { type ConfigObject } from '../../../../config-schema';
 import styles from './printable-transaction.scss';
 import { useEffect, useMemo, useState } from 'react';
 import { StockItemInventoryFilter, useStockItemTransactions } from '../../../stock-items.resource';
@@ -18,6 +19,8 @@ type Props = {
 const TransactionsPrintAction: React.FC<Props> = ({ columns, data, itemUuid }) => {
   const { t } = useTranslation();
 
+  const { enablePrintButton } = useConfig<ConfigObject>();
+
   const [stockCardItemFilter, setStockCardItemFilter] = useState<StockItemInventoryFilter>({
     startIndex: 0,
     totalCount: true,
@@ -86,22 +89,24 @@ const TransactionsPrintAction: React.FC<Props> = ({ columns, data, itemUuid }) =
 
   return (
     <>
-      <ComboButton label="Print">
-        <MenuItem
-          label={t('printStockCard', 'Print Stock Card')}
-          renderIcon={(props) => <Printer size={24} {...props} />}
-          iconDescription="Print Stock Card"
-          onClick={handleStockcardClick}
-          disabled={isStockItemLoading || isStockCardLoading}
-        />
-        <MenuItem
-          label={t('printBinCard', 'Print Bin Card')}
-          renderIcon={(props) => <Printer size={24} {...props} />}
-          iconDescription="Print Bin Card"
-          onClick={handleBincardClick}
-          disabled={isStockItemLoading}
-        />
-      </ComboButton>
+      {enablePrintButton && (
+        <ComboButton label="Print">
+          <MenuItem
+            label={t('printStockCard', 'Print Stock Card')}
+            renderIcon={(props) => <Printer size={24} {...props} />}
+            iconDescription="Print Stock Card"
+            onClick={handleStockcardClick}
+            disabled={isStockItemLoading || isStockCardLoading}
+          />
+          <MenuItem
+            label={t('printBinCard', 'Print Bin Card')}
+            renderIcon={(props) => <Printer size={24} {...props} />}
+            iconDescription="Print Bin Card"
+            onClick={handleBincardClick}
+            disabled={isStockItemLoading}
+          />
+        </ComboButton>
+      )}
     </>
   );
 };