@openmrs/esm-generic-patient-widgets-app 11.3.0 → 11.3.1-patch.9310

package/src/obs-switchable/obs-switchable.test.tsx

@@ -0,0 +1,291 @@
+import React from 'react';
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { LineChart } from '@carbon/charts-react';
+import { getDefaultsFromConfigSchema, useConfig } from '@openmrs/esm-framework';
+import ObsSwitchable from './obs-switchable.component';
+import { useObs, type ObsResult } from '../resources/useObs';
+import { configSchemaSwitchable } from '../config-schema-obs-switchable';
+
+jest.mock('../resources/useObs', () => ({
+  useObs: jest.fn(),
+}));
+
+const mockLineChart = jest.mocked(LineChart);
+
+const mockUseConfig = jest.mocked(useConfig);
+
+// Make sure this respects the sort order of useObs
+const mockObsData = [
+  {
+    code: { text: 'Height' },
+    conceptUuid: '5090AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+    dataType: 'Number',
+    effectiveDateTime: '2021-02-01T00:00:00Z',
+    valueQuantity: { value: 182 },
+    encounter: { reference: 'Encounter/234' },
+  },
+  {
+    code: { text: 'Weight' },
+    conceptUuid: '2154AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+    dataType: 'Number',
+    effectiveDateTime: '2021-02-01T00:00:00Z',
+    valueQuantity: { value: 72 },
+    encounter: { reference: 'Encounter/234' },
+  },
+  {
+    code: { text: 'Height' },
+    conceptUuid: '5090AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+    dataType: 'Number',
+    effectiveDateTime: '2021-01-01T00:00:00Z',
+    valueQuantity: { value: 180 },
+    encounter: { reference: 'Encounter/123' },
+  },
+  {
+    code: { text: 'Weight' },
+    conceptUuid: '2154AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+    dataType: 'Number',
+    effectiveDateTime: '2021-01-01T00:00:00Z',
+    valueQuantity: { value: 70 },
+    encounter: { reference: 'Encounter/123' },
+  },
+  {
+    code: { text: 'Chief Complaint' },
+    conceptUuid: '164162AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+    dataType: 'Text',
+    effectiveDateTime: '2021-01-01T00:00:00Z',
+    valueString: 'Too strong',
+    encounter: { reference: 'Encounter/123' },
+  },
+  {
+    code: { text: 'Power Level' },
+    conceptUuid: '164163AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+    dataType: 'Number',
+    effectiveDateTime: '2021-01-01T00:00:00Z',
+    valueQuantity: { value: 9001 },
+    encounter: { reference: 'Encounter/123' },
+  },
+];
+
+const mockConceptData = [
+  { uuid: '5090AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA', display: 'Height' },
+  { uuid: '2154AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA', display: 'Weight' },
+  { uuid: '164162AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA', display: 'Chief Complaint' },
+  { uuid: '164163AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA', display: 'Power Level' },
+];
+
+const mockUseObs = jest.mocked(useObs);
+
+describe('ObsSwitchable', () => {
+  it('should render all obs in table and numeric obs in graph', async () => {
+    mockUseObs.mockReturnValue({
+      data: { observations: mockObsData as Array<ObsResult>, concepts: mockConceptData },
+      error: null,
+      isLoading: false,
+      isValidating: false,
+    });
+    mockUseConfig.mockReturnValue({
+      ...(getDefaultsFromConfigSchema(configSchemaSwitchable) as Object),
+      title: 'My Stats',
+      data: [
+        {
+          concept: '5090AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+          label: 'Tallitude',
+        },
+        {
+          concept: '2154AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+        },
+        { concept: '164162AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' },
+        { concept: '164163AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' },
+      ],
+    });
+
+    render(<ObsSwitchable patientUuid="123" />);
+
+    // Check table
+    expect(screen.getAllByRole('row')).toHaveLength(3);
+    const headerRow = screen.getAllByRole('row')[0];
+    expect(headerRow).toHaveTextContent('Tallitude');
+    expect(headerRow).toHaveTextContent('Weight');
+    expect(headerRow).toHaveTextContent('Chief Complaint');
+    expect(headerRow).toHaveTextContent('Power Level');
+    const firstRow = screen.getAllByRole('row')[1];
+    expect(firstRow).toHaveTextContent('Jan');
+    expect(firstRow).toHaveTextContent('180');
+    expect(firstRow).toHaveTextContent('70');
+    expect(firstRow).toHaveTextContent('Too strong');
+    expect(firstRow).toHaveTextContent('9001');
+    const secondRow = screen.getAllByRole('row')[2];
+    expect(secondRow).toHaveTextContent('Feb');
+    expect(secondRow).toHaveTextContent('182');
+    expect(secondRow).toHaveTextContent('72');
+    expect(secondRow).toHaveTextContent('--');
+    expect(secondRow).toHaveTextContent('--');
+
+    const user = userEvent.setup();
+    const chartViewButton = screen.getByLabelText('Chart view');
+    expect(chartViewButton).toBeInTheDocument();
+    await user.click(chartViewButton);
+
+    const tabs = screen.getByLabelText('Obs tabs');
+    expect(tabs).toHaveTextContent('Tallitude');
+    expect(tabs).toHaveTextContent('Weight');
+    expect(tabs).not.toHaveTextContent('Chief Complaint');
+    expect(tabs).toHaveTextContent('Power Level');
+    expect(tabs).not.toHaveTextContent('Mystery Concept');
+
+    expect(mockLineChart).toHaveBeenNthCalledWith(
+      1,
+      expect.objectContaining({
+        data: [
+          { group: 'Tallitude', key: new Date('2021-02-01T00:00:00.000Z'), value: 182 },
+          { group: 'Tallitude', key: new Date('2021-01-01T00:00:00.000Z'), value: 180 },
+        ],
+        options: expect.any(Object),
+      }),
+      {},
+    );
+
+    expect(mockLineChart).toHaveBeenNthCalledWith(
+      2,
+      expect.objectContaining({
+        data: [
+          { group: 'Weight', key: new Date('2021-02-01T00:00:00.000Z'), value: 72 },
+          { group: 'Weight', key: new Date('2021-01-01T00:00:00.000Z'), value: 70 },
+        ],
+        options: expect.any(Object),
+      }),
+      {},
+    );
+
+    expect(mockLineChart).not.toHaveBeenCalledWith(
+      expect.objectContaining({
+        data: [expect.objectContaining({ group: 'Chief Complaint' })],
+        options: expect.any(Object),
+      }),
+      {},
+    );
+
+    expect(mockLineChart).toHaveBeenNthCalledWith(
+      3,
+      expect.objectContaining({
+        data: [{ group: 'Power Level', key: new Date('2021-01-01T00:00:00.000Z'), value: 9001 }],
+        options: expect.any(Object),
+      }),
+      {},
+    );
+  });
+
+  it('should support showing graph tab by default', async () => {
+    mockUseObs.mockReturnValue({
+      data: { observations: mockObsData as Array<ObsResult>, concepts: mockConceptData },
+      error: null,
+      isLoading: false,
+      isValidating: false,
+    });
+    mockUseConfig.mockReturnValue({
+      ...(getDefaultsFromConfigSchema(configSchemaSwitchable) as Object),
+      title: 'My Stats',
+      data: [{ concept: '5090AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' }, { concept: '2154AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' }],
+      showGraphByDefault: true,
+    });
+
+    render(<ObsSwitchable patientUuid="123" />);
+
+    const tabs = screen.getByLabelText('Obs tabs');
+    expect(tabs).toHaveTextContent('Height');
+    expect(tabs).toHaveTextContent('Weight');
+
+    expect(mockLineChart).toHaveBeenNthCalledWith(
+      1,
+      expect.objectContaining({
+        data: [
+          { group: 'Height', key: new Date('2021-02-01T00:00:00.000Z'), value: 182 },
+          { group: 'Height', key: new Date('2021-01-01T00:00:00.000Z'), value: 180 },
+        ],
+        options: expect.any(Object),
+      }),
+      {},
+    );
+  });
+
+  it('should support grouping into multiline graphs', async () => {
+    mockUseObs.mockReturnValue({
+      data: { observations: mockObsData as Array<ObsResult>, concepts: mockConceptData },
+      error: null,
+      isLoading: false,
+      isValidating: false,
+    });
+    mockUseConfig.mockReturnValue({
+      ...(getDefaultsFromConfigSchema(configSchemaSwitchable) as Object),
+      title: 'My Stats',
+      showGraphByDefault: true,
+      data: [
+        { concept: '164163AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA', graphGroup: 'Power Level' },
+        { concept: '5090AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA', graphGroup: 'Biometrics' },
+        { concept: '2154AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA', graphGroup: 'Biometrics' },
+      ],
+    });
+
+    render(<ObsSwitchable patientUuid="123" />);
+
+    const tabs = screen.getByLabelText('Obs tabs');
+    expect(tabs).toHaveTextContent('Power Level');
+    expect(tabs).toHaveTextContent('Biometrics');
+
+    expect(mockLineChart).toHaveBeenNthCalledWith(
+      1,
+      expect.objectContaining({
+        data: [{ group: 'Power Level', key: new Date('2021-01-01T00:00:00.000Z'), value: 9001 }],
+        options: expect.any(Object),
+      }),
+      {},
+    );
+
+    expect(mockLineChart).toHaveBeenNthCalledWith(
+      2,
+      expect.objectContaining({
+        data: [
+          { group: 'Height', key: new Date('2021-02-01T00:00:00.000Z'), value: 182 },
+          { group: 'Height', key: new Date('2021-01-01T00:00:00.000Z'), value: 180 },
+          { group: 'Weight', key: new Date('2021-02-01T00:00:00.000Z'), value: 72 },
+          { group: 'Weight', key: new Date('2021-01-01T00:00:00.000Z'), value: 70 },
+        ],
+        options: expect.any(Object),
+      }),
+      {},
+    );
+  });
+
+  it('should hide the graph tab selection if there is only one graph', async () => {
+    mockUseObs.mockReturnValue({
+      data: {
+        observations: mockObsData.filter(
+          (o) => o.conceptUuid === '164163AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+        ) as Array<ObsResult>,
+        concepts: mockConceptData,
+      },
+      error: null,
+      isLoading: false,
+      isValidating: false,
+    });
+    mockUseConfig.mockReturnValue({
+      ...(getDefaultsFromConfigSchema(configSchemaSwitchable) as Object),
+      title: 'My Stats',
+      showGraphByDefault: true,
+      data: [{ concept: '164163AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' }],
+    });
+
+    render(<ObsSwitchable patientUuid="123" />);
+
+    expect(screen.queryByLabelText('Obs tabs')).not.toBeInTheDocument();
+
+    expect(mockLineChart).toHaveBeenCalledWith(
+      expect.objectContaining({
+        data: [{ group: 'Power Level', key: new Date('2021-01-01T00:00:00.000Z'), value: 9001 }],
+        options: expect.any(Object),
+      }),
+      {},
+    );
+  });
+});

package/src/obs-table/obs-table.component.tsx

@@ -23,17 +23,19 @@ interface ObsTableProps {
 const ObsTable: React.FC<ObsTableProps> = ({ patientUuid }) => {
   const { t } = useTranslation();
   const config = useConfig<ConfigObjectSwitchable>();
-  const { data: obss } = useObs(patientUuid, config.showEncounterType);
-  const uniqueEncounterReferences = [...new Set(obss.map((o) => o.encounter.reference))].sort();
+  const {
+    data: { observations, concepts },
+  } = useObs(patientUuid);
+  const uniqueEncounterReferences = [...new Set(observations.map((o) => o.encounter.reference))].sort();
   const obssGroupedByEncounters = uniqueEncounterReferences.map((reference) =>
-    obss.filter((o) => o.encounter.reference === reference),
+    observations.filter((o) => o.encounter.reference === reference),
   );
 
   const tableHeaders = [
     { key: 'date', header: t('dateAndTime', 'Date and time'), isSortable: true },
     ...config.data.map(({ concept, label }) => ({
       key: concept,
-      header: label,
+      header: label || concepts.find((c) => c.uuid == concept)?.display,
     })),
   ];
 

package/src/obs-table-horizontal/obs-table-horizontal.component.tsx

@@ -23,10 +23,13 @@ interface ObsTableHorizontalProps {
 const ObsTableHorizontal: React.FC<ObsTableHorizontalProps> = ({ patientUuid }) => {
   const { t } = useTranslation();
   const config = useConfig<ConfigObjectHorizontal>();
-  const { data: obss, isValidating } = useObs(patientUuid, config.showEncounterType);
-  const uniqueEncounterReferences = [...new Set(obss.map((o) => o.encounter.reference))].sort();
+  const {
+    data: { observations, concepts },
+    isValidating,
+  } = useObs(patientUuid);
+  const uniqueEncounterReferences = [...new Set(observations.map((o) => o.encounter.reference))].sort();
   let obssGroupedByEncounters = uniqueEncounterReferences.map((reference) =>
-    obss.filter((o) => o.encounter.reference === reference),
+    observations.filter((o) => o.encounter.reference === reference),
   );
 
   if (config.oldestFirst) {
@@ -41,7 +44,7 @@ const ObsTableHorizontal: React.FC<ObsTableHorizontalProps> = ({ patientUuid })
 
   let tableRowLabels = config.data.map(({ concept, label }) => ({
     key: concept,
-    header: t(label, label) || obss.find((o) => o.conceptUuid === concept)?.code?.text,
+    header: t(label, label) || concepts.find((c) => c.uuid === concept)?.display,
   }));
 
   if (config.showEncounterType) {

package/src/resources/useConcepts.ts

@@ -0,0 +1,41 @@
+import { openmrsFetch, type FetchResponse, restBaseUrl, showSnackbar } from '@openmrs/esm-framework';
+import chunk from 'lodash/chunk';
+import useSWRImmutable from 'swr/immutable';
+
+export interface ConceptReferenceResponse {
+  [key: string]: {
+    uuid: string;
+    display: string;
+  };
+}
+
+export function useConcepts(conceptUuids: Array<string>) {
+  const { data, error, isLoading } = useSWRImmutable<Array<FetchResponse<ConceptReferenceResponse>>, Error>(
+    conceptUuids && conceptUuids.length > 0 ? getConceptReferenceUrls(conceptUuids) : null,
+    (key: Array<string>) => Promise.all(key.map((url) => openmrsFetch<ConceptReferenceResponse>(url))),
+  );
+
+  const ob: ConceptReferenceResponse = data?.reduce((acc, response) => ({ ...acc, ...response.data }), {});
+  const concepts = ob
+    ? Object.values(ob).map((value) => ({
+        uuid: value.uuid,
+        display: value.display,
+      }))
+    : [];
+
+  if (error) {
+    showSnackbar({
+      title: error.name,
+      subtitle: error.message,
+      kind: 'error',
+    });
+  }
+
+  return { concepts, isLoading };
+}
+
+function getConceptReferenceUrls(conceptUuids: Array<string>) {
+  return chunk(conceptUuids, 10).map(
+    (partition) => `${restBaseUrl}/conceptreferences?references=${partition.join(',')}&v=custom:(uuid,display)`,
+  );
+}

package/src/resources/useObs.ts

@@ -2,17 +2,21 @@ import useSWR from 'swr';
 import { openmrsFetch, fhirBaseUrl, useConfig } from '@openmrs/esm-framework';
 import { type ConfigObjectSwitchable } from '../config-schema-obs-switchable';
 import { type ConfigObjectHorizontal } from '../config-schema-obs-horizontal';
+import { useConcepts } from './useConcepts';
 
 type CommonConfig = ConfigObjectSwitchable | ConfigObjectHorizontal;
 
 export interface UseObsResult {
-  data: Array<ObsResult>;
+  data: {
+    observations: Array<ObsResult>;
+    concepts: Array<{ uuid: string; display: string }>;
+  };
   error: Error;
   isLoading: boolean;
   isValidating: boolean;
 }
 
-type ObsResult = fhir.Observation & {
+export type ObsResult = fhir.Observation & {
   conceptUuid: string;
   dataType?: string;
   valueDateTime?: string;
@@ -27,10 +31,16 @@ type ObsResult = fhir.Observation & {
 
 export const pageSize = 100;
 
-export function useObs(patientUuid: string, includeEncounters: boolean = false): UseObsResult {
+/**
+ * Fetches the observations for the concepts in the config for this widget.
+ * For any concept that has neither label nor obs, the concept is fetched to
+ * get the label.
+ */
+export function useObs(patientUuid: string): UseObsResult {
   const { encounterTypes, data, showEncounterType } = useConfig<CommonConfig>();
   const urlEncounterTypes: string = encounterTypes.length ? `&encounter.type=${encounterTypes.toString()}` : '';
 
+  // TODO: Make sorting respect oldestFirst/graphOldestFirst
   let url = `${fhirBaseUrl}/Observation?subject:Patient=${patientUuid}&code=${data
     .map((d) => d.concept)
     .join(',')}&_summary=data&_sort=-date&_count=${pageSize}${urlEncounterTypes}`;
@@ -41,11 +51,28 @@ export function useObs(patientUuid: string, includeEncounters: boolean = false):
 
   const { data: result, error, isLoading, isValidating } = useSWR<{ data: fhir.Bundle }, Error>(url, openmrsFetch);
 
+  const obsForConcept = Object.fromEntries(
+    data.map((d) => [
+      d.concept,
+      result?.data?.entry?.find((e) => (e.resource as fhir.Observation).code.coding.find((c) => d.concept === c.code)),
+    ]),
+  );
+
+  const conceptsNeedingLabel = data.filter((d) => result && !d.label && !obsForConcept[d.concept]);
+
+  const { concepts: conceptsForLabels } = useConcepts(conceptsNeedingLabel.map((d) => d.concept));
+  const concepts = data.map((d) => ({
+    uuid: d.concept,
+    display:
+      d.label ||
+      obsForConcept[d.concept]?.resource?.code?.text ||
+      conceptsForLabels.find((c) => c.uuid === d.concept)?.display,
+  }));
+
   const encounters = showEncounterType ? getEncountersByResources(result?.data?.entry) : [];
   const observations = filterAndMapObservations(result?.data?.entry, encounters);
-
   return {
-    data: observations,
+    data: { observations, concepts },
     error: error,
     isLoading,
     isValidating,

package/translations/am.json

@@ -1,7 +1,5 @@
 {
-  "chartView": "Chart View",
+  "date": "Date",
   "dateAndTime": "Date and time",
-  "displaying": "Displaying",
-  "encounterType": "Encounter type",
-  "tableView": "Table View"
+  "encounterType": "Encounter type"
 }

package/translations/ar.json

@@ -1,7 +1,5 @@
 {
-  "chartView": "عرض الرسم البياني",
+  "date": "Date",
   "dateAndTime": "التاريخ والوقت",
-  "displaying": "عرض",
-  "encounterType": "نوع اللقاء",
-  "tableView": "عرض الجدول"
+  "encounterType": "نوع اللقاء"
 }

package/translations/ar_SY.json

@@ -1,7 +1,5 @@
 {
-  "chartView": "Chart View",
+  "date": "Date",
   "dateAndTime": "Date and time",
-  "displaying": "Displaying",
-  "encounterType": "Encounter type",
-  "tableView": "Table View"
+  "encounterType": "Encounter type"
 }

package/translations/bn.json

@@ -1,7 +1,5 @@
 {
-  "chartView": "Chart View",
+  "date": "Date",
   "dateAndTime": "Date and time",
-  "displaying": "Displaying",
-  "encounterType": "Encounter type",
-  "tableView": "Table View"
+  "encounterType": "Encounter type"
 }

package/translations/de.json

@@ -1,7 +1,5 @@
 {
-  "chartView": "Chart View",
+  "date": "Date",
   "dateAndTime": "Date and time",
-  "displaying": "Displaying",
-  "encounterType": "Encounter type",
-  "tableView": "Table View"
+  "encounterType": "Encounter type"
 }

package/translations/en.json

@@ -1,7 +1,5 @@
 {
-  "chartView": "Chart View",
+  "date": "Date",
   "dateAndTime": "Date and time",
-  "displaying": "Displaying",
-  "encounterType": "Encounter type",
-  "tableView": "Table View"
+  "encounterType": "Encounter type"
 }

package/translations/en_US.json

@@ -1,7 +1,5 @@
 {
-  "chartView": "Chart View",
+  "date": "Date",
   "dateAndTime": "Date and time",
-  "displaying": "Displaying",
-  "encounterType": "Encounter type",
-  "tableView": "Table View"
+  "encounterType": "Encounter type"
 }

package/translations/es.json

@@ -1,7 +1,5 @@
 {
-  "chartView": "Vista de Gráfico",
+  "date": "Date",
   "dateAndTime": "Fecha y hora",
-  "displaying": "Mostrando",
-  "encounterType": "Tipo de encuentro",
-  "tableView": "Vista de Tabla"
+  "encounterType": "Tipo de encuentro"
 }

package/translations/es_MX.json

@@ -1,7 +1,5 @@
 {
-  "chartView": "Chart View",
+  "date": "Date",
   "dateAndTime": "Date and time",
-  "displaying": "Displaying",
-  "encounterType": "Encounter type",
-  "tableView": "Table View"
+  "encounterType": "Encounter type"
 }

package/translations/fr.json

@@ -1,7 +1,5 @@
 {
-  "chartView": "Vue graphique",
+  "date": "Date",
   "dateAndTime": "Date et heure",
-  "displaying": "En cours d'affichage",
-  "encounterType": "Type de consultation",
-  "tableView": "Vue tabulaire"
+  "encounterType": "Type de consultation"
 }

package/translations/he.json

@@ -1,7 +1,5 @@
 {
-  "chartView": "תצוגת תרשים",
+  "date": "Date",
   "dateAndTime": "תאריך ושעה",
-  "displaying": "מציג",
-  "encounterType": "סוג הביקור",
-  "tableView": "תצוגת טבלה"
+  "encounterType": "סוג הביקור"
 }

package/translations/hi.json

@@ -1,7 +1,5 @@
 {
-  "chartView": "Chart View",
+  "date": "Date",
   "dateAndTime": "Date and time",
-  "displaying": "Displaying",
-  "encounterType": "Encounter type",
-  "tableView": "Table View"
+  "encounterType": "Encounter type"
 }

package/translations/hi_IN.json

@@ -1,7 +1,5 @@
 {
-  "chartView": "Chart View",
+  "date": "Date",
   "dateAndTime": "Date and time",
-  "displaying": "Displaying",
-  "encounterType": "Encounter type",
-  "tableView": "Table View"
+  "encounterType": "Encounter type"
 }

package/translations/id.json

@@ -1,7 +1,5 @@
 {
-  "chartView": "Tampilan Grafik",
+  "date": "Date",
   "dateAndTime": "Tanggal dan waktu",
-  "displaying": "Menampilkan",
-  "encounterType": "Jenis pertemuan",
-  "tableView": "Tampilan Tabel"
+  "encounterType": "Jenis pertemuan"
 }

package/translations/it.json

@@ -1,7 +1,5 @@
 {
-  "chartView": "Vista grafico",
+  "date": "Date",
   "dateAndTime": "Data e ora",
-  "displaying": "Visualizzazione",
-  "encounterType": "Tipo di incontro",
-  "tableView": "Vista tabella"
+  "encounterType": "Tipo di incontro"
 }

package/translations/ka.json

@@ -1,7 +1,5 @@
 {
-  "chartView": "გრაფიკის ხედი",
+  "date": "Date",
   "dateAndTime": "თარიღი და დრო",
-  "displaying": "ნაჩვენებია",
-  "encounterType": "კონსულტაციის ტიპი",
-  "tableView": "ცხრილის ხედი"
+  "encounterType": "კონსულტაციის ტიპი"
 }

package/translations/km.json

@@ -1,7 +1,5 @@
 {
-  "chartView": "មើលគំនូសតាង",
+  "date": "Date",
   "dateAndTime": "កាលបរិច្ឆេទ និងម៉ោង",
-  "displaying": "ការបង្ហាញ",
-  "encounterType": "ប្រភេទនៃការជួបប្រទះ",
-  "tableView": "មើលតារាង"
+  "encounterType": "ប្រភេទនៃការជួបប្រទះ"
 }

package/translations/ku.json

@@ -1,7 +1,5 @@
 {
-  "chartView": "Chart View",
+  "date": "Date",
   "dateAndTime": "Date and time",
-  "displaying": "Displaying",
-  "encounterType": "Encounter type",
-  "tableView": "Table View"
+  "encounterType": "Encounter type"
 }

package/translations/ky.json

@@ -1,7 +1,5 @@
 {
-  "chartView": "Chart View",
+  "date": "Date",
   "dateAndTime": "Date and time",
-  "displaying": "Displaying",
-  "encounterType": "Encounter type",
-  "tableView": "Table View"
+  "encounterType": "Encounter type"
 }