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

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

@@ -1,59 +0,0 @@
-import React, { ReactNode, useEffect } from 'react';
-import { Control, Controller, FieldValues } from 'react-hook-form';
-import { Party } from '../../core/api/types/Party';
-import { ComboBox } from '@carbon/react';
-
-interface PartySelectorProps<T> {
-  partyUuid?: string;
-  parties: Party[];
-  onPartyChange?: (party: Party) => void;
-  title?: string;
-  placeholder?: string;
-  invalid?: boolean;
-  invalidText?: ReactNode;
-  filterFunction?: (party: Party) => boolean;
-
-  // Control
-  controllerName: string;
-  name: string;
-  control: Control<FieldValues, T>;
-}
-
-const PartySelector = <T,>(props: PartySelectorProps<T>) => {
-  return (
-    <Controller
-      name={props.controllerName}
-      control={props.control}
-      render={({ field: { onChange, value, ref } }) => {
-        const selectedParty = props.parties.find((p) => p.uuid === props.partyUuid);
-
-        if (selectedParty && !value) {
-          onChange(selectedParty.uuid);
-        }
-        return (
-          <ComboBox
-            titleText={props.title}
-            name={props.name}
-            id={props.name}
-            size={'md'}
-            items={props.parties}
-            onChange={(data: { selectedItem: Party }) => {
-              props.onPartyChange?.(data.selectedItem);
-              onChange(data.selectedItem?.uuid);
-            }}
-            initialSelectedItem={selectedParty}
-            selectedItem={props.parties.find((p) => p.uuid === value)}
-            itemToString={(item?: Party) => (item && item?.name ? `${item?.name}` : '')}
-            shouldFilterItem={() => true}
-            placeholder={props.placeholder}
-            ref={ref}
-            invalid={props.invalid}
-            invalidText={props.invalidText}
-          />
-        );
-      }}
-    />
-  );
-};
-
-export default PartySelector;

package/src/stock-operations/qty-uom-selector/qty-uom-selector.component.tsx

@@ -1,65 +0,0 @@
-import React, { ReactNode, useMemo } from 'react';
-import { Control, Controller, FieldValues } from 'react-hook-form';
-import { StockItemPackagingUOMDTO } from '../../core/api/types/stockItem/StockItemPackagingUOM';
-import { ComboBox, SkeletonText } from '@carbon/react';
-import { useStockItem } from '../../stock-items/stock-items.resource';
-
-interface QtyUomSelectorProps<T> {
-  placeholder?: string;
-  stockItemUuid: string;
-  stockItemPackagingUOMUuid?: string;
-  onStockPackageChanged?: (item: StockItemPackagingUOMDTO) => void;
-  title?: string;
-  invalid?: boolean;
-  invalidText?: ReactNode;
-
-  // Control
-  controllerName: string;
-  name: string;
-  control: Control<FieldValues, T>;
-}
-
-const QtyUomSelector = <T,>(props: QtyUomSelectorProps<T>) => {
-  const { isLoading, error, item } = useStockItem(props.stockItemUuid ?? props['uuid']);
-  const initialSelectedItem = useMemo<StockItemPackagingUOMDTO | null>(
-    () => (item?.packagingUnits?.length > 0 ? item.packagingUnits[0] : null),
-    [item?.packagingUnits],
-  );
-
-  if (isLoading || error) return <SkeletonText />;
-
-  return (
-    <div>
-      <Controller
-        name={props.controllerName}
-        control={props.control}
-        defaultValue={initialSelectedItem.uuid ?? ''}
-        render={({ field: { onChange, ref } }) => (
-          <ComboBox
-            titleText={props.title}
-            name={props.name}
-            control={props.control}
-            controllerName={props.controllerName}
-            id={props.name}
-            size={'sm'}
-            items={item?.packagingUnits ?? []}
-            onChange={(data: { selectedItem?: StockItemPackagingUOMDTO }) => {
-              props.onStockPackageChanged?.(data.selectedItem);
-              onChange(data.selectedItem?.uuid);
-            }}
-            initialSelectedItem={initialSelectedItem}
-            itemToString={(s: StockItemPackagingUOMDTO) =>
-              s.packagingUomName ? `${s?.packagingUomName} - ${s?.factor} ` : ''
-            }
-            placeholder={props.placeholder}
-            invalid={props.invalid}
-            invalidText={props.invalidText}
-            ref={ref}
-          />
-        )}
-      />
-    </div>
-  );
-};
-
-export default QtyUomSelector;

