@pih/esm-referrals-queue-app 2.0.0-pre.9 → 2.1.1-pre.12

package/dist/pih-esm-referrals-queue-app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pih-esm-referrals-queue-app.js","mappings":"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","sources":["webpack://@pih/esm-referrals-queue-app/webpack/runtime/create fake namespace object","webpack://@pih/esm-referrals-queue-app/webpack/runtime/load script","webpack://@pih/esm-referrals-queue-app/webpack/runtime/consumes","webpack://@pih/esm-referrals-queue-app/webpack/container-entry","webpack://@pih/esm-referrals-queue-app/webpack/bootstrap","webpack://@pih/esm-referrals-queue-app/webpack/runtime/compat get default export","webpack://@pih/esm-referrals-queue-app/webpack/runtime/define property getters","webpack://@pih/esm-referrals-queue-app/webpack/runtime/ensure chunk","webpack://@pih/esm-referrals-queue-app/webpack/runtime/get javascript chunk filename","webpack://@pih/esm-referrals-queue-app/webpack/runtime/global","webpack://@pih/esm-referrals-queue-app/webpack/runtime/hasOwnProperty shorthand","webpack://@pih/esm-referrals-queue-app/webpack/runtime/make namespace object","webpack://@pih/esm-referrals-queue-app/webpack/runtime/node module decorator","webpack://@pih/esm-referrals-queue-app/webpack/runtime/sharing","webpack://@pih/esm-referrals-queue-app/webpack/runtime/publicPath","webpack://@pih/esm-referrals-queue-app/webpack/runtime/jsonp chunk loading","webpack://@pih/esm-referrals-queue-app/webpack/runtime/nonce","webpack://@pih/esm-referrals-queue-app/webpack/startup"],"names":["leafPrototypes","getProto","inProgress","dataWebpackPrefix","parseVersion","versionLt","rangeToString","satisfy","findSingletonVersionKey","getInvalidSingletonVersionMessage","getSingletonVersion","warn","get","loadSingletonVersionCheckFallback","installedModules","moduleToHandlerMapping","chunkMapping","startedInstallModules","moduleMap","__webpack_require__","e","then","module","getScope","R","o","Promise","resolve","Error","undefined","init","shareScope","initScope","S","name","oldScope","I","d","exports","__webpack_module_cache__","moduleId","cachedModule","id","loaded","__webpack_modules__","call","m","c","n","getter","__esModule","a","Object","getPrototypeOf","obj","t","value","mode","this","ns","create","r","def","current","indexOf","getOwnPropertyNames","forEach","key","definition","defineProperty","enumerable","f","chunkId","all","keys","reduce","promises","u","g","globalThis","Function","window","prop","prototype","hasOwnProperty","l","url","done","push","script","needAttach","scripts","document","getElementsByTagName","i","length","s","getAttribute","createElement","charset","timeout","nc","setAttribute","src","onScriptComplete","prev","event","onerror","onload","clearTimeout","doneFns","parentNode","removeChild","fn","setTimeout","bind","type","target","head","appendChild","Symbol","toStringTag","nmd","paths","children","initPromises","initTokens","initToken","scope","uniqueName","register","version","factory","eager","versions","activeVersion","from","scriptUrl","importScripts","location","currentScript","test","replace","p","str","split","map","exec","apply","b","range","pop","requiredVersion","scopeName","msg","console","entry","promise","fallback","consumes","onFactory","onError","error","installedChunks","j","installedChunkData","reject","errorType","realSrc","message","request","webpackJsonpCallback","parentChunkLoadingFunction","data","chunkIds","moreModules","runtime","some","chunkLoadingGlobal","__webpack_exports__"],"sourceRoot":""}

package/dist/routes.json

@@ -0,0 +1 @@
+{"$schema":"https://json.openmrs.org/routes.schema.json","pages":[{"component":"root","route":"referrals-queue"}],"version":"2.1.1-pre.12"}

package/jest.config.js

@@ -0,0 +1,3 @@
+const rootConfig = require('../../jest.config.js');
+
+module.exports = rootConfig;

package/package.json

