@kenyaemr/esm-pharmacy-app 5.2.1-pre.1001

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import { TabPanels, TabPanel, TabList, Tabs, Tab } from '@carbon/react';
+import { useTranslation } from 'react-i18next';
+import { PharmacyPatients } from '../pharmacy-tables/pharmacy-patients.component';
+import { PharmacyUsers } from '../pharmacy-tables/pharmacy-users.component';
+import styles from './pharmacy-tabs.scss';
+
+export const PharmacyTabs: React.FC = () => {
+  const { t } = useTranslation();
+  return (
+    <main>
+      <Tabs className={styles.tabs}>
+        <TabList className={styles.tablist} aria-label="List tabs" contained>
+          <Tab className={styles.tab}>{t('patients', 'Assigned Patients')}</Tab>
+          <Tab className={styles.tab}>{t('users', 'Asigned Users')}</Tab>
+        </TabList>
+        <TabPanels>
+          <TabPanel>
+            <PharmacyPatients />
+          </TabPanel>
+          <TabPanel>
+            <PharmacyUsers />
+          </TabPanel>
+        </TabPanels>
+      </Tabs>
+    </main>
+  );
+};

package/src/pharmacy-tabs/pharmacy-tabs.scss

@@ -0,0 +1,28 @@
+@use '@carbon/colors';
+@use '@carbon/styles/scss/spacing';
+@use '@carbon/styles/scss/type';
+@import '~@openmrs/esm-styleguide/src/vars';
+
+.tabs {
+  grid-column: span 2;
+}
+
+.tablist {
+  padding: 0 spacing.$spacing-05;
+}
+
+.tab {
+  min-width: 8.875rem;
+
+  &:active {
+    outline: 2px solid var(--brand-03) !important;
+  }
+
+  &:focus {
+    outline: 2px solid var(--brand-03) !important;
+  }
+
+  &[aria-selected='true'] {
+    box-shadow: inset 0 2px 0 0 var(--brand-03) !important;
+  }
+}

package/src/pharmacy.resources.ts

@@ -0,0 +1,55 @@
+import { openmrsFetch, restBaseUrl } from '@openmrs/esm-framework';
+import { z } from 'zod';
+
+export const pharmacyAssignmentFormSchema = z.object({
+  entityIdentifier: z.string().min(1, 'Required'),
+  entityType: z.enum(['org.openmrs.User', 'org.openmrs.Patient']),
+  basisIdentifier: z.string().min(1, 'Required'),
+  basisType: z.enum(['org.openmrs.Location']).optional().default('org.openmrs.Location'),
+});
+
+export async function fetchPerson(query: string, abortController: AbortController) {
+  const patientsRes = await openmrsFetch(`${restBaseUrl}/patient?q=${query}`, {
+    signal: abortController.signal,
+  });
+  return patientsRes.data.results;
+}
+export async function fetchUser(query: string, abortController: AbortController) {
+  const customPresentation = 'custom:(uuid,display,person:(display))';
+  const patientsRes = await openmrsFetch(`${restBaseUrl}/user?q=${query}&v=${customPresentation}`, {
+    signal: abortController.signal,
+  });
+  return patientsRes.data.results;
+}
+
+export const saveMapping = async (data: z.infer<typeof pharmacyAssignmentFormSchema>) => {
+  const url = `${restBaseUrl}/datafilter/entitybasismap`;
+  const response = await openmrsFetch(url, {
+    method: 'POST',
+    body: JSON.stringify(data),
+    headers: {
+      'Content-Type': 'application/json',
+    },
+  });
+
+  if (response.ok) {
+    return await response.text();
+  }
+  throw new Error(`Error mapping patient`);
+};
+
+export const revokePharamacyAssignment = async (data: z.infer<typeof pharmacyAssignmentFormSchema>) => {
+  const url = `${restBaseUrl}/datafilter/revoke`;
+  const response = await openmrsFetch(url, {
+    method: 'POST',
+    body: JSON.stringify(data),
+    headers: {
+      'Content-Type': 'application/json',
+    },
+  });
+
+  if (response.ok) {
+    return await response.text();
+  }
+  throw new Error(`Error revoking mapping`);
+};

package/src/root.component.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BrowserRouter, Route, Routes } from 'react-router-dom';
+import PharmacyComponent from './pharmacy-component/pharmacy.component';
+import PharmacyDetail from './pharmacy-detail/pharmacy-detail.component';
+
+const Root: React.FC = () => {
+  const baseName = window.getOpenmrsSpaBase() + 'home/pharmacy';
+
+  return (
+    <BrowserRouter basename={baseName}>
+      <Routes>
+        <Route path="/" element={<PharmacyComponent />} />
+        <Route path="/:pharmacyUuid" element={<PharmacyDetail />} />
+      </Routes>
+    </BrowserRouter>
+  );
+};
+
+export default Root;

