Introduce Drug control

src/api/types.ts

@@ -254,3 +254,15 @@ export interface DataSource<T> {
    */
   toUuidAndDisplay(item: T): OpenmrsResource;
 }
+
+export interface Drug {
+  uuid: string;
+  display: string;
+  name: string;
+  retired?: boolean;
+  concept?: {
+    uuid: string;
+    display: string;
+    links: any[];
+  };
+}

src/datasources/drug-data-source.ts

@@ -0,0 +1,19 @@
+import { openmrsFetch, OpenmrsResource } from '@openmrs/esm-framework';
+import { DataSource, Drug } from '../api/types';
+
+export class DrugDataSource implements DataSource<Drug> {
+  private readonly url = '/ws/rest/v1/drug?v=custom:(uuid,display)';
+
+  fetchData(searchTerm: string): Promise<Drug[]> {
+    return openmrsFetch(searchTerm ? `${this.url}&q=${searchTerm}` : this.url).then(({ data }) => {
+      return data.results;
+    });
+  }
+
+  toUuidAndDisplay(drug: any): OpenmrsResource {
+    return {
+      uuid: drug.uuid,
+      display: drug.display,
+    };
+  }
+}

src/registry/registry.ts

@@ -22,7 +22,7 @@ import { OHRIFormsStore } from '../constants';
 import OHRIExtensionParcel from '../components/extension/ohri-extension-parcel.component';
 import { EncounterDatetimeHandler } from '../submission-handlers/encounterDatetimeHandler';
 import { UISelectExtended } from '../components/inputs/ui-select-extended/ui-select-extended';
-
+import { DrugDataSource } from '../datasources/drug-data-source';
 export interface RegistryItem {
   id: string;
   component: any;
@@ -198,7 +198,12 @@ const fieldValidators: Array<ValidatorRegistryItem> = [
   },
 ];
 
-const dataSources: Array<DataSourceRegistryItem> = [];
+const dataSources: Array<DataSourceRegistryItem> = [
+  {
+    id: 'drug',
+    component: new DrugDataSource(),
+  },
+];
 
 export const getFieldComponent = renderType => {
   let lazy = baseFieldComponents.find(item => item.type == renderType || item?.alias == renderType)?.loadControl;