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

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

@@ -1,30 +0,0 @@
-@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, 0.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-item-search/stock-item-search.component.tsx

@@ -1,70 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Search, ClickableTile } from '@carbon/react';
-import { useTranslation } from 'react-i18next';
-import { useDebounce } from '@openmrs/esm-framework';
-import { useStockItems } from '../../stock-item-selector/stock-item-selector.resource';
-import { useFormContext, type UseFieldArrayReturn } from 'react-hook-form';
-import { StockOperationItemDTO } from '../../../core/api/types/stockOperation/StockOperationItemDTO';
-import { getStockOperationUniqueId } from '../../stock-operation.utils';
-import styles from './stock-item-search.scss';
-
-type StockItemSearchProps = UseFieldArrayReturn<
-  {
-    stockItems: StockOperationItemDTO[];
-  },
-  'stockItems',
-  'id'
->;
-
-const StockItemSearch: React.FC<StockItemSearchProps> = ({ append, fields }) => {
-  const { t } = useTranslation();
-  const { isLoading, stockItemsList, setSearchString } = useStockItems({});
-  const [searchTerm, setSearchTerm] = useState('');
-  const { setValue, getValues } = useFormContext();
-  const debouncedSearchTerm = useDebounce(searchTerm);
-
-  useEffect(() => {
-    if (debouncedSearchTerm?.length !== 0) {
-      setSearchString(debouncedSearchTerm);
-    }
-  }, [debouncedSearchTerm, setSearchString]);
-
-  const handleOnSearchResultClick = (stockItem) => {
-    const itemId = `new-item-${getStockOperationUniqueId()}`;
-    append({
-      ...stockItem,
-      uuid: itemId,
-      id: itemId,
-      stockItemUuid: stockItem.uuid,
-      stockItemName: stockItem.commonName,
-    });
-    setSearchTerm('');
-    setValue(`stockItems[${fields.length}].stockItemUuid`, stockItem.uuid);
-  };
-  return (
-    <div className={styles.stockItemSearchContainer}>
-      <div style={{ display: 'flex' }}>
-        <Search
-          size="lg"
-          placeholder="Find your items"
-          labelText="Search"
-          closeButtonLabelText="Clear search input"
-          value={searchTerm}
-          id="search-1"
-          onChange={(e) => setSearchTerm(e.target.value)}
-        />
-      </div>
-      {searchTerm && stockItemsList?.length > 0 && (
-        <div className={styles.searchResults}>
-          {stockItemsList?.slice(0, 5).map((stockItem) => (
-            <ClickableTile onClick={() => handleOnSearchResultClick(stockItem)} key={stockItem?.uuid}>
-              {stockItem?.commonName}
-            </ClickableTile>
-          ))}
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default StockItemSearch;

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

@@ -1,360 +0,0 @@
-import React, { ChangeEvent, useMemo, useState } from 'react';
-import { isDesktop } from '@openmrs/esm-framework';
-import { Button, DatePicker, DatePickerInput, Link, NumberInput, TableCell, TableRow, TextInput } from '@carbon/react';
-import { TrashCan } from '@carbon/react/icons';
-import { StockOperationItemFormData } from '../validation-schema';
-import {
-  Control,
-  FieldArrayWithId,
-  FieldErrors,
-  UseFieldArrayAppend,
-  UseFieldArrayRemove,
-  UseFormSetValue,
-} from 'react-hook-form';
-import {
-  DATE_PICKER_CONTROL_FORMAT,
-  DATE_PICKER_FORMAT,
-  URL_STOCK_ITEM,
-  formatForDatePicker,
-  today,
-} from '../../constants';
-import { StockBatchDTO } from '../../core/api/types/stockItem/StockBatchDTO';
-import { StockItemPackagingUOMDTO } from '../../core/api/types/stockItem/StockItemPackagingUOM';
-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 styles from './stock-items-addition-row.scss';
-import { useStockItemBatchInformationHook } from '../../stock-items/add-stock-item/batch-information/batch-information.resource';
-
-interface StockItemsAdditionRowProps {
-  canEdit?: boolean;
-  rows: StockOperationItemFormData[];
-  showQuantityRequested?: boolean;
-  requiresActualBatchInformation?: boolean;
-  requiresBatchUuid?: boolean;
-  canUpdateBatchInformation?: boolean;
-  canCapturePurchasePrice?: boolean;
-  batchNos?: {
-    [key: string]: StockBatchDTO[];
-  };
-  itemUoM?: {
-    [key: string]: StockItemPackagingUOMDTO[];
-  };
-  batchBalance?: {
-    [key: string]: StockItemInventory;
-  };
-  control: Control<{
-    stockItems: StockOperationItemDTO[];
-  }>;
-  setValue: UseFormSetValue<{
-    stockItems: StockOperationItemDTO[];
-  }>;
-  errors: FieldErrors<{
-    stockItems: StockOperationItemDTO[];
-  }>;
-  remove: UseFieldArrayRemove;
-  append: UseFieldArrayAppend<
-    {
-      stockItems: StockOperationItemDTO[];
-    },
-    'stockItems'
-  >;
-  fields: FieldArrayWithId<
-    {
-      stockItems: StockOperationItemDTO[];
-    },
-    'stockItems'
-  >[];
-}
-
-const StockItemsAdditionRow: React.FC<StockItemsAdditionRowProps> = ({
-  canEdit,
-  showQuantityRequested,
-  requiresActualBatchInformation,
-  requiresBatchUuid,
-  canUpdateBatchInformation,
-  canCapturePurchasePrice,
-  batchBalance,
-  control,
-  setValue,
-  errors,
-  remove,
-  fields,
-}) => {
-  const [stockItemUuid, setStockItemUuid] = useState<string | null | undefined>();
-  const [stockItemExpiry, setStockItemExpiy] = useState<Date | null | undefined>();
-
-  const handleStockItemChange = (index: number, data?: StockItemDTO) => {
-    if (!data) return;
-    const item = fields[index];
-    if (item) {
-      item.stockItemName =
-        (data?.drugName
-          ? `${data?.drugName}${
-              data?.commonName ?? data?.conceptName ? ` (${data?.commonName ?? data?.conceptName})` : ''
-            }`
-          : null) ?? data?.conceptName;
-
-      const configureExpiration = data?.hasExpiration ?? true;
-      item.hasExpiration = configureExpiration;
-      if (!configureExpiration) {
-        item.expiration = null;
-      }
-
-      item.stockItemUuid = data?.uuid;
-
-      item.stockItemPackagingUOMUuid = null;
-      item.stockItemPackagingUOMName = null;
-
-      item.stockBatchUuid = null;
-      if (requiresBatchUuid) {
-        // handleStockBatchSearch(row, "", data.selectedItem?.uuid);
-      }
-    }
-  };
-  const isStockItem = (obj: any): obj is StockItemDTO => {
-    return typeof obj === 'object' && obj !== null && 'drugName' in obj;
-  };
-
-  const StockAvailability: React.FC<{ stockItemUuid: string }> = ({ stockItemUuid }) => {
-    const { items } = useStockItemBatchInformationHook({
-      stockItemUuid: stockItemUuid,
-      includeBatchNo: true,
-    });
-
-    const totalQuantity = useMemo(() => {
-      if (!items?.length) return 0;
-      return items.reduce((total, batch) => {
-        return total + (Number(batch.quantity) || 0);
-      }, 0);
-    }, [items]);
-    const commonUOM = useMemo(() => {
-      if (!items?.length) return '';
-      return items[0]?.quantityUoM || '';
-    }, [items]);
-
-    return (
-      <div className={styles.availability}>
-        {totalQuantity > 0 ? (
-          <span>
-            Available: {totalQuantity.toLocaleString()} {commonUOM}
-          </span>
-        ) : (
-          <span className={styles.outOfStock}>Out of Stock</span>
-        )}
-      </div>
-    );
-  };
-  return (
-    <>
-      {fields?.map((row, index) => {
-        const stockItemId = `stockItems.${index}.stockItemUuid`;
-        return (
-          <TableRow className={isDesktop ? styles.desktopRow : styles.tabletRow} key={row?.uuid}>
-            <TableCell>
-              {row?.stockItemUuid && isStockItem(row?.stockItemUuid) ? (
-                <Link target={'_blank'} to={URL_STOCK_ITEM(row?.stockItemUuid)}>
-                  {row?.stockItemUuid.drugName || 'No stock item name'}
-                </Link>
-              ) : (
-                <Link target={'_blank'} to={URL_STOCK_ITEM(row?.stockItemUuid)}>
-                  {row?.stockItemName || 'No name available'}
-                </Link>
-              )}
-            </TableCell>
-            <TableCell>
-              <div className={styles.cellContent}>
-                {row?.stockItemUuid && <StockAvailability stockItemUuid={row.stockItemUuid} />}
-              </div>
-            </TableCell>
-            {showQuantityRequested && (
-              <TableCell>
-                <div className={styles.cellContent}>
-                  {row?.quantityRequested?.toLocaleString() ?? ''} {row?.quantityRequestedPackagingUOMName ?? ''}
-                </div>
-              </TableCell>
-            )}
-            {(requiresActualBatchInformation || requiresBatchUuid) && (
-              <TableCell>
-                <div className={styles.cellContent}>
-                  {requiresActualBatchInformation &&
-                    (canEdit || (canUpdateBatchInformation && row?.permission?.canUpdateBatchInformation)) && (
-                      <TextInput
-                        size="sm"
-                        maxLength={50}
-                        onChange={(e: ChangeEvent<HTMLInputElement>) =>
-                          setValue(`stockItems.${index}.batchNo`, e.target.value)
-                        }
-                        defaultValue={row.batchNo}
-                        invalidText=""
-                        invalid={errors?.stockItems?.[index]?.batchNo}
-                      />
-                    )}
-                  {requiresBatchUuid && !requiresActualBatchInformation && canEdit && (
-                    <BatchNoSelector
-                      batchUuid={row?.stockBatchUuid}
-                      onBatchNoChanged={(item) => {
-                        setValue(`stockItems.${index}.batchNo`, item?.batchNo ?? '');
-                        setValue(`stockItems.${index}.expiration`, item?.expiration);
-                        setStockItemExpiy(item?.expiration);
-                      }}
-                      placeholder={'Filter...'}
-                      invalid={!!errors?.stockItems?.[index]?.stockBatchUuid}
-                      control={control as unknown as Control}
-                      controllerName={`stockItems.${index}.stockBatchUuid`}
-                      name={`stockItems.${index}.stockBatchUuid`}
-                      stockItemUuid={row.stockItemUuid}
-                      selectedItem={stockItemUuid}
-                    />
-                  )}
-                  {!(canUpdateBatchInformation && row?.permission?.canUpdateBatchInformation) &&
-                    !canEdit &&
-                    row?.batchNo}
-                </div>
-              </TableCell>
-            )}
-            {(requiresActualBatchInformation || requiresBatchUuid) && (
-              <TableCell>
-                <div className={styles.cellContent}>
-                  {(canEdit || (canUpdateBatchInformation && row?.permission?.canUpdateBatchInformation)) &&
-                    requiresActualBatchInformation && (
-                      <DatePicker
-                        id={`expiration-${row.uuid}`}
-                        datePickerType="single"
-                        minDate={formatForDatePicker(today())}
-                        locale="en"
-                        dateFormat={DATE_PICKER_CONTROL_FORMAT}
-                        onChange={([newDate]) => {
-                          setValue(`stockItems.${index}.expiration`, newDate);
-                        }}
-                      >
-                        <DatePickerInput
-                          size="sm"
-                          autoComplete="off"
-                          id={`expiration-input-${row.uuid}`}
-                          name="operationDate"
-                          placeholder={DATE_PICKER_FORMAT}
-                          defaultValue={formatForDatePicker(row?.expiration)}
-                          invalid={!!errors?.stockItems?.[index]?.expiration}
-                        />
-                      </DatePicker>
-                    )}
-                  {requiresBatchUuid && !requiresActualBatchInformation && canEdit && (
-                    <DatePicker
-                      id={`expiration-${row.uuid}`}
-                      datePickerType="single"
-                      minDate={formatForDatePicker(today())}
-                      readOnly={true}
-                      locale="en"
-                      dateFormat={DATE_PICKER_CONTROL_FORMAT}
-                      onChange={([newDate]) => {
-                        setValue(`stockItems.${index}.expiration`, newDate);
-                      }}
-                    >
-                      <DatePickerInput
-                        size="sm"
-                        autoComplete="off"
-                        id={`expiration-input-${row.uuid}`}
-                        name="operationDate"
-                        placeholder={DATE_PICKER_FORMAT}
-                        value={formatForDatePicker(stockItemExpiry)}
-                        defaultValue={formatForDatePicker(stockItemExpiry)}
-                        invalid={!!errors?.stockItems?.[index]?.expiration}
-                      />
-                    </DatePicker>
-                  )}
-                  {((!(canUpdateBatchInformation && row?.permission?.canUpdateBatchInformation) && !canEdit) ||
-                    requiresBatchUuid) &&
-                    formatForDatePicker(row.expiration)}
-                </div>
-              </TableCell>
-            )}
-            <TableCell>
-              <div className={styles.cellContent}>
-                {canEdit && (
-                  <NumberInput
-                    allowEmpty
-                    className="small-placeholder-text"
-                    disableWheel
-                    hideSteppers
-                    size="sm"
-                    id={`qty-${row?.uuid}`}
-                    onChange={(e: any) => setValue(`stockItems.${index}.quantity`, e?.target?.value)}
-                    value={row?.quantity ?? ''}
-                    invalidText={errors?.stockItems?.[index]?.quantity?.message}
-                    placeholder={
-                      requiresBatchUuid && !requiresActualBatchInformation && row?.stockBatchUuid in batchBalance
-                        ? `Bal: ${batchBalance[row?.stockBatchUuid]?.quantity?.toLocaleString() ?? ''} ${
-                            batchBalance[row?.stockBatchUuid]?.quantityUoM ?? ''
-                          }`
-                        : ''
-                    }
-                    invalid={!!errors?.stockItems?.[index]?.quantity}
-                  />
-                )}
-                {!canEdit && row?.quantity?.toLocaleString()}
-              </div>
-            </TableCell>
-            <TableCell>
-              <div className={styles.cellContent}>
-                {canEdit && (
-                  <QtyUomSelector
-                    stockItemUuid={row.stockItemUuid}
-                    onStockPackageChanged={(selectedItem) => {
-                      setValue(`stockItems.${index}.stockItemPackagingUOMUuid`, selectedItem?.uuid);
-                    }}
-                    placeholder={'Filter...'}
-                    invalid={!!errors?.stockItems?.[index]?.stockItemPackagingUOMUuid}
-                    control={control as unknown as Control}
-                    controllerName={`stockItems.${index}.stockItemPackagingUOMUuid`}
-                    name={`stockItems.${index}.stockItemPackagingUOMUuid`}
-                  />
-                )}
-                {!canEdit && row?.stockItemPackagingUOMName}
-              </div>
-            </TableCell>
-            {canCapturePurchasePrice && (
-              <TableCell>
-                <div className={styles.cellContent}>
-                  <div className={styles.cellContent}>
-                    {canEdit && (
-                      <NumberInput
-                        allowEmpty
-                        disableWheel
-                        size="sm"
-                        invalid={!!errors?.stockItems?.[index]?.purchasePrice}
-                        invalidText=""
-                        id={`purchaseprice-${row.uuid}`}
-                        onChange={(e: any) => setValue(`stockItems.${index}.purchasePrice`, e?.target?.value)}
-                        value={row?.purchasePrice ?? ''}
-                        title=""
-                      />
-                    )}
-                    {!canEdit && row?.purchasePrice?.toLocaleString()}
-                  </div>
-                </div>
-              </TableCell>
-            )}
-            {canEdit && (
-              <TableCell>
-                <Button
-                  type="button"
-                  size="sm"
-                  className="submitButton clear-padding-margin"
-                  iconDescription={'Delete'}
-                  kind="ghost"
-                  renderIcon={TrashCan}
-                  onClick={() => remove(index)}
-                />
-              </TableCell>
-            )}
-          </TableRow>
-        );
-      })}
-    </>
-  );
-};
-export default StockItemsAdditionRow;

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

@@ -1,12 +0,0 @@
-.availability {
-  font-size: 0.875rem;
-
-  .outOfStock {
-    color: #da1e28;
-  }
-}
-.cellContent {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}

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

@@ -1,10 +0,0 @@
-import React from 'react';
-
-import { render } from '@testing-library/react';
-import StockItemsAdditionRow from './stock-items-addition-row.component';
-
-describe('Test the stock items addition row', () => {
-  it(`renders without dying`, () => {
-    // render(<StockItemsAdditionRow />);
-  });
-});

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

@@ -1,17 +0,0 @@
-.tableContainer {
-  :global(.cds--data-table-content) {
-    height: calc(100vh - 150px);
-  }
-}
-.tableHeader {
-  width: 3% !important;
-}
-.tableBody {
-  display: flex;
-  flex-direction: row;
-  width: 3% !important;
-  gap: 8px;
-}
-.dataTable {
-  width: 100%;
-}