package/src/root.scss

@@ -0,0 +1,15 @@
+@use '@carbon/styles/scss/spacing';
+@use '@carbon/styles/scss/type';
+
+.container {
+  padding: spacing.$spacing-07;
+}
+
+.welcome {
+  @include type.type-style('heading-04');
+  margin: spacing.$spacing-05 0;
+}
+
+.explainer {
+  margin-bottom: 2rem;
+}

package/src/root.test.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+describe('Root', () => {
+  test('should render', () => {});
+});

package/src/routes.json

@@ -0,0 +1,38 @@
+{
+  "$schema": "https://json.openmrs.org/routes.schema.json",
+  "backendDependencies": {
+    "fhir2": ">=1.2",
+    "webservices.rest": "^2.24.0"
+  },
+  "extensions": [
+    {
+      "component": "pharmacyDashboardLink",
+      "name": "pharmacy-dashboard-link",
+      "slot": "homepage-dashboard-slot",
+      "meta": {
+        "name": "pharmacy",
+        "title": "pharmacy",
+        "slot": "pharmacy-dashboard-slot"
+      }
+    },
+    {
+      "component": "root",
+      "name": "pharmacy-dashboard-root",
+      "slot": "pharmacy-dashboard-slot"
+    },
+    {
+      "name": "pharmacy-assignment-form",
+      "component": "pharmacyAssignmentForm"
+    },
+    {
+      "name": "pharmacy-delete-confirm-dialog",
+      "component": "pharmacyDeleteConfirmDialog"
+    }
+  ],
+  "pages": [
+    {
+      "component": "root",
+      "route": "pharmacy"
+    }
+  ]
+}

package/src/setup-tests.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/src/types/index.ts

@@ -0,0 +1,67 @@
+import { Location, Patient } from '@openmrs/esm-framework';
+
+export interface Pharmacy extends Location {
+  //Inherits Uuid,display,name
+  description?: string;
+  cityVillage?: string;
+  stateProvince?: string;
+  countyDistrict?: string;
+  dateMaped: string;
+  mflCode: string;
+}
+
+interface Basis {
+  uuid: string;
+  name: string;
+  country?: string;
+  address3?: string;
+  countyDistrict?: string;
+  address2?: string;
+  address1?: string;
+  address6?: string;
+  address5?: string;
+  cityVillage?: string;
+  address4?: string;
+  'Master Facility Code'?: string;
+}
+
+export interface PhamarcyUserMapping {
+  uuid: string;
+  dateCreated: number;
+  entity: {
+    name: string;
+    uuid: string;
+  };
+  basis: Basis;
+}
+
+export interface PharamacyPatientMapping {
+  uuid: string;
+  dateCreated: number;
+  entity: {
+    OpenMRSID?: string;
+    identifier?: string;
+    gender?: string;
+    name: string;
+    uuid: string;
+    age?: number;
+    'Telephone contact'?: string;
+  };
+  basis: Basis;
+}
+
+export interface PharmacyPatient {
+  uuid: string;
+  openmrsId?: string;
+  name: string;
+  age?: number;
+  gender?: string;
+  telephoneContact?: string;
+  dateMapped: string;
+}
+
+export interface PharmacyUser {
+  uuid: string;
+  name: string;
+  dateMapped: string;
+}

package/translations/en.json

@@ -0,0 +1,28 @@
+{
+  "actions": "Actions",
+  "age": "Age",
+  "assignPatient": "Assign Patient",
+  "assignUser": "Assign User",
+  "cityVillage": "City village",
+  "communityPharmacies": "Community pharmacies",
+  "contact": "Contact",
+  "countyDistrict": "County District",
+  "dateMapped": "Date Mapped",
+  "name": "NAME",
+  "noCommunityPharmacyToList": "No Community Pharmacies to list.",
+  "noPharmacyPatients": "No Pharmacy Patients to list.",
+  "noPharmacyUsers": "No Pharmacy users to list.",
+  "openmrsId": "OpenMRS ID",
+  "patient": "Assigned patients",
+  "pharmacies": "Phamacies",
+  "pharmacy": "Commity pharmacy",
+  "pharmacyPatients": "Pharmacy Patients",
+  "pharmacySummary": "Pharmacy Summary",
+  "pharmacyUsers": "Pharmacy Users",
+  "sex": "Sex",
+  "stateProvince": "State province",
+  "tagged": "Tagged phamacies",
+  "tagPharmacy": "Tag pharmacy",
+  "users": "Assigned Users",
+  "viewReport": "View Report"
+}

package/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src/**/*"],
+  "exclude": ["src/**/*.test.tsx"]
+}

package/webpack.config.js

@@ -0,0 +1 @@
+module.exports = require('openmrs/default-webpack-config');