@@ -1,100 +1,58 @@
 {
   "name": "@pih/esm-referrals-queue-app",
-  "version": "2.0.0-pre.9",
-  "license": "MPL-2.0",
+  "version": "2.1.1-pre.12",
   "description": "A page for viewing the J9 Home Visits from CommCare",
   "browser": "dist/pih-esm-referrals-queue-app.js",
   "main": "src/index.ts",
   "source": true,
+  "license": "MPL-2.0",
+  "homepage": "https://github.com/PIH/openmrs-esm-pihemr#readme",
   "scripts": {
     "start": "openmrs develop",
     "serve": "webpack serve --mode=development",
+    "debug": "npm run serve",
     "build": "webpack --mode production",
     "analyze": "webpack --mode=production --env.analyze=true",
-    "lint": "eslint src --ext js,jsx,ts,tsx",
-    "prettier": "prettier --write \"src/**/*.{ts,tsx}\"",
+    "lint": "cross-env eslint src --ext ts,tsx",
+    "test": "cross-env TZ=UTC jest --config jest.config.js --verbose false --passWithNoTests --color",
+    "test:watch": "cross-env TZ=UTC jest --watch --config jest.config.js --color",
+    "coverage": "yarn test --coverage",
     "typescript": "tsc",
-    "test": "jest --config jest.config.json",
-    "verify": "concurrently 'yarn:lint' 'yarn:test' 'yarn:typescript'",
-    "coverage": "yarn test -- --coverage",
-    "prepare": "husky install"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "pretty-quick --staged && yarn verify"
-    }
+    "extract-translations": "i18next 'src/**/*.component.tsx'"
   },
   "browserslist": [
     "extends browserslist-config-openmrs"
   ],
   "keywords": [
-    "openmrs",
-    "microfrontends"
+    "openmrs"
   ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/pih/pih-esm-referrals-queue.git"
-  },
-  "homepage": "https://github.com/pih/pih-esm-referrals-queue#readme",
   "publishConfig": {
     "access": "public"
   },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/PIH/openmrs-esm-pihemr.git"
+  },
   "bugs": {
-    "url": "https://github.com/pih/pih-esm-referrals-queue/issues"
+    "url": "https://github.com/PIH/openmrs-esm-pihemr/issues"
   },
   "dependencies": {
-    "lodash-es": "^4.17.15"
+    "@babel/runtime": "^7.24.0",
+    "@carbon/react": "~1.37.0",
+    "moment": "^2.30.1",
+    "react-dates": "^21.8.0",
+    "webpack": "^5.74.0"
   },
   "peerDependencies": {
-    "@carbon/react": "^1.9.0",
-    "@openmrs/esm-framework": "next",
-    "dayjs": "1.x",
+    "@openmrs/esm-framework": "5.x",
+    "i18next": "^19.0.0",
     "react": "18.x",
     "react-i18next": "11.x",
-    "react-router-dom": "6.x",
-    "rxjs": "6.x"
+    "react-router-dom": "^6.x",
+    "swr": "2.x"
   },
   "devDependencies": {
-    "@carbon/react": "^1.9.0",
-    "@carbon/icons-react": "^10.18.0",
-    "@openmrs/esm-framework": "next",
-    "@swc/core": "^1.2.203",
-    "@swc/jest": "^0.2.21",
-    "@testing-library/dom": "^7.20.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.3.0",
-    "@testing-library/user-event": "^14.4.3",
-    "@types/jest": "^28.1.4",
-    "@types/react": "^18.0.14",
-    "@types/react-dates": "^21.8.0",
-    "@types/react-dom": "^18.0.5",
-    "@types/react-router": "^5.1.14",
-    "@types/react-router-dom": "^5.1.7",
-    "@types/webpack-env": "^1.16.0",
-    "@typescript-eslint/parser": "^5.28.0",
-    "concurrently": "^6.2.0",
-    "css-loader": "^6.7.1",
-    "eslint": "^7.27.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-config-ts-react-important-stuff": "^3.0.0",
-    "eslint-plugin-prettier": "^3.4.0",
-    "husky": "^6.0.0",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.0.4",
-    "jest-cli": "^27.0.4",
-    "mockdate": "^3.0.5",
-    "openmrs": "next",
-    "prettier": "^2.3.0",
-    "pretty-quick": "^3.1.0",
-    "react": "^18.2.0",
-    "react-dates": "^21.8.0",
-    "react-dom": "^18.2.0",
-    "react-i18next": "^11.7.0",
-    "react-router-dom": "^6.3.0",
-    "rxjs": "^6.5.4",
-    "typescript": "^4.3.2"
+    "webpack": "^5.74.0"
   },
-  "resolutions": {
-    "**/@types/react": "^18.0.14"
-  }
-}
+  "stableVersion": "2.1.0"
+}

package/src/config-schema.ts

