@openmrs/esm-dispensing-app 1.3.2-pre.280 → 1.3.2-pre.283

package/dist/openmrs-esm-dispensing-app.js.buildmanifest.json

@@ -25,7 +25,7 @@
       "auxiliaryFiles": [
         "main.js.map"
       ],
-      "hash": "98106b183ce45f58",
+      "hash": "84156c9c0f02ff38",
       "childrenByOrder": {}
     },
     {
@@ -339,7 +339,7 @@
       "auxiliaryFiles": [
         "985.js.map"
       ],
-      "hash": "3626e8a8c6cef773",
+      "hash": "bbafbbc86cf5f9c3",
       "childrenByOrder": {}
     },
     {

package/dist/routes.json

@@ -1 +1 @@
-{"backendDependencies":{"fhir2":">=1.2","webservices.rest":"^2.2.0"},"pages":[{"component":"dispensing","route":"dispensing","online":true,"offline":true}],"extensions":[{"name":"dispensing-link","slot":"app-menu-slot","component":"dispensingLink","online":true,"offline":true},{"name":"dispensing-dashboard","slot":"dispensing-dashboard-slot","component":"dispensingDashboard","online":true,"offline":true},{"name":"dispensing-dashboard-link","component":"dispensingDashboardLink","meta":{"name":"dispensing","slot":"dispensing-dashboard-slot","title":"Dispensing"}}],"version":"1.3.2-pre.280"}
+{"backendDependencies":{"fhir2":">=1.2","webservices.rest":"^2.2.0"},"pages":[{"component":"dispensing","route":"dispensing","online":true,"offline":true}],"extensions":[{"name":"dispensing-link","slot":"app-menu-slot","component":"dispensingLink","online":true,"offline":true},{"name":"dispensing-dashboard","slot":"dispensing-dashboard-slot","component":"dispensingDashboard","online":true,"offline":true},{"name":"dispensing-dashboard-link","component":"dispensingDashboardLink","meta":{"name":"dispensing","slot":"dispensing-dashboard-slot","title":"Dispensing"}}],"version":"1.3.2-pre.283"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-dispensing-app",
-  "version": "1.3.2-pre.280",
+  "version": "1.3.2-pre.283",
   "license": "MPL-2.0",
   "description": "Medication dispensing application",
   "browser": "dist/openmrs-esm-dispensing-app.js",
@@ -11,7 +11,6 @@
     "serve": "webpack serve --mode=development",
     "build": "webpack --mode production",
     "analyze": "webpack --mode=production --env.analyze=true",
-    "prettier": "prettier --write \"src/**/*.{ts,tsx}\" --list-different --ignore-unknown",
     "lint": "eslint src --ext js,jsx,ts,tsx",
     "test": "jest --config jest.config.js",
     "typescript": "tsc",
@@ -67,20 +66,20 @@
     "@types/react-router": "^5.1.14",
     "@types/react-router-dom": "^5.1.7",
     "@types/webpack-env": "^1.16.0",
+    "@typescript-eslint/eslint-plugin": "^7.5.0",
     "@typescript-eslint/parser": "^7.5.0",
     "concurrently": "^6.2.0",
     "dayjs": "1.x",
-    "eslint": "^7.27.0",
-    "eslint-config-prettier": "^8.3.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-unused-imports": "^2.0.0",
     "husky": "^6.0.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^28.1.2",
     "jest-cli": "^28.1.2",
     "jest-environment-jsdom": "^28.1.2",
+    "lint-staged": "^15.2.2",
     "openmrs": "next",
-    "prettier": "^2.3.0",
-    "pretty-quick": "^3.1.0",
+    "prettier": "^3.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-i18next": "^11.7.0",
@@ -90,6 +89,12 @@
     "typescript": "^4.3.2",
     "webpack": "^5.88.0"
   },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "eslint --cache --fix",
+      "prettier --cache --write --ignore-unknown --list-different"
+    ]
+  },
   "packageManager": "yarn@3.6.4",
   "stableVersion": "1.3.1"
 }

