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

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

@@ -1,349 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { TabItem } from '../../core/components/tabs/types';
-import VerticalTabs from '../../core/components/tabs/vertical-tabs.component';
-import BaseOperationDetails from './base-operation-details.component';
-import StockItemsAddition from './stock-items-addition.component';
-import StockOperationSubmission from './stock-operation-submission.component';
-import ReceivedItems from './received-items.component';
-import { AddStockOperationProps } from './types';
-import { useInitializeStockOperations } from './add-stock-operation.resource';
-import { AccordionSkeleton } from '@carbon/react';
-import { closeOverlay } from '../../core/components/overlay/hook';
-import { addOrEditStockOperation, showActionDialogButton } from '../stock-operation.utils';
-import StockOperationApprovalButton from '../stock-operations-dialog/stock-operations-approve-button.component';
-import StockOperationRejectButton from '../stock-operations-dialog/stock-operations-reject-button.component';
-import StockOperationReturnButton from '../stock-operations-dialog/stock-operations-return-button.component';
-import StockOperationCancelButton from '../stock-operations-dialog/stock-operations-cancel-button.component';
-import StockOperationPrintButton from '../stock-operations-dialog/stock-operations-print-button.component';
-import StockOperationApproveDispatchButton from '../stock-operations-dialog/stock-operations-approve-dispatch-button.component';
-import StockOperationCompleteDispatchButton from '../stock-operations-dialog/stock-operations-completed-dispatch-button.component';
-import StockOperationIssueStockButton from '../stock-operations-dialog/stock-operations-issue-stock-button.component';
-import { StockOperation } from './stock-operation-context/useStockOperationContext';
-import { showSnackbar } from '@openmrs/esm-framework';
-import {
-  OperationType,
-  StockOperationTypeIsStockIssue,
-  StockOperationType,
-  StockOperationTypeCanBeRelatedToRequisition,
-  operationFromString,
-  StockOperationTypeRequiresDispatchAcknowledgement,
-} from '../../core/api/types/stockOperation/StockOperationType';
-import { getStockOperationLinks, operationStatusColor } from '../stock-operations.resource';
-import styles from './add-stock-operation.scss';
-import { useStockOperationTypes } from '../../stock-lookups/stock-lookups.resource';
-import { StockOperationLinkDTO } from '../../core/api/types/stockOperation/StockOperationLinkDTO';
-import StockOperationStatus from './stock-operation-status.component';
-import StockOperationRelatedLink from './stock-operation-related-link.component';
-
-const AddStockOperation: React.FC<AddStockOperationProps> = (props) => {
-  const { t } = useTranslation();
-  const { isEditing, canEdit, canPrint } = props;
-  const { isLoading, error, result } = useInitializeStockOperations(props);
-  const [operationLinks, setOperationLinks] = useState<StockOperationLinkDTO[]>();
-  const [manageStockItems, setManageStockItems] = useState(props?.isEditing);
-  const { types } = useStockOperationTypes();
-  const [requisition, setRequisition] = useState(props?.model?.uuid);
-  const [manageSubmitOrComplete, setManageSubmitOrComplete] = useState(props?.isEditing);
-
-  const [requiresDispatchAcknowledgement, setRequiresDispatchAcknowledgement] = useState(false);
-
-  const currentStockOperationType = types?.results?.find((p) => p.operationType === props?.model?.operationType);
-
-  useEffect(() => {
-    if (
-      currentStockOperationType?.operationType === OperationType.REQUISITION_OPERATION_TYPE ||
-      props?.model?.operationType === OperationType.REQUISITION_OPERATION_TYPE
-    ) {
-      setRequisition(props?.model?.uuid);
-    }
-  }, [currentStockOperationType, props?.model?.operationType, props?.model?.uuid]);
-
-  useEffect(() => {
-    if (
-      isEditing ||
-      StockOperationTypeCanBeRelatedToRequisition(operationFromString(currentStockOperationType?.name.toLowerCase())) ||
-      OperationType.REQUISITION_OPERATION_TYPE === currentStockOperationType?.operationType
-    ) {
-      getStockOperationLinks(requisition).then((resp) => {
-        setOperationLinks(resp.data?.results);
-      });
-    }
-  }, [currentStockOperationType, requisition, props.model?.uuid, isEditing]);
-
-  const [selectedIndex, setSelectedIndex] = useState(0);
-  const [canDisplayReceivedItems, setCanDisplayReceivedItems] = useState(false);
-
-  useEffect(() => {
-    const validOperationType = Object.values(OperationType).includes(props.model.operationType as OperationType)
-      ? (props.model.operationType as OperationType)
-      : OperationType.RETURN_OPERATION_TYPE;
-
-    setRequiresDispatchAcknowledgement(StockOperationTypeRequiresDispatchAcknowledgement(validOperationType));
-  }, [props.model.operationType]);
-
-  useEffect(() => {
-    setCanDisplayReceivedItems(props?.model?.permission?.canDisplayReceivedItems ?? false);
-  }, [props?.model?.permission]);
-
-  if (isLoading) return <AccordionSkeleton />;
-  if (error) {
-    closeOverlay();
-    showSnackbar({
-      kind: 'error',
-      title: t('error', 'Error'),
-      subtitle: t('errorLoadingStockOperation', 'Error loading stock item'),
-      timeoutInMs: 5000,
-      isLowContrast: true,
-    });
-    return;
-  }
-
-  let operations: StockOperationType[] | null | undefined;
-  const status = props?.model?.status;
-
-  const tabs: TabItem[] = [
-    {
-      name: isEditing ? `${props?.operation?.name} Details` : `${props?.operation?.name} Details`,
-      component: (
-        <BaseOperationDetails
-          {...props}
-          isEditing={props?.operation?.name === 'Stock Issue' ? !isEditing : isEditing}
-          setup={result}
-          canEdit={canEdit}
-          model={isEditing ? props?.model : props?.operation?.name === 'Stock Issue' ? props?.model : result?.dto}
-          onSave={async () => {
-            setManageStockItems(true);
-            setSelectedIndex(1);
-          }}
-          operation={props?.operation}
-        />
-      ),
-    },
-    {
-      name: t('stockItems', 'Stock Items'),
-      component: (
-        <StockItemsAddition
-          {...props}
-          isEditing={isEditing}
-          setup={result}
-          canEdit={canEdit}
-          model={isEditing ? props?.model : props?.operation?.name === 'Stock Issue' ? props?.model : result?.dto} // check if type is stockIssue and pass requisition data
-          onSave={async () => {
-            setManageSubmitOrComplete(true);
-            setSelectedIndex(2);
-          }}
-        />
-      ),
-      disabled: !(isEditing || manageStockItems),
-    },
-    {
-      name: result?.requiresDispatchAcknowledgement ? 'Submit/Dispatch' : 'Submit/Complete',
-      component: (
-        <StockOperationSubmission
-          {...props}
-          isEditing={isEditing}
-          setup={result}
-          canEdit={canEdit}
-          locked={false}
-          model={isEditing ? props?.model : props?.operation?.name === 'Stock Issue' ? props?.model : result?.dto}
-          requiresDispatchAcknowledgement={
-            isEditing
-              ? props?.model?.operationType === 'return' || props?.model?.operationType === 'issuestock'
-              : result.requiresDispatchAcknowledgement
-          }
-          actions={{
-            onGoBack: () => {
-              setSelectedIndex(1);
-            },
-            onSave: async (model) => {
-              // TODO: Update
-              await addOrEditStockOperation(t, model, props.isEditing, props.operation);
-            },
-
-            onComplete: async () => {
-              await showActionDialogButton('Complete', false, props?.model);
-            },
-            onSubmit: async () => {
-              await showActionDialogButton('Submit', false, props?.model);
-            },
-            onDispatch: async () => {
-              await showActionDialogButton('Dispatch', false, props?.model);
-            },
-          }}
-        />
-      ),
-      disabled: !(props.isEditing || manageSubmitOrComplete),
-    },
-  ].concat(
-    StockOperationTypeIsStockIssue(props?.model?.operationType as OperationType) || canDisplayReceivedItems
-      ? status === 'DISPATCHED' || status === 'COMPLETED'
-        ? [
-            {
-              name: t('receivedItems', 'Received Items'),
-              component: <ReceivedItems model={props?.model} />,
-            },
-          ]
-        : []
-      : [],
-  );
-
-  return (
-    <>
-      {!isEditing && props.operation.name === 'Stock Issue' ? (
-        <></>
-      ) : (
-        <div className={styles.statusBody}>
-          <div style={{ margin: '10px' }}>
-            {isEditing && (
-              <div className={styles.statusLabel}>
-                <span className={styles.textHeading}>{t('status', 'Status ')}:</span>
-                <span
-                  style={{
-                    marginLeft: '2px',
-                    color: `${operationStatusColor(props?.model?.status)}`,
-                  }}
-                >
-                  {props?.model?.status}
-                </span>
-              </div>
-            )}
-            <StockOperationStatus model={props?.model} />
-          </div>
-
-          {((!props?.model?.permission?.canEdit &&
-            (props?.model?.permission?.canApprove || props?.model?.permission?.canReceiveItems)) ||
-            props?.model?.permission?.canEdit ||
-            canPrint ||
-            props?.model?.permission?.isRequisitionAndCanIssueStock) && (
-            <div
-              style={{
-                margin: '10px',
-                display: 'flex',
-                flexDirection: 'row',
-              }}
-            >
-              <>
-                {!props?.model?.permission?.canEdit && props?.model?.permission?.canApprove && (
-                  <>
-                    {!requiresDispatchAcknowledgement && (
-                      <div style={{ margin: '2px' }}>
-                        <StockOperationApprovalButton operation={props?.model} />
-                      </div>
-                    )}
-
-                    {requiresDispatchAcknowledgement && (
-                      <div style={{ margin: '2px' }}>
-                        <StockOperationApproveDispatchButton operation={props?.model} />
-                      </div>
-                    )}
-
-                    <div style={{ margin: '2px' }}>
-                      <StockOperationRejectButton operation={props?.model} />
-                    </div>
-                    <div style={{ margin: '2px' }}>
-                      <StockOperationReturnButton operation={props?.model} />
-                    </div>
-                    <div style={{ margin: '2px' }}>
-                      <StockOperationCancelButton operation={props?.model} />
-                    </div>
-                  </>
-                )}
-
-                {!props?.model?.permission?.canEdit && props?.model?.permission?.canReceiveItems && (
-                  <>
-                    <div style={{ margin: '2px' }}>
-                      <StockOperationCompleteDispatchButton operation={props?.model} reason={false} />
-                    </div>
-                    <div style={{ margin: '2px' }}>
-                      <StockOperationReturnButton operation={props?.model} />
-                    </div>
-                  </>
-                )}
-
-                {props?.model?.permission?.canEdit && (
-                  <div style={{ margin: '2px' }}>
-                    <StockOperationCancelButton operation={props?.model} />
-                  </div>
-                )}
-
-                {props?.model?.permission?.isRequisitionAndCanIssueStock && (
-                  <div style={{ margin: '2px' }}>
-                    <StockOperationIssueStockButton operation={props?.model} operations={operations} />
-                  </div>
-                )}
-                {(props?.model?.permission?.isRequisitionAndCanIssueStock ||
-                  props?.model?.operationType === OperationType.STOCK_ISSUE_OPERATION_TYPE ||
-                  props?.model?.operationType === OperationType.REQUISITION_OPERATION_TYPE ||
-                  props?.model?.operationType === OperationType.RECEIPT_OPERATION_TYPE ||
-                  props?.model?.operationType === OperationType.TRANSFER_OUT_OPERATION_TYPE) && (
-                  <div style={{ margin: '2px' }}>
-                    <StockOperationPrintButton operation={props?.model} />
-                  </div>
-                )}
-              </>
-            </div>
-          )}
-        </div>
-      )}
-      {operationLinks && operationLinks?.length > 0 && (
-        <div style={{ margin: '10px' }}>
-          <h6 style={{ color: '#24a148' }}>Related Transactions:</h6>
-          {operationLinks.map(
-            (item) =>
-              (props?.model?.uuid === item?.parentUuid || currentStockOperationType?.uuid === item?.parentUuid) && (
-                <>
-                  <span>{item?.childOperationTypeName}</span>
-                  <span className={item?.childVoided ? 'voided' : ''}>
-                    <span> </span>
-                    {item?.childVoided && item?.childOperationNumber}
-                    {!item?.childVoided && (
-                      <span className={styles.relatedLink}>
-                        <StockOperationRelatedLink
-                          operationTypes={types.results}
-                          operationUuid={item?.childUuid}
-                          operationNumber={item?.childOperationNumber}
-                        />
-                      </span>
-                    )}
-                  </span>
-                  <span> </span>
-                  <span>[{item?.childStatus}]</span>
-                </>
-              ),
-          )}
-          <span> </span>
-          {operationLinks.map(
-            (item) =>
-              (props.model?.uuid === item?.childUuid || currentStockOperationType.uuid === item?.childUuid) && (
-                <>
-                  <span>{item?.parentOperationTypeName}</span>
-                  <span className={item?.parentVoided ? 'voided' : ''}>
-                    <span> </span>
-                    {item?.parentVoided && item?.parentOperationNumber}
-                    {!item?.parentVoided && (
-                      <span className={styles.relatedLink}>
-                        <StockOperationRelatedLink
-                          operationTypes={types.results}
-                          operationUuid={item?.parentUuid}
-                          operationNumber={item?.parentOperationNumber}
-                        />
-                      </span>
-                    )}
-                  </span>
-                  <span> </span>
-                  <span>[{item?.parentStatus}]</span>
-                </>
-              ),
-          )}
-        </div>
-      )}
-
-      <StockOperation>
-        <VerticalTabs tabs={tabs} selectedIndex={selectedIndex} onChange={setSelectedIndex} />
-      </StockOperation>
-    </>
-  );
-};
-
-export default AddStockOperation;

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