@@ -1,4 +1,4 @@
-import { Type, validators } from "@openmrs/esm-framework";
+import { Type, validators } from '@openmrs/esm-framework';
 
 /**
  * This is the config schema. It expects a configuration object which
@@ -25,33 +25,25 @@ export const configSchema = {
     patientDash: {
       _type: Type.String,
       _default:
-        "${openmrsBase}/coreapps/clinicianfacing/patient.page?patientId=${patientUuid}&app=pih.app.clinicianDashboard",
-      _validators: [validators.isUrlWithTemplateParameters(["patientUuid"])],
+        '${openmrsBase}/coreapps/clinicianfacing/patient.page?patientId=${patientUuid}&app=pih.app.clinicianDashboard',
+      _validators: [validators.isUrlWithTemplateParameters(['patientUuid'])],
     },
     visitPage: {
       _type: Type.String,
       _default:
-        "${openmrsBase}/pihcore/visit/visit.page?patient=${patientUuid}&visit=${visitUuid}&suppressActions=true#/overview",
-      _validators: [
-        validators.isUrlWithTemplateParameters(["patientUuid", "visitUuid"]),
-      ],
+        '${openmrsBase}/pihcore/visit/visit.page?patient=${patientUuid}&visit=${visitUuid}&suppressActions=true#/overview',
+      _validators: [validators.isUrlWithTemplateParameters(['patientUuid', 'visitUuid'])],
     },
     homeVisitForm: {
       _type: Type.String,
       _default:
-        "${openmrsBase}/htmlformentryui/htmlform/editHtmlFormWithStandardUi.page?patientId=${patientUuid}&visitId=${visitUuid}&encounterId=${encounterUuid}&definitionUiResource=file:configuration/pih/htmlforms/section-mch-referral.xml&returnUrl=/mirebalais/spa/referrals-queue",
-      _validators: [
-        validators.isUrlWithTemplateParameters([
-          "patientUuid",
-          "visitUuid",
-          "encounterUuid",
-        ]),
-      ],
+        '${openmrsBase}/htmlformentryui/htmlform/editHtmlFormWithStandardUi.page?patientId=${patientUuid}&visitId=${visitUuid}&encounterId=${encounterUuid}&definitionUiResource=file:configuration/pih/htmlforms/section-mch-referral.xml&returnUrl=/mirebalais/spa/referrals-queue',
+      _validators: [validators.isUrlWithTemplateParameters(['patientUuid', 'visitUuid', 'encounterUuid'])],
     },
   },
   pendingStatuses: {
     _type: Type.Array,
-    _default: ["Pending status", "Referral unmet"],
+    _default: ['Pending status', 'Referral unmet'],
     _elements: {
       _type: Type.String,
     },

package/src/declarations.d.tsx

@@ -1,7 +1,6 @@
-declare type Observable<T> = import("rxjs").Observable<T>;
-
-declare module "*.css";
-declare module "*.scss";
+declare module '@carbon/react';
+declare module '*.css';
+declare module '*.scss';
 
 type Referral = {
   details: string;

package/src/index.ts

@@ -5,79 +5,25 @@
  * microfrontend.
  */
 
-import {
-  getAsyncLifecycle,
-  defineConfigSchema,
-  registerBreadcrumbs,
-} from "@openmrs/esm-framework";
-import { configSchema } from "./config-schema";
+import { getAsyncLifecycle, defineConfigSchema, registerBreadcrumbs } from '@openmrs/esm-framework';
+import { configSchema } from './config-schema';
 
-/**
- * This tells the app shell the version of this app. We inject this variable
- * via the Webpack DefinePlugin, so first, in order to keep TypeScript happy,
- * we need to tell it that this is an available variable in this scope. At
- * build-time the __VERSION__ variable is replaced with the version from
- * package.json
- */
-declare var __VERSION__: string;
-const version = __VERSION__;
-
-/**
- * This tells the app shell how to obtain translation files: that they
- * are JSON files in the directory `../translations` (which you should
- * see in the directory structure).
- */
-const importTranslation = require.context(
-  "../translations",
-  false,
-  /.json$/,
-  "lazy"
-);
+const moduleName = '@pih/esm-referrals-queue-app';
+const options = {
+  featureName: 'referrals-queue',
+  moduleName,
+};
 