package/src/stock-operations/qty-uom-selector/qty-uom-selector.test.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-
-import { render } from '@testing-library/react';
-import QtyUomSelector from './qty-uom-selector.component';
-
-describe('Test the qty uom selector', () => {
-  it(`renders without dying`, () => {
-    // render(<QtyUomSelector />);
-  });
-});

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

@@ -1,69 +0,0 @@
-import React, { ReactNode } from 'react';
-import { Control, Controller, FieldValues } from 'react-hook-form';
-import { ComboBox, InlineLoading } from '@carbon/react';
-import { StockItemDTO } from '../../core/api/types/stockItem/StockItem';
-import { useStockItems } from './stock-item-selector.resource';
-import { useDebounce } from '../../core/hooks/debounce-hook';
-
-interface StockItemSelectorProps<T> {
-  placeholder?: string;
-  stockItemUuid?: string;
-  onStockItemChanged?: (item: StockItemDTO) => void;
-  title?: string;
-  invalid?: boolean;
-  invalidText?: ReactNode;
-  initialSelectedItem?: StockItemDTO;
-
-  // Control
-  controllerName: string;
-  name: string;
-  control: Control<FieldValues, T>;
-}
-
-const StockItemSelector = <T,>(props: StockItemSelectorProps<T>) => {
-  const { isLoading, stockItemsList, setSearchString } = useStockItems({});
-
-  const debouncedSearch = useDebounce((query: string) => {
-    setSearchString(query);
-  }, 500);
-
-  return (
-    <div>
-      <Controller
-        name={props.controllerName}
-        control={props.control}
-        render={({ field: { onChange, value, ref } }) => (
-          <ComboBox
-            titleText={props.title}
-            name={props.name}
-            control={props.control}
-            controllerName={props.controllerName}
-            id={props.name}
-            size={'sm'}
-            items={stockItemsList || []}
-            onChange={(data: { selectedItem: StockItemDTO }) => {
-              props.onStockItemChanged?.(data.selectedItem);
-              onChange(data.selectedItem?.uuid);
-            }}
-            initialSelectedItem={
-              props?.initialSelectedItem ?? stockItemsList?.find((p) => p.uuid === props.stockItemUuid) ?? ''
-            }
-            itemToString={stockItemName}
-            onInputChange={debouncedSearch}
-            placeholder={props.placeholder}
-            invalid={props.invalid}
-            invalidText={props.invalidText}
-            ref={ref}
-          />
-        )}
-      />
-      {isLoading && <InlineLoading status="active" iconDescription="Searching" description="Searching..." />}
-    </div>
-  );
-};
-
-function stockItemName(item: StockItemDTO): string {
-  return item?.drugName || item?.conceptName;
-}
-
-export default StockItemSelector;

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

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

package/src/stock-operations/stock-operation-reason-selector/stock-operation-reason-selector.component.tsx