@@ -1,27 +0,0 @@
-import { useEffect, useState } from 'react';
-import { initializeNewStockOperation } from './add-stock-operation.utils';
-import { AddStockOperationProps, InitializeResult } from './types';
-
-export const useInitializeStockOperations = (props: AddStockOperationProps) => {
-  const [isLoading, setIsLoading] = useState(true);
-  const [error, setError] = useState(false);
-  const [result, setResult] = useState<InitializeResult>();
-
-  useEffect(() => {
-    setIsLoading(true);
-    initializeNewStockOperation(props.operation, props.model, props.operations)
-      .then((data) => {
-        setResult(data);
-        setIsLoading(false);
-      })
-      .catch(() => {
-        setError(true);
-      });
-  }, [props.model, props.operation, props.operations]);
-
-  return {
-    isLoading,
-    error,
-    result,
-  };
-};

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

@@ -1,60 +0,0 @@
-@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: layout.$spacing-04;
-}
-
-.modalBody {
-  padding-bottom: layout.$spacing-05;
-}
-
-.actionsContainer {
-  display: flex;
-  justify-content: space-between;
-  margin: 5px;
-}
-
-.statusContainer {
-  display: flex;
-  margin-top: 4px;
-  gap: 1rem;
-}
-
-.textHeading {
-  font-weight: bold;
-}
-
-.statusDescriptions {
-  margin-top: 4px;
-
-  .text {
-    margin-right: 4px;
-  }
-}
-
-.actionButtons {
-  margin: 10px;
-  display: flex;
-  flex-direction: row;
-}
-
-.statusLabel {
-  display: flex;
-  flex-direction: row;
-  margin-left: 10px;
-}
-
-.statusBody {
-  display: flex;
-  justify-content: space-between;
-  margin: 5px;
-}
-
-.relatedLink {
-  margin-left: 2px;
-  color: #0f62fe;
-}

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