-/**
- * This tells the app shell what versions of what OpenMRS backend modules
- * are expected. Warnings will appear if suitable modules are not
- * installed. The keys are the part of the module name after
- * `openmrs-module-`; e.g., `openmrs-module-fhir2` becomes `fhir2`.
- */
-const backendDependencies = {};
+export const importTranslation = require.context('../translations', false, /.json$/, 'lazy');
 
-/**
- * This function performs any setup that should happen at microfrontend
- * load-time (such as defining the config schema) and then returns an
- * object which describes how the React application(s) should be
- * rendered.
- *
- * In this example, our return object contains a single page definition.
- * It tells the app shell that the default export of `greeter.tsx`
- * should be rendered when the route matches `hello`. The full route
- * will be `openmrsSpaBase() + 'hello'`, which is usually
- * `/openmrs/spa/hello`.
- */
-function setupOpenMRS() {
-  const moduleName = "@pih/esm-referrals-queue-app";
-  const options = {
-    featureName: "referrals-queue",
-    moduleName,
-  };
+export const root = getAsyncLifecycle(() => import('./root.component'), options);
 
+export function startupApp() {
   defineConfigSchema(moduleName, configSchema);
-
   registerBreadcrumbs([
     {
       path: `${window.spaBase}/referrals-queue`,
-      title: "Referrals Queue",
+      title: 'Referrals Queue',
     },
   ]);
-
-  return {
-    pages: [
-      {
-        load: getAsyncLifecycle(() => import("./root.component"), options),
-        route: "referrals-queue",
-      },
-    ],
-  };
 }
-
-export { backendDependencies, importTranslation, setupOpenMRS, version };

package/src/referrals-queue/referrals-queue.component.tsx

@@ -1,185 +1,136 @@
-import React from "react";
-import { Trans, useTranslation } from "react-i18next";
-import "react-dates/initialize";
-import { SingleDatePicker } from "react-dates";
-import moment, { Moment } from "moment";
-import "moment/locale/fr";
-import { createErrorHandler } from "@openmrs/esm-framework";
-import Table from "../table/table.component";
-import styles from "./referrals-queue.css";
-import { getReferrals } from "./referrals-queue.resource";
-
-// Override the webpack CSS loader config in order to load react-dates styles.
-//   See thread: https://github.com/webpack-contrib/css-loader/issues/295
-import "!style-loader!css-loader!react-dates/lib/css/_datepicker.css";
-import "!style-loader!css-loader!./react-dates-overrides.css";
+import React from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import 'react-dates/initialize';
+import moment from 'moment';
+import { Content, Tile, Heading, Search, Dropdown, DatePicker, DatePickerInput } from '@carbon/react';
+import 'moment/locale/fr';
+import { createErrorHandler } from '@openmrs/esm-framework';
+import Table from '../table/referrals-table.component';
+import styles from './referrals-queue.scss';
+import { getReferrals } from './referrals-queue.resource';
 
 export default function ReferralsQueue(props: ReferralsQueueProps) {
   const [referrals, setReferrals]: [Referral[], Function] = React.useState([]);
-  const [referralTypeFilter, setReferralTypeFilter] = React.useState("");
-  const [statusFilter, setStatusFilter] = React.useState("");
+  const [referralTypeFilter, setReferralTypeFilter] = React.useState('');
+  const [statusFilter, setStatusFilter] = React.useState('');
   const today = moment();
-  const [fromDate, setFromDate] = React.useState(moment().subtract(1, "month"));
+  const [fromDate, setFromDate] = React.useState(moment().subtract(1, 'month'));
   const [toDate, setToDate] = React.useState(today);
-  const [ptQuery, setPtQuery] = React.useState("");
-  const [fromDateFocused, setFromDateFocused] = React.useState(false);
-  const [toDateFocused, setToDateFocused] = React.useState(false);
+  const [ptQuery, setPtQuery] = React.useState('');
   const { t, i18n } = useTranslation();
 
   const languageMatches = i18n.language?.match(/^(en|fr|ht).*/);
-  const language = (languageMatches && languageMatches[1]) || "en";
+  const language = (languageMatches && languageMatches[1]) || 'en';
 
   React.useEffect(() => {
-    moment.locale(language === "ht" ? "fr" : language);
+    moment.locale(language === 'ht' ? 'fr' : language);
   }, [language]);
 
   React.useEffect(() => {
     if (fromDate && toDate) {
       const sub = getReferrals({
-        fromDate: fromDate.format("YYYY-MM-DD"),
-        toDate: toDate.format("YYYY-MM-DD"),
+        fromDate: fromDate.format('YYYY-MM-DD'),
+        toDate: toDate.format('YYYY-MM-DD'),
         locale: language,
-      }).subscribe(
-        (referrals) => setReferrals(referrals),
-        createErrorHandler()
-      );
+      }).subscribe((referrals) => setReferrals(referrals), createErrorHandler());
       return () => sub.unsubscribe();
     }
   }, [fromDate, toDate, language]);
 