package/src/components/action-buttons.component.tsx

@@ -3,14 +3,14 @@ import { Button } from '@carbon/react';
 import { useConfig, useSession } from '@openmrs/esm-framework';
 import styles from './action-buttons.scss';
 import { useTranslation } from 'react-i18next';
-import { MedicationDispenseStatus, MedicationRequestBundle, MedicationRequestStatus } from '../types';
-import { PharmacyConfig } from '../config-schema';
+import { MedicationDispenseStatus, type MedicationRequestBundle, MedicationRequestStatus } from '../types';
 import { launchOverlay } from '../hooks/useOverlay';
 import {
   computeMedicationRequestStatus,
   computeQuantityRemaining,
   getMostRecentMedicationDispenseStatus,
 } from '../utils';
+import { type PharmacyConfig } from '../config-schema';
 import DispenseForm from '../forms/dispense-form.component';
 import { initiateMedicationDispenseBody } from '../medication-dispense/medication-dispense.resource';
 import PauseDispenseForm from '../forms/pause-dispense-form.component';
@@ -24,7 +24,7 @@ interface ActionButtonsProps {
 
 const ActionButtons: React.FC<ActionButtonsProps> = ({ medicationRequestBundle, patientUuid, encounterUuid }) => {
   const { t } = useTranslation();
-  const config = useConfig() as PharmacyConfig;
+  const config = useConfig<PharmacyConfig>();
   const session = useSession();
   const mostRecentMedicationDispenseStatus: MedicationDispenseStatus = getMostRecentMedicationDispenseStatus(
     medicationRequestBundle.dispenses,

package/src/components/medication-card.component.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Tile } from '@carbon/react';
 import { Edit } from '@carbon/react/icons';
-import { MedicationReferenceOrCodeableConcept } from '../types';
+import { type MedicationReferenceOrCodeableConcept } from '../types';
 import styles from './medication-card.scss';
 import { getMedicationDisplay } from '../utils';
 

package/src/components/medication-event.component.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DosageInstruction, MedicationDispense, MedicationRequest, Quantity } from '../types';
+import { type DosageInstruction, type MedicationDispense, type MedicationRequest, type Quantity } from '../types';
 import styles from './medication-event.scss';
 import {
   getDosageInstruction,

package/src/components/patient-details.component.tsx

@@ -1,13 +1,12 @@
 import React, { useEffect } from 'react';
-import { attach, detach, ExtensionSlot, PatientUuid, useConfig, usePatient } from '@openmrs/esm-framework';
-import styles from './patient-details.scss';
 import { useTranslation } from 'react-i18next';
+import { attach, detach, ExtensionSlot, type PatientUuid, usePatient } from '@openmrs/esm-framework';
+import styles from './patient-details.scss';
 
 const PatientDetails: React.FC<{
   patientUuid: PatientUuid;
 }> = ({ patientUuid }) => {
   const { t } = useTranslation();
-  const config = useConfig();
   const { patient } = usePatient(patientUuid);
 
   const patientName = patient;

package/src/config-schema.ts

@@ -123,7 +123,7 @@ export const configSchema = {
   },
 };
 
-export type PharmacyConfig = {
+export interface PharmacyConfig {
   appName: string;
   actionButtons: {
     pauseButton: {
@@ -162,4 +162,4 @@ export type PharmacyConfig = {
       uuid: string;
     };
   };
-};
+}

package/src/dashboard/dispensing-dashboard.component.tsx

@@ -3,12 +3,12 @@ import { InlineNotification } from '@carbon/react';
 import Overlay from '../forms/overlay/overlay.component';
 import { PharmacyHeader } from '../pharmacy-header/pharmacy-header.component';
 import PrescriptionTabLists from '../prescriptions/prescription-tab-lists.component';
-import { PharmacyConfig } from '../config-schema';
 import { useConfig } from '@openmrs/esm-framework';
 import { useTranslation } from 'react-i18next';
+import { type PharmacyConfig } from '../config-schema';
 
 export default function DispensingDashboard() {
-  const config = useConfig() as PharmacyConfig;
+  const config = useConfig<PharmacyConfig>();
   const { t } = useTranslation();
   if (config.dispenseBehavior.restrictTotalQuantityDispensed && config.dispenseBehavior.allowModifyingPrescription) {
     return (

package/src/dispensing-tiles/dispensing-tiles.resource.tsx

@@ -1,6 +1,6 @@
 import useSWR from 'swr';
 import useSWRImmutable from 'swr/immutable';
-import { FetchResponse, openmrsFetch } from '@openmrs/esm-framework';
+import { type FetchResponse, openmrsFetch } from '@openmrs/esm-framework';
 
 // NOT CURRENTLY USED
 

package/src/forms/close-dispense-form.component.tsx

@@ -12,9 +12,9 @@ import { Button, ComboBox, InlineLoading } from '@carbon/react';
 import { saveMedicationDispense, useReasonForCloseValueSet } from '../medication-dispense/medication-dispense.resource';
 import { closeOverlay } from '../hooks/useOverlay';
 import styles from './forms.scss';
-import { PharmacyConfig } from '../config-schema';
 import { updateMedicationRequestFulfillerStatus } from '../medication-request/medication-request.resource';
-import { MedicationDispense, MedicationDispenseStatus, MedicationRequestFulfillerStatus } from '../types';
+import { type MedicationDispense, MedicationDispenseStatus, MedicationRequestFulfillerStatus } from '../types';
+import { type PharmacyConfig } from '../config-schema';
 import { getUuidFromReference, revalidate } from '../utils';
 
 interface CloseDispenseFormProps {
@@ -31,7 +31,7 @@ const CloseDispenseForm: React.FC<CloseDispenseFormProps> = ({
   encounterUuid,
 }) => {
   const { t } = useTranslation();
-  const config = useConfig() as PharmacyConfig;
+  const config = useConfig<PharmacyConfig>();
   const isTablet = useLayoutType() === 'tablet';
   const { patient, isLoading } = usePatient(patientUuid);
 

package/src/forms/dispense-form.component.tsx

@@ -11,8 +11,7 @@ import {
 import { Button, FormLabel, InlineLoading } from '@carbon/react';
 import styles from './forms.scss';
 import { closeOverlay } from '../hooks/useOverlay';
-import { MedicationDispense, MedicationDispenseStatus, MedicationRequestBundle } from '../types';
-import { PharmacyConfig } from '../config-schema';
+import { type MedicationDispense, MedicationDispenseStatus, type MedicationRequestBundle } from '../types';
 import { saveMedicationDispense } from '../medication-dispense/medication-dispense.resource';
 import MedicationDispenseReview from './medication-dispense-review.component';
 import {
@@ -22,6 +21,7 @@ import {
   revalidate,
 } from '../utils';
 import { updateMedicationRequestFulfillerStatus } from '../medication-request/medication-request.resource';
+import { type PharmacyConfig } from '../config-schema';
 
 interface DispenseFormProps {
   medicationDispense: MedicationDispense;
@@ -43,7 +43,7 @@ const DispenseForm: React.FC<DispenseFormProps> = ({
   const { t } = useTranslation();
   const isTablet = useLayoutType() === 'tablet';
   const { patient, isLoading } = usePatient(patientUuid);
-  const config = useConfig() as PharmacyConfig;
+  const config = useConfig<PharmacyConfig>();
 
   // Keep track of medication dispense payload
   const [medicationDispensePayload, setMedicationDispensePayload] = useState<MedicationDispense>();

package/src/forms/medication-dispense-review.component.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { Medication, MedicationDispense } from '../types';
+import { type Medication, type MedicationDispense } from '../types';
 import MedicationCard from '../components/medication-card.component';
 import { TextArea, ComboBox, Dropdown, NumberInput } from '@carbon/react';
 import { useLayoutType, useConfig, useSession, userHasAccess } from '@openmrs/esm-framework';
@@ -8,13 +8,13 @@ import { getConceptCodingUuid, getMedicationReferenceOrCodeableConcept, getOpenM
 import styles from '../components/medication-dispense-review.scss';
 import { useMedicationCodeableConcept, useMedicationFormulations } from '../medication/medication.resource';
 import { useMedicationRequest } from '../medication-request/medication-request.resource';
-import { PharmacyConfig } from '../config-schema';
 import {
   useOrderConfig,
   useSubstitutionReasonValueSet,
   useSubstitutionTypeValueSet,
 } from '../medication-dispense/medication-dispense.resource';
 import { PRIVILEGE_CREATE_DISPENSE_MODIFY_DETAILS } from '../constants';
+import { type PharmacyConfig } from '../config-schema';
 
 interface MedicationDispenseReviewProps {
   medicationDispense: MedicationDispense;
@@ -28,7 +28,7 @@ const MedicationDispenseReview: React.FC<MedicationDispenseReviewProps> = ({
   quantityRemaining,
 }) => {
   const { t } = useTranslation();
-  const config = useConfig() as PharmacyConfig;
+  const config = useConfig<PharmacyConfig>();
   const session = useSession();
   const [isEditingFormulation, setIsEditingFormulation] = useState(false);
   const [isSubstitution, setIsSubstitution] = useState(false);
@@ -141,8 +141,8 @@ const MedicationDispenseReview: React.FC<MedicationDispenseReviewProps> = ({
     existingMedicationCodeableConceptUuid
       ? existingMedicationCodeableConceptUuid
       : medicationCodeableConceptUuid
-      ? medicationCodeableConceptUuid
-      : null,
+        ? medicationCodeableConceptUuid
+        : null,
   );
 
   // get the medication request associated with this dispense event

package/src/forms/pause-dispense-form.component.tsx

@@ -12,10 +12,10 @@ import { Button, ComboBox, InlineLoading } from '@carbon/react';
 import { saveMedicationDispense, useReasonForPauseValueSet } from '../medication-dispense/medication-dispense.resource';
 import { closeOverlay } from '../hooks/useOverlay';
 import styles from './forms.scss';
-import { PharmacyConfig } from '../config-schema';
 import { updateMedicationRequestFulfillerStatus } from '../medication-request/medication-request.resource';
 import { getUuidFromReference, revalidate } from '../utils';
-import { MedicationDispense, MedicationDispenseStatus, MedicationRequestFulfillerStatus } from '../types';
+import { type MedicationDispense, MedicationDispenseStatus, MedicationRequestFulfillerStatus } from '../types';
+import { type PharmacyConfig } from '../config-schema';
 
 interface PauseDispenseFormProps {
   medicationDispense: MedicationDispense;
@@ -31,7 +31,7 @@ const PauseDispenseForm: React.FC<PauseDispenseFormProps> = ({
   encounterUuid,
 }) => {
   const { t } = useTranslation();
-  const config = useConfig() as PharmacyConfig;
+  const config = useConfig<PharmacyConfig>();
   const isTablet = useLayoutType() === 'tablet';
   const { patient, isLoading } = usePatient(patientUuid);
 

package/src/history/history-and-comments.component.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DataTableSkeleton, OverflowMenu, OverflowMenuItem, Tag, Tile } from '@carbon/react';
 import { useTranslation } from 'react-i18next';
-import { formatDatetime, parseDate, Session, useConfig, userHasAccess, useSession } from '@openmrs/esm-framework';
+import { formatDatetime, parseDate, type Session, useConfig, userHasAccess, useSession } from '@openmrs/esm-framework';
 import styles from './history-and-comments.scss';
 import {
   updateMedicationRequestFulfillerStatus,
@@ -10,9 +10,8 @@ import {
 import { deleteMedicationDispense } from '../medication-dispense/medication-dispense.resource';
 import MedicationEvent from '../components/medication-event.component';
 import { launchOverlay } from '../hooks/useOverlay';
-import { PharmacyConfig } from '../config-schema';
 import DispenseForm from '../forms/dispense-form.component';
-import { MedicationDispense, MedicationDispenseStatus, MedicationRequestBundle } from '../types';
+import { type MedicationDispense, MedicationDispenseStatus, type MedicationRequestBundle } from '../types';
 import {
   PRIVILEGE_DELETE_DISPENSE,
   PRIVILEGE_DELETE_DISPENSE_THIS_PROVIDER_ONLY,
@@ -30,6 +29,7 @@ import {
 } from '../utils';
 import PauseDispenseForm from '../forms/pause-dispense-form.component';
 import CloseDispenseForm from '../forms/close-dispense-form.component';
+import { type PharmacyConfig } from '../config-schema';
 
 const HistoryAndComments: React.FC<{
   encounterUuid: string;
@@ -37,7 +37,7 @@ const HistoryAndComments: React.FC<{
 }> = ({ encounterUuid, patientUuid }) => {
   const { t } = useTranslation();
   const session = useSession();
-  const config = useConfig() as PharmacyConfig;
+  const config = useConfig<PharmacyConfig>();
   const { medicationRequestBundles, prescriptionDate, isError, isLoading } = usePrescriptionDetails(
     encounterUuid,
     config.refreshInterval,

package/src/location/location.resource.tsx

@@ -1,7 +1,7 @@
 import useSWR from 'swr';
 import { fhirBaseUrl, openmrsFetch } from '@openmrs/esm-framework';
-import { LocationResponse, SimpleLocation } from '../types';
-import { PharmacyConfig } from '../config-schema';
+import { type LocationResponse, type SimpleLocation } from '../types';
+import { type PharmacyConfig } from '../config-schema';
 
 export function useLocationForFiltering(config: PharmacyConfig) {
   const { data, error } = useSWR<{ data: LocationResponse }, Error>(

package/src/medication/medication.resource.tsx

@@ -1,5 +1,5 @@
 import useSWR from 'swr';
-import { Medication, MedicationFormulationsResponse } from '../types';
+import { type Medication, type MedicationFormulationsResponse } from '../types';
 import { fhirBaseUrl, openmrsFetch } from '@openmrs/esm-framework';
 import { getConceptCodingUuid, getMedicationsByConceptEndpoint } from '../utils';
 

package/src/medication-dispense/medication-dispense.resource.tsx

@@ -1,7 +1,13 @@
-import { fhirBaseUrl, openmrsFetch, Session } from '@openmrs/esm-framework';
+import { fhirBaseUrl, openmrsFetch, type Session } from '@openmrs/esm-framework';
 import dayjs from 'dayjs';
 import useSWR from 'swr';
-import { MedicationDispense, MedicationDispenseStatus, MedicationRequest, OrderConfig, ValueSet } from '../types';
+import {
+  type MedicationDispense,
+  MedicationDispenseStatus,
+  type MedicationRequest,
+  type OrderConfig,
+  type ValueSet,
+} from '../types';
 
 export function saveMedicationDispense(
   medicationDispense: MedicationDispense,

package/src/medication-request/medication-request.resource.tsx

@@ -1,15 +1,15 @@
 import useSWR from 'swr';
 import { fhirBaseUrl, openmrsFetch, parseDate } from '@openmrs/esm-framework';
 import {
-  AllergyIntoleranceResponse,
-  EncounterResponse,
-  MedicationRequest,
-  MedicationRequestResponse,
-  PrescriptionsTableRow,
-  MedicationDispense,
-  Encounter,
-  MedicationRequestFulfillerStatus,
-  MedicationRequestBundle,
+  type AllergyIntoleranceResponse,
+  type EncounterResponse,
+  type MedicationRequest,
+  type MedicationRequestResponse,
+  type PrescriptionsTableRow,
+  type MedicationDispense,
+  type Encounter,
+  type MedicationRequestFulfillerStatus,
+  type MedicationRequestBundle,
 } from '../types';
 import {
   getPrescriptionDetailsEndpoint,
@@ -124,7 +124,7 @@ function buildPrescriptionsTableRow(
 }
 
 export function usePrescriptionDetails(encounterUuid: string, refreshInterval) {
-  let medicationRequestBundles: Array<MedicationRequestBundle> = [];
+  const medicationRequestBundles: Array<MedicationRequestBundle> = [];
   let prescriptionDate: Date;
   let isLoading = true;
 
@@ -182,7 +182,7 @@ export function usePatientAllergies(patientUuid: string, refreshInterval) {
     { refreshInterval: refreshInterval },
   );
 
-  let allergies = [];
+  const allergies = [];
   if (data) {
     const entries = data?.data.entry;
     entries?.map((allergy) => {

package/src/pharmacy-header/pharmacy-header.component.tsx

@@ -2,14 +2,14 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { Calendar, Location } from '@carbon/react/icons';
 import { useConfig, useSession, formatDate } from '@openmrs/esm-framework';
-import { PharmacyConfig } from '../config-schema';
 import PharmacyIllustration from './pharmacy-illustration.component';
+import { type PharmacyConfig } from '../config-schema';
 import styles from './pharmacy-header.scss';
 
 export const PharmacyHeader: React.FC = () => {
   const { t } = useTranslation();
   const userSession = useSession();
-  const config = useConfig() as PharmacyConfig;
+  const config = useConfig<PharmacyConfig>();
   const userLocation = userSession?.sessionLocation?.display;
 
   return (

package/src/prescriptions/prescription-details.component.tsx

@@ -5,19 +5,19 @@ import { WarningFilled } from '@carbon/react/icons';
 import { usePatientAllergies, usePrescriptionDetails } from '../medication-request/medication-request.resource';
 import { useTranslation } from 'react-i18next';
 import MedicationEvent from '../components/medication-event.component';
-import { PatientUuid, useConfig, UserHasAccess } from '@openmrs/esm-framework';
-import { AllergyIntolerance, MedicationRequest, MedicationRequestCombinedStatus } from '../types';
-import { PharmacyConfig } from '../config-schema';
+import { type PatientUuid, useConfig, UserHasAccess } from '@openmrs/esm-framework';
+import { type AllergyIntolerance, type MedicationRequest, MedicationRequestCombinedStatus } from '../types';
 import { computeMedicationRequestCombinedStatus, getConceptCodingDisplay } from '../utils';
 import ActionButtons from '../components/action-buttons.component';
 import { PRIVILEGE_CREATE_DISPENSE } from '../constants';
+import { type PharmacyConfig } from '../config-schema';
 
 const PrescriptionDetails: React.FC<{
   encounterUuid: string;
   patientUuid: PatientUuid;
 }> = ({ encounterUuid, patientUuid }) => {
   const { t } = useTranslation();
-  const config = useConfig() as PharmacyConfig;
+  const config = useConfig<PharmacyConfig>();
   const [isAllergiesLoading, setAllergiesLoadingStatus] = useState(true);
   const { allergies, totalAllergies } = usePatientAllergies(patientUuid, config.refreshInterval);
   const { medicationRequestBundles, isError, isLoading } = usePrescriptionDetails(

package/src/prescriptions/prescription-expanded.component.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PatientUuid } from '@openmrs/esm-framework';
+import { type PatientUuid } from '@openmrs/esm-framework';
 import { Tab, Tabs, TabList, TabPanels, TabPanel } from '@carbon/react';
 import { useTranslation } from 'react-i18next';
 import HistoryAndComments from '../history/history-and-comments.component';

package/src/prescriptions/prescription-tab-lists.component.tsx

@@ -5,12 +5,12 @@ import PrescriptionTabPanel from './prescription-tab-panel.component';
 import styles from './prescriptions.scss';
 import { useLocationForFiltering } from '../location/location.resource';
 import { useConfig } from '@openmrs/esm-framework';
-import { PharmacyConfig } from '../config-schema';
-import { SimpleLocation } from '../types';
+import { type SimpleLocation } from '../types';
+import { type PharmacyConfig } from '../config-schema';
 
 const PrescriptionTabLists: React.FC = () => {
   const { t } = useTranslation();
-  const config = useConfig() as PharmacyConfig;
+  const config = useConfig<PharmacyConfig>();
   const { filterLocations, isLoading: isFilterLocationsLoading } = useLocationForFiltering(config);
   const [searchTermUserInput, setSearchTermUserInput] = useState(''); // we have a separate "searchTermUserInput" and "searchTerm" in order to debounce
   const [searchTerm, setSearchTerm] = useState('');

package/src/prescriptions/prescription-tab-panel.component.tsx

@@ -20,7 +20,7 @@ import { useTranslation } from 'react-i18next';
 import { formatDatetime, parseDate, useConfig } from '@openmrs/esm-framework';
 import PrescriptionExpanded from './prescription-expanded.component';
 import { usePrescriptionsTable } from '../medication-request/medication-request.resource';
-import { PharmacyConfig } from '../config-schema';
+import { type PharmacyConfig } from '../config-schema';
 import styles from './prescriptions.scss';
 
 interface PrescriptionTabPanelProps {
@@ -31,7 +31,7 @@ interface PrescriptionTabPanelProps {
 
 const PrescriptionTabPanel: React.FC<PrescriptionTabPanelProps> = ({ searchTerm, location, status }) => {
   const { t } = useTranslation();
-  const config = useConfig() as PharmacyConfig;
+  const config = useConfig<PharmacyConfig>();
   const [page, setPage] = useState(1);
   const [pageSize, setPageSize] = useState(10);
   const [nextOffSet, setNextOffSet] = useState(0);
@@ -93,10 +93,10 @@ const PrescriptionTabPanel: React.FC<PrescriptionTabPanelProps> = ({ searchTerm,
                                 {cell.id.endsWith('created')
                                   ? formatDatetime(parseDate(cell.value))
                                   : cell.id.endsWith('patient')
-                                  ? cell.value.name
-                                  : cell.id.endsWith('status')
-                                  ? t(cell.value)
-                                  : cell.value}
+                                    ? cell.value.name
+                                    : cell.id.endsWith('status')
+                                      ? t(cell.value)
+                                      : cell.value}
                               </TableCell>
                             ))}
                           </TableExpandRow>

package/src/types.ts

@@ -1,4 +1,4 @@
-import { OpenmrsResource } from '@openmrs/esm-framework';
+import { type OpenmrsResource } from '@openmrs/esm-framework';
 
 export interface AllergyIntolerance {
   resourceType: string;

package/src/utils.test.ts

@@ -1,12 +1,12 @@
 import {
-  Coding,
-  DosageInstruction,
-  Medication,
-  MedicationDispense,
+  type Coding,
+  type DosageInstruction,
+  type Medication,
+  type MedicationDispense,
   MedicationDispenseStatus,
-  MedicationReferenceOrCodeableConcept,
-  MedicationRequest,
-  MedicationRequestBundle,
+  type MedicationReferenceOrCodeableConcept,
+  type MedicationRequest,
+  type MedicationRequestBundle,
   MedicationRequestCombinedStatus,
   MedicationRequestFulfillerStatus,
   MedicationRequestStatus,

package/src/utils.ts

@@ -1,17 +1,17 @@
 import { mutate } from 'swr';
 import {
-  Coding,
-  DosageInstruction,
-  Medication,
-  MedicationDispense,
+  type Coding,
+  type DosageInstruction,
+  type Medication,
+  type MedicationDispense,
   MedicationDispenseStatus,
-  MedicationReferenceOrCodeableConcept,
-  MedicationRequest,
-  MedicationRequestBundle,
+  type MedicationReferenceOrCodeableConcept,
+  type MedicationRequest,
+  type MedicationRequestBundle,
   MedicationRequestCombinedStatus,
   MedicationRequestFulfillerStatus,
   MedicationRequestStatus,
-  Quantity,
+  type Quantity,
 } from './types';
 import { fhirBaseUrl, parseDate } from '@openmrs/esm-framework';
 import {