@@ -1,192 +0,0 @@
-import React from 'react';
-import { render, waitFor, screen, fireEvent } from '@testing-library/react';
-import { showSnackbar } from '@openmrs/esm-framework';
-import AddStockOperation from './add-stock-operation.component';
-import { useInitializeStockOperations } from './add-stock-operation.resource';
-import { useStockOperationTypes } from '../../stock-lookups/stock-lookups.resource';
-import { getStockOperationLinks } from '../stock-operations.resource';
-import { StockOperationDTO } from '../../core/api/types/stockOperation/StockOperationDTO';
-import { StockOperationType } from '../../core/api/types/stockOperation/StockOperationType';
-import { InitializeResult } from './types';
-import { useStockOperations } from '../stock-operations.resource';
-import { closeOverlay } from '../../core/components/overlay/hook';
-
-jest.mock('react-i18next', () => ({
-  useTranslation: jest.fn().mockReturnValue({ t: (key) => key }),
-}));
-
-jest.mock('@openmrs/esm-framework', () => ({
-  ActionMenu: jest.fn(() => null),
-  showSnackbar: jest.fn(),
-  useDebounce: jest.fn((x) => x),
-  getGlobalStore: jest.fn(() => ({
-    getState: jest.fn(),
-    subscribe: jest.fn(),
-    setState: jest.fn(),
-  })),
-  parseDate: jest.fn((date) => new Date(date)),
-  showNotification: jest.fn(),
-  usePagination: jest.fn(() => ({ currentPage: 1, setPage: jest.fn() })),
-  useSession: jest.fn(() => ({ user: { display: 'Test User' } })),
-}));
-
-jest.mock('./add-stock-operation.resource', () => ({
-  useInitializeStockOperations: jest.fn(),
-}));
-
-jest.mock('../../stock-lookups/stock-lookups.resource', () => ({
-  useStockOperationTypes: jest.fn(),
-  useUsers: jest.fn().mockReturnValue({ items: { results: [] }, isLoading: false }),
-}));
-
-jest.mock('../stock-operations.resource', () => ({
-  operationStatusColor: jest.fn(() => 'some-color'),
-  getStockOperationLinks: jest.fn(),
-  useStockOperations: jest.fn().mockReturnValue({
-    items: { results: [] },
-    isLoading: false,
-    error: null,
-  }),
-}));
-
-jest.mock('../../core/components/overlay/hook', () => ({
-  closeOverlay: jest.fn(),
-}));
-
-jest.mock('../../stock-items/stock-items.resource', () => ({
-  useStockItems: jest.fn().mockReturnValue({
-    isLoading: false,
-    error: null,
-    items: {
-      results: [{ uuid: 'mock-uuid', packagingUomName: 'Mock Unit', factor: 1 }],
-    },
-  }),
-  useStockItem: jest.fn(),
-}));
-
-const mockOnGoBack = jest.fn();
-const mockOnSave = jest.fn();
-const mockOnComplete = jest.fn();
-const mockOnSubmit = jest.fn();
-const mockOnDispatch = jest.fn();
-
-const mockProps = {
-  stockOperations: { results: [] },
-  uuid: 'some-mock-uuid',
-  isEditing: false,
-  canPrint: false,
-  canEdit: true,
-  locked: false,
-  model: {
-    approvalRequired: null,
-    uuid: 'mock-uuid',
-    operationType: 'mock-operation-type',
-    status: 'COMPLETED',
-    dateCreated: '2023-01-01',
-    creatorFamilyName: 'Doe',
-    creatorGivenName: 'John',
-  } as unknown as StockOperationDTO,
-  operation: {
-    name: 'Stock Issue',
-    description: 'Issuing stock',
-    operationType: 'stockissue',
-    hasSource: true,
-    sourceType: {},
-    hasDestination: true,
-    destinationType: {},
-    hasRecipient: false,
-    recipientRequired: false,
-    availableWhenReserved: false,
-    allowExpiredBatchNumbers: false,
-    stockOperationTypeLocationScopes: [],
-  } as StockOperationType,
-  setup: {
-    isNegativeQuantityAllowed: false,
-    requiresBatchUuid: false,
-    requiresActualBatchInfo: false,
-    isQuantityOptional: false,
-  } as InitializeResult,
-  actions: {
-    onGoBack: mockOnGoBack,
-    onSave: mockOnSave,
-    onComplete: mockOnComplete,
-    onSubmit: mockOnSubmit,
-    onDispatch: mockOnDispatch,
-  },
-  dto: {
-    results: [],
-  },
-};
-
-describe('AddStockOperation', () => {
-  beforeEach(() => {
-    (useInitializeStockOperations as jest.Mock).mockReturnValue({
-      isLoading: true,
-      error: null,
-      item: {},
-      result: {
-        uuid: 'some-valid-uuid-value',
-      },
-    });
-    const mockStockOperationTypes = { results: [] };
-    (useStockOperationTypes as jest.Mock).mockReturnValue(mockStockOperationTypes);
-    (getStockOperationLinks as jest.Mock).mockResolvedValue({ data: { results: [] } });
-    (useStockOperations as jest.Mock).mockReturnValue({ items: { results: [] }, isLoading: false, error: null });
-  });
-
-  it('displays error state correctly', async () => {
-    (useInitializeStockOperations as jest.Mock).mockReturnValue({
-      isLoading: false,
-      error: true,
-      result: null,
-    });
-    const { result } = useInitializeStockOperations(mockProps);
-    if (!result) {
-      return null;
-    }
-    render(<AddStockOperation {...mockProps} />);
-    expect(showSnackbar).toHaveBeenCalledWith(
-      expect.objectContaining({
-        kind: 'error',
-        title: 'error',
-      }),
-    );
-  });
-
-  it('displays loading state correctly', async () => {
-    (useInitializeStockOperations as jest.Mock).mockReturnValue({
-      isLoading: true,
-      error: null,
-      result: null,
-    });
-    render(<AddStockOperation {...mockProps} />);
-    expect(showSnackbar).not.toHaveBeenCalled();
-  });
-
-  it('displays error state and shows snackbar', () => {
-    (useInitializeStockOperations as jest.Mock).mockReturnValue({ isLoading: false, error: true, result: null });
-    render(<AddStockOperation {...mockProps} />);
-    expect(showSnackbar).toHaveBeenCalledWith(expect.objectContaining({ kind: 'error' }));
-  });
-
-  it('calls external utilities correctly', async () => {
-    (useInitializeStockOperations as jest.Mock).mockReturnValue({
-      isLoading: false,
-      error: true,
-      result: null,
-    });
-
-    render(<AddStockOperation {...mockProps} />);
-    await waitFor(() => {
-      expect(closeOverlay).toHaveBeenCalled();
-    });
-    await waitFor(() => {
-      expect(showSnackbar).toHaveBeenCalledWith(
-        expect.objectContaining({
-          kind: 'error',
-          title: 'error',
-        }),
-      );
-    });
-  });
-});