-  // console.log(referrals);
   const filteredReferrals = referrals
-    .filter((r) => !referralTypeFilter || r.referral_type == referralTypeFilter)
-    .filter((r) => !statusFilter || r.fulfillment_status == statusFilter)
+    .filter(
+      (r) => !referralTypeFilter || referralTypeFilter == t('any', 'Any') || r.referral_type == referralTypeFilter,
+    )
+    .filter((r) => !statusFilter || statusFilter == t('any', 'Any') || r.fulfillment_status == statusFilter)
     .filter((r) => matchQuery(r, ptQuery));
-  const referralTypes = [...new Set(referrals.map((r) => r.referral_type))];
-  const statuses = [
-    ...new Set(
-      referrals.map((r) => r.fulfillment_status).filter((r) => r != null)
-    ),
-  ];
+
+  const referralTypes = [t('any', 'Any'), ...new Set(referrals.map((r) => r.referral_type).filter((r) => r != null))];
+
+  const statuses = [t('any', 'Any'), ...new Set(referrals.map((r) => r.fulfillment_status).filter((r) => r != null))];
+
   return (
-    <div className={styles.container}>
-      <div className="omrs-card omrs-margin-top-16 omrs-padding-16">
-        <div className="omrs-type-title-2">
+    <Content className={styles.container}>
+      <Tile>
+        <Heading>
           <Trans i18nKey="referrals-queue">Referrals Queue</Trans>
-        </div>
+        </Heading>
         <div className={styles.controlsContainer}>
           <div className={styles.inputContainer}>
-            <div className={styles.dateInputContainer}>
-              <label htmlFor="from-date">
-                <Trans i18nKey="from">From</Trans>
-              </label>
-              <SingleDatePicker
-                id="from-date"
-                date={fromDate}
-                onDateChange={(date) => setFromDate(date)}
-                focused={fromDateFocused}
-                onFocusChange={({ focused }) => setFromDateFocused(focused)}
-                isOutsideRange={(date: Moment) => date.isAfter(today)}
-                displayFormat="DD MMM YYYY"
-                numberOfMonths={1}
-              />
-            </div>
-            <div className={styles.dateInputContainer}>
-              <label htmlFor="to-date">
-                <Trans i18nKey="to">To</Trans>
-              </label>
-              <SingleDatePicker
-                id="to-date"
-                date={toDate}
-                onDateChange={(date) => setToDate(date)}
-                focused={toDateFocused}
-                onFocusChange={({ focused }) => setToDateFocused(focused)}
-                isOutsideRange={(date: Moment) => date.isAfter(today)}
-                displayFormat="DD MMM YYYY"
-                numberOfMonths={1}
-              />
-            </div>
+            <DatePicker
+              dateFormat="d/M/Y"
+              datePickerType="range"
+              locale={language === 'ht' ? 'fr' : language}
+              maxDate={new Date().toISOString()}
+              onChange={(date) => {
+                if (date && date.length > 0) {
+                  setFromDate(date ? moment(date[0]) : null);
+                  if (date.length > 1) {
+                    setToDate(date ? moment(date[1]) : null);
+                  }
+                }
+              }}
+              value={[fromDate.toISOString(), toDate.toISOString()]}>
+              <DatePickerInput id="from-date" labelText={t('from', 'From')} />
+              <DatePickerInput id="to-date" labelText={t('to', 'To')} />
+            </DatePicker>
           </div>
           <div className={styles.inputContainer}>
-            <div className="omrs-input-group">
-              <label htmlFor="referral-type">
-                <Trans i18nKey="referral-type">Referral Type</Trans>
-              </label>
-              <select
+            <div style={{ width: 400 }}>
+              <Dropdown
                 id="referral-type"
-                value={referralTypeFilter}
-                onChange={(e) => setReferralTypeFilter(e.target.value)}
-                className={styles.dropdown}
-              >
-                <option value="">{t("any", "Any")}</option>
-                {referralTypes.map((t) => (
-                  <option key={t} value={t}>
-                    {t}
-                  </option>
-                ))}
-              </select>
+                label={t('select-referral-type', 'Select Referral Type')}
+                titleText={t('referral-type', 'Referral Type')}
+                items={referralTypes}
+                onChange={(e) => setReferralTypeFilter(e.selectedItem)}
+              />
             </div>
           </div>
           <div className={styles.inputContainer}>
-            <div className="omrs-input-group">
+            <div style={{ width: 400 }}>
               <label htmlFor="query-input">
                 <Trans i18nKey="filter-by-patient">Filter by patient</Trans>
               </label>
-              <input
-                id="query-input"
-                type="text"
-                value={ptQuery}
-                onChange={(e) => setPtQuery(e.target.value)}
-                className="omrs-input-outlined"
-              />
+              <Search id="query-input" labelText="" onChange={(e) => setPtQuery(e.target.value)} />
             </div>
           </div>
           <div className={styles.inputContainer}>
-            <div className="omrs-input-group">
-              <label htmlFor="status">
-                <Trans i18nKey="status">Status</Trans>
-              </label>
-              <select
+            <div style={{ width: 400 }}>
+              <Dropdown
                 id="status"
-                value={statusFilter}
-                onChange={(e) => setStatusFilter(e.target.value)}
-                className={styles.dropdown}
-              >
-                <option value="">{t("any", "Any")}</option>
-                {statuses.map((t) => (
-                  <option key={t} value={t}>
-                    {t}
-                  </option>
-                ))}
-              </select>
+                label={t('select-status', 'Select Status')}
+                titleText={t('status', 'Status')}
+                items={statuses}
+                onChange={(e) => setStatusFilter(e.selectedItem)}
+              />
             </div>
           </div>
         </div>
         <div className={styles.tableContainer}>
           <Table referrals={filteredReferrals} />
         </div>
-      </div>
-    </div>
+      </Tile>
+    </Content>
   );
 }
 
 function matchQuery(referral: Referral, query: string): boolean {
   return (
     !query ||
-    prepareQuery(query).every((regexp) =>
-      regexp.test(removeDiacritics(referral.patient_name))
-    ) ||
-    new RegExp(query, "i").test(referral.zl_emr_id)
+    prepareQuery(query).every((regexp) => regexp.test(removeDiacritics(referral.patient_name))) ||
+    new RegExp(query, 'i').test(referral.zl_emr_id)
   );
 }
 
 function prepareQuery(query: string): RegExp[] {
   return query.split(/\s/).map((token) => {
     const tokenCleaned = removeDiacritics(token);
-    return new RegExp("\\b" + tokenCleaned, "i");
+    return new RegExp('\\b' + tokenCleaned, 'i');
   });
 }
 
 function removeDiacritics(str: string) {
   // From https://stackoverflow.com/a/37511463/1464495
-  return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+  return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
 }
 
 type ReferralsQueueProps = {};