@@ -1,62 +0,0 @@
-import React, { ReactNode } from 'react';
-import { Control, Controller, FieldValues } from 'react-hook-form';
-import { Concept } from '../../core/api/types/concept/Concept';
-import { ComboBox, SelectSkeleton } from '@carbon/react';
-import { useConcept } from '../../stock-lookups/stock-lookups.resource';
-import { type ConfigObject } from '../../config-schema';
-import { useConfig } from '@openmrs/esm-framework';
-
-interface StockOperationReasonSelectorProps<T> {
-  reasonUuid?: string;
-  onReasonChange?: (reason: Concept) => void;
-  title?: string;
-  placeholder?: string;
-  invalid?: boolean;
-  invalidText?: ReactNode;
-
-  // Control
-  controllerName: string;
-  name: string;
-  control: Control<FieldValues, T>;
-}
-
-const StockOperationReasonSelector = <T,>(props: StockOperationReasonSelectorProps<T>) => {
-  const { stockAdjustmentReasonUUID } = useConfig<ConfigObject>();
-
-  const {
-    isLoading,
-    error,
-    items: { answers: reasons },
-  } = useConcept(stockAdjustmentReasonUUID);
-
-  if (isLoading || error) return <SelectSkeleton />;
-
-  return (
-    <Controller
-      name={props.controllerName}
-      control={props.control}
-      render={({ field: { onChange, ref } }) => (
-        <ComboBox
-          labelText={props.title}
-          placeholder={props.placeholder}
-          name={props.name}
-          controllerName={props.controllerName}
-          id={props.name}
-          size={'md'}
-          items={reasons}
-          initialSelectedItem={reasons?.find((p) => p.uuid === props.reasonUuid) || {}}
-          itemToString={(item?: Concept) => (item && item?.display ? `${item?.display}` : '')}
-          onChange={(data: { selectedItem?: Concept }) => {
-            props.onReasonChange?.(data?.selectedItem);
-            onChange(data?.selectedItem?.uuid);
-          }}
-          ref={ref}
-          invalid={props.invalid}
-          invalidText={props.invalidText}
-        />
-      )}
-    />
-  );
-};
-
-export default StockOperationReasonSelector;

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

@@ -1,75 +0,0 @@
-import React, { ReactNode, useState } from 'react';
-import { Control, Controller, FieldValues } from 'react-hook-form';
-import { User } from '../../core/api/types/identity/User';
-import { ComboBox, InlineLoading } from '@carbon/react';
-import { useUsersHook } from './users-selector.resource';
-import { useDebounce } from '../../core/hooks/debounce-hook';
-import { otherUser } from '../../core/utils/utils';
-import { useConfig, useSession } from '@openmrs/esm-framework';
-import { ConfigObject } from '../../config-schema';
-
-interface UsersSelectorProps<T> {
-  placeholder?: string;
-  userUuid?: string;
-  onUserChanged?: (user: User) => void;
-  title?: string;
-  invalid?: boolean;
-  invalidText?: ReactNode;
-
-  // Control
-  controllerName: string;
-  name: string;
-  control: Control<FieldValues, T>;
-}
-
-const UsersSelector = <T,>(props: UsersSelectorProps<T>) => {
-  const { isLoading, userList, setSearchString } = useUsersHook();
-  const { user } = useSession();
-  const { autoPopulateResponsiblePerson } = useConfig<ConfigObject>();
-  const debouncedSearch = useDebounce((query: string) => {
-    setSearchString(query);
-  }, 1000);
-
-  if (userList) userList.push(otherUser);
-
-  return (
-    <div>
-      <Controller
-        name={props.controllerName}
-        control={props.control}
-        render={({ field: { onChange, ref } }) => (
-          <ComboBox
-            titleText={props.title}
-            name={props.name}
-            control={props.control}
-            controllerName={props.controllerName}
-            id={props.name}
-            size={'md'}
-            items={userList || []}
-            onChange={(data: { selectedItem: User }) => {
-              props.onUserChanged?.(data.selectedItem);
-              onChange(data.selectedItem?.uuid);
-            }}
-            initialSelectedItem={
-              userList?.find((p) => p.uuid === (props?.userUuid ?? autoPopulateResponsiblePerson ? user.uuid : '')) ??
-              ''
-            }
-            itemToString={userName}
-            onInputChange={debouncedSearch}
-            placeholder={props.placeholder}
-            invalid={props.invalid}
-            invalidText={props.invalidText}
-            ref={ref}
-          />
-        )}
-      />
-      {isLoading && <InlineLoading status="active" iconDescription="Searching" description="Searching..." />}
-    </div>
-  );
-};
-
-function userName(item: User): string {
-  return item?.person?.display || '';
-}
-
-export default UsersSelector;