package/src/referrals-queue/referrals-queue.resource.tsx

@@ -1,12 +1,9 @@
-import { openmrsObservableFetch } from "@openmrs/esm-framework";
-import { map } from "rxjs/operators";
+import { openmrsObservableFetch } from '@openmrs/esm-framework';
+import { type Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
 
-export function getReferrals({
-  fromDate,
-  toDate,
-  locale,
-}): Observable<Object[]> {
+export function getReferrals({ fromDate, toDate, locale }): Observable<Object[]> {
   return openmrsObservableFetch(
-    `/ws/rest/v1/reportingrest/reportdata/cd7dfde7-764a-4da6-81c2-d5887ed1df51?startDate=${fromDate}&endDate=${toDate}&locale=${locale}`
-  ).pipe(map(({ data }) => data["dataSets"][0]["rows"]));
+    `/ws/rest/v1/reportingrest/reportdata/cd7dfde7-764a-4da6-81c2-d5887ed1df51?startDate=${fromDate}&endDate=${toDate}&locale=${locale}`,
+  ).pipe(map(({ data }) => data['dataSets'][0]['rows']));
 }

package/src/referrals-queue/referrals-queue.scss

@@ -0,0 +1,24 @@
+.container {
+  margin-right: auto;
+  margin-left: auto;
+  max-width: 1500px;
+}
+
+.tableContainer {
+  height: 500px;
+  overflow-x: auto;
+}
+
+.controlsContainer {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.inputContainer {
+  display: flex;
+  width: 50%;
+  min-width: 300px;
+  text-align: left;
+  padding: 0.5rem;
+  align-items: flex-end;
+}