@ampath/esm-reports-app 1.0.0-next.4 → 1.0.0-next.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/260.js +1 -1
- package/dist/402.js +1 -0
- package/dist/402.js.map +1 -0
- package/dist/812.js +1 -1
- package/dist/812.js.map +1 -1
- package/dist/959.js +2 -0
- package/dist/{367.js.map → 959.js.map} +1 -1
- package/dist/ampath-esm-reports-app.js +1 -1
- package/dist/ampath-esm-reports-app.js.buildmanifest.json +37 -37
- package/dist/main.js +1 -1
- package/dist/main.js.map +1 -1
- package/dist/routes.json +1 -1
- package/package.json +1 -1
- package/src/dashboard/reports-dasboard.tsx +3 -0
- package/src/reports/moh-706/moh-706.component.tsx +26 -0
- package/src/reports/moh-706/moh-706.scss +18 -0
- package/src/reports/moh-706/sub-reports/bacteriology/bacteriology.component.tsx +132 -0
- package/src/reports/moh-706/sub-reports/blood-chemistry/blood-chemistry.component.tsx +324 -0
- package/src/reports/moh-706/sub-reports/drug-susceptibility-testing/drug-susceptibility-testing.component.tsx +152 -0
- package/src/reports/moh-706/sub-reports/haematology/haematology.component.tsx +187 -0
- package/src/reports/moh-706/sub-reports/histology-and-cytology/histology-and-cytology.component.tsx +103 -0
- package/src/reports/moh-706/sub-reports/parasitology/parasitology.component.tsx +129 -0
- package/src/reports/moh-706/sub-reports/serology/serology.component.tsx +55 -0
- package/src/reports/moh-706/sub-reports/specimen-referral-to-higher-levels/specimen-referral-to-higher-levels.component.tsx +54 -0
- package/src/reports/moh-706/sub-reports/urine-analysis/urine-analysis.component.tsx +116 -0
- package/src/reports/moh-706/table-wrapper/table-wrapper.component.tsx +21 -0
- package/src/reports/moh-706/table-wrapper/table-wrapper.scss +31 -0
- package/src/root.component.tsx +2 -0
- package/dist/367.js +0 -2
- package/dist/86.js +0 -1
- package/dist/86.js.map +0 -1
- /package/dist/{367.js.LICENSE.txt → 959.js.LICENSE.txt} +0 -0
package/src/reports/moh-706/sub-reports/histology-and-cytology/histology-and-cytology.component.tsx
ADDED
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
|
+
import { TableRow, TableCell } from '@carbon/react';
|
|
3
|
+
import TableWrapper from "../../table-wrapper/table-wrapper.component";
|
|
4
|
+
import styles from '../../table-wrapper/table-wrapper.scss';
|
|
5
|
+
|
|
6
|
+
const HistologyAndCytology: React.FC = () => {
|
|
7
|
+
const getCell = (key = "", value = "", colSpan = 1, strong = false) => ({
|
|
8
|
+
key,
|
|
9
|
+
value,
|
|
10
|
+
strong,
|
|
11
|
+
colSpan
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
const tableRows = useMemo(() => {
|
|
15
|
+
return [
|
|
16
|
+
{
|
|
17
|
+
tableCells: [getCell("", "6 HISTOLOGY AND CYTOLOGY", 4, true)]
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
tableCells: [
|
|
21
|
+
getCell("", "Smears", 1, true),
|
|
22
|
+
getCell("", "Total Exam", 1, true),
|
|
23
|
+
getCell("", "Malignant", 1, true),
|
|
24
|
+
getCell(),
|
|
25
|
+
]
|
|
26
|
+
},
|
|
27
|
+
{ tableCells: [getCell("", "6.1 PAP smear"), getCell(), getCell(), getCell(),] },
|
|
28
|
+
{ tableCells: [getCell("", "6.2 Touch preparations"), getCell(), getCell(), getCell()] },
|
|
29
|
+
{ tableCells: [getCell("", "6.3 Tissue impressions"), getCell(), getCell(), getCell()] },
|
|
30
|
+
{
|
|
31
|
+
tableCells: [
|
|
32
|
+
getCell("", "Fine Needle Aspirates", 1, true),
|
|
33
|
+
getCell("", "Total Exam", 1, true),
|
|
34
|
+
getCell("", "Malignant", 1, true),
|
|
35
|
+
getCell()
|
|
36
|
+
]
|
|
37
|
+
},
|
|
38
|
+
{ tableCells: [getCell("", "6.4 Thyroid"), getCell(), getCell(), getCell()] },
|
|
39
|
+
{ tableCells: [getCell("", "6.5 Lymph nodes"), getCell(), getCell(), getCell()] },
|
|
40
|
+
{ tableCells: [getCell("", "6.6 Liver"), getCell(), getCell(), getCell()] },
|
|
41
|
+
{ tableCells: [getCell("", "6.7 Breast"), getCell(), getCell(), getCell()] },
|
|
42
|
+
{ tableCells: [getCell("", "6.8 Soft tissue masses"), getCell(), getCell(), getCell()] },
|
|
43
|
+
{
|
|
44
|
+
tableCells: [
|
|
45
|
+
getCell("", "Fluid Cytology", 1, true),
|
|
46
|
+
getCell("", "Total Exam", 1, true),
|
|
47
|
+
getCell("", "Malignant", 2, true),
|
|
48
|
+
getCell()
|
|
49
|
+
]
|
|
50
|
+
},
|
|
51
|
+
{ tableCells: [getCell("", "6.9 Ascitic fluid"), getCell(), getCell(), getCell()] },
|
|
52
|
+
{ tableCells: [getCell("", "6.10 CSF"), getCell(), getCell(), getCell()] },
|
|
53
|
+
{ tableCells: [getCell("", "6.11 Pleural fluid"), getCell(), getCell(), getCell()] },
|
|
54
|
+
{ tableCells: [getCell("", "6.12 Urine"), getCell(), getCell(), getCell()] },
|
|
55
|
+
{
|
|
56
|
+
tableCells: [
|
|
57
|
+
getCell("", "Tissue Histology", 1, true),
|
|
58
|
+
getCell("", "Total Exam", 1, true),
|
|
59
|
+
getCell("", "Malignant", 1, true),
|
|
60
|
+
getCell("", "TNM Stage", 1, true),
|
|
61
|
+
]
|
|
62
|
+
},
|
|
63
|
+
{ tableCells: [getCell("", "6.13 Prostate"), getCell(), getCell(), getCell()] },
|
|
64
|
+
{ tableCells: [getCell("", "6.14 Breast tissue"), getCell(), getCell(), getCell()] },
|
|
65
|
+
{ tableCells: [getCell("", "6.15 Ovary"), getCell(), getCell(), getCell()] },
|
|
66
|
+
{ tableCells: [getCell("", "6.16 Uterus (Cervix)"), getCell(), getCell(), getCell()] },
|
|
67
|
+
{ tableCells: [getCell("", "6.17 Uterus (Endometrium)"), getCell(), getCell(), getCell()] },
|
|
68
|
+
{ tableCells: [getCell("", "6.18 Skin"), getCell(), getCell(), getCell()] },
|
|
69
|
+
{ tableCells: [getCell("", "6.19 Head and Neck"), getCell(), getCell(), getCell()] },
|
|
70
|
+
{ tableCells: [getCell("", "6.20 Oral"), getCell(), getCell(), getCell()] },
|
|
71
|
+
{ tableCells: [getCell("", "6.21 Esophagus"), getCell(), getCell(), getCell()] },
|
|
72
|
+
{ tableCells: [getCell("", "6.22 Colorectal"), getCell(), getCell(), getCell()] },
|
|
73
|
+
{ tableCells: [getCell("", "6.23 Hepatobiliary"), getCell(), getCell(), getCell()] },
|
|
74
|
+
{ tableCells: [getCell("", "6.24 Soft tissue and bone"), getCell(), getCell(), getCell()] },
|
|
75
|
+
{ tableCells: [getCell("", "6.25 Lymph nodes tissue"), getCell(), getCell(), getCell()] },
|
|
76
|
+
{
|
|
77
|
+
tableCells: [
|
|
78
|
+
getCell("", "Bone Marrow Studies", 1, true),
|
|
79
|
+
getCell("", "Total Exam", 1, true),
|
|
80
|
+
getCell("", "Malignant", 1, true),
|
|
81
|
+
getCell()
|
|
82
|
+
]
|
|
83
|
+
},
|
|
84
|
+
{ tableCells: [getCell("", "6.26 Bone marrow aspirate"), getCell(), getCell(), getCell()] },
|
|
85
|
+
{ tableCells: [getCell("", "6.27 Trephine biopsy"), getCell(), getCell(), getCell()] },
|
|
86
|
+
]
|
|
87
|
+
}, []);
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
return <TableWrapper>
|
|
91
|
+
{tableRows.map((tR) => (
|
|
92
|
+
<TableRow>
|
|
93
|
+
{tR.tableCells.map((tC) => (
|
|
94
|
+
<TableCell className={styles.dataCell} colSpan={tC.colSpan}>
|
|
95
|
+
{tC.strong ? <strong>{tC.value}</strong> : tC.value}
|
|
96
|
+
</TableCell>
|
|
97
|
+
))}
|
|
98
|
+
</TableRow>
|
|
99
|
+
))}
|
|
100
|
+
</TableWrapper>
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
export default HistologyAndCytology;
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
|
+
import { TableRow, TableCell } from '@carbon/react';
|
|
3
|
+
import TableWrapper from "../../table-wrapper/table-wrapper.component";
|
|
4
|
+
import styles from '../../table-wrapper/table-wrapper.scss';
|
|
5
|
+
|
|
6
|
+
const Parasitology: React.FC = () => {
|
|
7
|
+
const getCell = (key = "", value = "", colSpan = 1, strong = false) => ({
|
|
8
|
+
key,
|
|
9
|
+
value,
|
|
10
|
+
strong,
|
|
11
|
+
colSpan
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
const tableRows = useMemo(() => {
|
|
15
|
+
return [
|
|
16
|
+
{
|
|
17
|
+
tableCells: [
|
|
18
|
+
getCell("", "3 PARASITOLOGY", 3, true)
|
|
19
|
+
]
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
tableCells: [
|
|
23
|
+
getCell("", "Malaria Test", 1, true),
|
|
24
|
+
getCell("", "Total Exam", 1, true),
|
|
25
|
+
getCell("", "Number Positive", 1, true)
|
|
26
|
+
]
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
tableCells: [
|
|
30
|
+
getCell("", "3.1 Malaria BS (Under five years)"),
|
|
31
|
+
getCell(),
|
|
32
|
+
getCell()
|
|
33
|
+
]
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
tableCells: [
|
|
37
|
+
getCell("", "3.2 Malaria BS (5 years and above)"),
|
|
38
|
+
getCell(),
|
|
39
|
+
getCell(),
|
|
40
|
+
]
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
tableCells: [
|
|
44
|
+
getCell("", "3.3 Malaria Rapid Diagnostic Tests (Under five years)"),
|
|
45
|
+
getCell(),
|
|
46
|
+
getCell(),
|
|
47
|
+
]
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
tableCells: [
|
|
51
|
+
getCell("", "3.4 Malaria Rapid Diagnostic Tests (5 years and above)"),
|
|
52
|
+
getCell(),
|
|
53
|
+
getCell(),
|
|
54
|
+
]
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
tableCells: [
|
|
58
|
+
getCell("", "Stool Examination", 1, true),
|
|
59
|
+
getCell(),
|
|
60
|
+
getCell("", "Number Positive", 1, true),
|
|
61
|
+
]
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
tableCells: [
|
|
65
|
+
getCell("", "3.5 Taenia spp."),
|
|
66
|
+
getCell(),
|
|
67
|
+
getCell(),
|
|
68
|
+
]
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
tableCells: [
|
|
72
|
+
getCell("", "3.6 Hymenolepis nana"),
|
|
73
|
+
getCell(),
|
|
74
|
+
getCell(),
|
|
75
|
+
]
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
tableCells: [
|
|
79
|
+
getCell("", "3.7 Hookworm"),
|
|
80
|
+
getCell(),
|
|
81
|
+
getCell(),
|
|
82
|
+
]
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
tableCells: [
|
|
86
|
+
getCell("", "3.8 Roundworm"),
|
|
87
|
+
getCell(),
|
|
88
|
+
getCell(),
|
|
89
|
+
]
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
tableCells: [
|
|
93
|
+
getCell("", "3.9 S. mansoni"),
|
|
94
|
+
getCell(),
|
|
95
|
+
getCell(),
|
|
96
|
+
]
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
tableCells: [
|
|
100
|
+
getCell("", "3.10 Trichuris trichura"),
|
|
101
|
+
getCell(),
|
|
102
|
+
getCell(),
|
|
103
|
+
]
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
tableCells: [
|
|
107
|
+
getCell("", "3.11 Amoeba"),
|
|
108
|
+
getCell(),
|
|
109
|
+
getCell(),
|
|
110
|
+
]
|
|
111
|
+
},
|
|
112
|
+
]
|
|
113
|
+
}, []);
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
return <TableWrapper>
|
|
117
|
+
{tableRows.map((tR) => (
|
|
118
|
+
<TableRow>
|
|
119
|
+
{tR.tableCells.map((tC) => (
|
|
120
|
+
<TableCell className={styles.dataCell} colSpan={tC.colSpan}>
|
|
121
|
+
{tC.strong ? <strong>{tC.value}</strong> : tC.value}
|
|
122
|
+
</TableCell>
|
|
123
|
+
))}
|
|
124
|
+
</TableRow>
|
|
125
|
+
))}
|
|
126
|
+
</TableWrapper>
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
export default Parasitology;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
|
+
import { TableRow, TableCell } from '@carbon/react';
|
|
3
|
+
import TableWrapper from "../../table-wrapper/table-wrapper.component";
|
|
4
|
+
import styles from '../../table-wrapper/table-wrapper.scss';
|
|
5
|
+
|
|
6
|
+
const Serology: React.FC = () => {
|
|
7
|
+
const getCell = (key = "", value = "", colSpan = 1, strong = false) => ({
|
|
8
|
+
key,
|
|
9
|
+
value,
|
|
10
|
+
strong,
|
|
11
|
+
colSpan
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
const tableRows = useMemo(() => {
|
|
15
|
+
return [
|
|
16
|
+
{
|
|
17
|
+
tableCells: [getCell("", "7. SEROLOGY", 3, true)]
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
tableCells: [
|
|
21
|
+
getCell("", "Serological Test", 1, true),
|
|
22
|
+
getCell("", "Total Exam", 1, true),
|
|
23
|
+
getCell("", "Number Positive", 1, true),
|
|
24
|
+
]
|
|
25
|
+
},
|
|
26
|
+
{ tableCells: [getCell("", "7.1 VDRL"), getCell(), getCell()] },
|
|
27
|
+
{ tableCells: [getCell("", "7.2 TPHA"), getCell(), getCell()] },
|
|
28
|
+
{ tableCells: [getCell("", "7.3 ASOT"), getCell(), getCell()] },
|
|
29
|
+
{ tableCells: [getCell("", "7.4 HIV"), getCell(), getCell()] },
|
|
30
|
+
{ tableCells: [getCell("", "7.5 Brucella"), getCell(), getCell()] },
|
|
31
|
+
{ tableCells: [getCell("", "7.6 Rheumatoid factor"), getCell(), getCell()] },
|
|
32
|
+
{ tableCells: [getCell("", "7.7 Helicobacter pylori"), getCell(), getCell()] },
|
|
33
|
+
{ tableCells: [getCell("", "7.8 Hepatitis A test"), getCell(), getCell()] },
|
|
34
|
+
{ tableCells: [getCell("", "7.9 Hepatitis B test"), getCell(), getCell()] },
|
|
35
|
+
{ tableCells: [getCell("", "7.10 Hepatitis C test"), getCell(), getCell()] },
|
|
36
|
+
{ tableCells: [getCell("", "7.11 HCG"), getCell(), getCell()] },
|
|
37
|
+
{ tableCells: [getCell("", "7.12 CRAG Test"), getCell(), getCell()] },
|
|
38
|
+
]
|
|
39
|
+
}, []);
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
return <TableWrapper>
|
|
43
|
+
{tableRows.map((tR) => (
|
|
44
|
+
<TableRow>
|
|
45
|
+
{tR.tableCells.map((tC) => (
|
|
46
|
+
<TableCell className={styles.dataCell} colSpan={tC.colSpan}>
|
|
47
|
+
{tC.strong ? <strong>{tC.value}</strong> : tC.value}
|
|
48
|
+
</TableCell>
|
|
49
|
+
))}
|
|
50
|
+
</TableRow>
|
|
51
|
+
))}
|
|
52
|
+
</TableWrapper>
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
export default Serology;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
|
+
import { TableRow, TableCell } from '@carbon/react';
|
|
3
|
+
import TableWrapper from "../../table-wrapper/table-wrapper.component";
|
|
4
|
+
import styles from '../../table-wrapper/table-wrapper.scss';
|
|
5
|
+
|
|
6
|
+
const SpecimenReferralToHigherLevels: React.FC = () => {
|
|
7
|
+
const getCell = (key = "", value = "", colSpan = 1, strong = false) => ({
|
|
8
|
+
key,
|
|
9
|
+
value,
|
|
10
|
+
strong,
|
|
11
|
+
colSpan
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
const tableRows = useMemo(() => {
|
|
15
|
+
return [
|
|
16
|
+
{
|
|
17
|
+
tableCells: [getCell("", "8. SPECIMEN REFERRAL TO HIGHER LEVELS", 3, true)]
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
tableCells: [
|
|
21
|
+
getCell("", "Specimen referral", 1, true),
|
|
22
|
+
getCell("", "No. of specimens", 1, true),
|
|
23
|
+
getCell("", "No. of results received", 1, true),
|
|
24
|
+
]
|
|
25
|
+
},
|
|
26
|
+
{ tableCells: [getCell("", "8.1 CD4"), getCell(), getCell()] },
|
|
27
|
+
{ tableCells: [getCell("", "8.2 Viral load"), getCell(), getCell()] },
|
|
28
|
+
{ tableCells: [getCell("", "8.3 EID"), getCell(), getCell()] },
|
|
29
|
+
{ tableCells: [getCell("", "8.4 Discodant/discrepant"), getCell(), getCell()] },
|
|
30
|
+
{ tableCells: [getCell("", "8.5 TB Culture"), getCell(), getCell()] },
|
|
31
|
+
{ tableCells: [getCell("", "8.6 Virological"), getCell(), getCell()] },
|
|
32
|
+
{ tableCells: [getCell("", "8.7 Clinical Chemistry"), getCell(), getCell()] },
|
|
33
|
+
{ tableCells: [getCell("", "8.8 Histology/cytology"), getCell(), getCell()] },
|
|
34
|
+
{ tableCells: [getCell("", "8.9 Haematological"), getCell(), getCell()] },
|
|
35
|
+
{ tableCells: [getCell("", "8.10 Parasitological"), getCell(), getCell()] },
|
|
36
|
+
{ tableCells: [getCell("", "8.11 Blood samples for transfusion screening"), getCell(), getCell()] },
|
|
37
|
+
]
|
|
38
|
+
}, []);
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
return <TableWrapper>
|
|
42
|
+
{tableRows.map((tR) => (
|
|
43
|
+
<TableRow>
|
|
44
|
+
{tR.tableCells.map((tC) => (
|
|
45
|
+
<TableCell className={styles.dataCell} colSpan={tC.colSpan}>
|
|
46
|
+
{tC.strong ? <strong>{tC.value}</strong> : tC.value}
|
|
47
|
+
</TableCell>
|
|
48
|
+
))}
|
|
49
|
+
</TableRow>
|
|
50
|
+
))}
|
|
51
|
+
</TableWrapper>
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
export default SpecimenReferralToHigherLevels;
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
|
+
import { TableRow, TableCell } from '@carbon/react';
|
|
3
|
+
import TableWrapper from "../../table-wrapper/table-wrapper.component";
|
|
4
|
+
import styles from '../../table-wrapper/table-wrapper.scss';
|
|
5
|
+
|
|
6
|
+
const UrineAnalysis: React.FC = () => {
|
|
7
|
+
const getCell = (key = "", value = "", colSpan = 1, strong = false) => ({
|
|
8
|
+
key,
|
|
9
|
+
value,
|
|
10
|
+
strong,
|
|
11
|
+
colSpan
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
const tableRows = useMemo(() => {
|
|
15
|
+
return [
|
|
16
|
+
{
|
|
17
|
+
tableCells: [
|
|
18
|
+
getCell("", "1 URINE ANALYSIS", 2, true),
|
|
19
|
+
getCell()
|
|
20
|
+
]
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
tableCells: [
|
|
24
|
+
getCell(),
|
|
25
|
+
getCell("", "Total Exam", 1, true),
|
|
26
|
+
getCell("", "Number Positive", 1, true)
|
|
27
|
+
]
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
tableCells: [
|
|
31
|
+
getCell("", "1.1 Urine Chemistry", 1, true),
|
|
32
|
+
getCell(),
|
|
33
|
+
getCell(),
|
|
34
|
+
]
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
tableCells: [
|
|
38
|
+
getCell("", "1.2 Glucose", 1, false),
|
|
39
|
+
getCell(),
|
|
40
|
+
getCell(),
|
|
41
|
+
]
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
tableCells: [
|
|
45
|
+
getCell("", "1.3 Ketones", 1, false),
|
|
46
|
+
getCell(),
|
|
47
|
+
getCell(),
|
|
48
|
+
]
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
tableCells: [
|
|
52
|
+
getCell("", "1.4 Proteins", 1, false),
|
|
53
|
+
getCell(),
|
|
54
|
+
getCell(),
|
|
55
|
+
]
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
tableCells: [
|
|
59
|
+
getCell("", "1.5 Urine Microscopy", 1, true),
|
|
60
|
+
getCell(),
|
|
61
|
+
getCell("", "Number Positive", 1, true),
|
|
62
|
+
]
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
tableCells: [
|
|
66
|
+
getCell("", "1.6 Pus cells (>5/hpf)", 1, false),
|
|
67
|
+
getCell(),
|
|
68
|
+
getCell(),
|
|
69
|
+
]
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
tableCells: [
|
|
73
|
+
getCell("", "1.7 Shistosoma haematobium", 1, false),
|
|
74
|
+
getCell(),
|
|
75
|
+
getCell(),
|
|
76
|
+
]
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
tableCells: [
|
|
80
|
+
getCell("", "1.8 Trichomona vaginalis", 1, false),
|
|
81
|
+
getCell(),
|
|
82
|
+
getCell(),
|
|
83
|
+
]
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
tableCells: [
|
|
87
|
+
getCell("", "1.9 Yeast cells", 1, false),
|
|
88
|
+
getCell(),
|
|
89
|
+
getCell(),
|
|
90
|
+
]
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
tableCells: [
|
|
94
|
+
getCell("", "1.10 Bacteria", 1, false),
|
|
95
|
+
getCell(),
|
|
96
|
+
getCell(),
|
|
97
|
+
]
|
|
98
|
+
},
|
|
99
|
+
]
|
|
100
|
+
}, []);
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
return <TableWrapper>
|
|
104
|
+
{tableRows.map((tR) => (
|
|
105
|
+
<TableRow>
|
|
106
|
+
{tR.tableCells.map((tC) => (
|
|
107
|
+
<TableCell className={styles.dataCell} colSpan={tC.colSpan}>
|
|
108
|
+
{tC.strong ? <strong>{tC.value}</strong> : tC.value}
|
|
109
|
+
</TableCell>
|
|
110
|
+
))}
|
|
111
|
+
</TableRow>
|
|
112
|
+
))}
|
|
113
|
+
</TableWrapper>
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
export default UrineAnalysis;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Table, TableBody } from '@carbon/react';
|
|
3
|
+
import styles from './table-wrapper.scss';
|
|
4
|
+
|
|
5
|
+
interface TableWrapperProps {
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
const TableWrapper: React.FC<TableWrapperProps> = ({ children }) => {
|
|
10
|
+
return <>
|
|
11
|
+
<div className={styles.tableWrapper}>
|
|
12
|
+
<Table size="sm" className={styles.tableComponent}>
|
|
13
|
+
<TableBody>
|
|
14
|
+
{children}
|
|
15
|
+
</TableBody>
|
|
16
|
+
</Table>
|
|
17
|
+
</div>
|
|
18
|
+
</>
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export default TableWrapper;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
.tableWrapper {
|
|
2
|
+
overflow-x: auto;
|
|
3
|
+
border: 1px solid #d0d0d0;
|
|
4
|
+
border-radius: 4px;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.tableContainer {
|
|
8
|
+
width: 100%;
|
|
9
|
+
border-collapse: collapse;
|
|
10
|
+
|
|
11
|
+
thead {
|
|
12
|
+
background-color: #f4f4f4;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
tbody tr {
|
|
16
|
+
border-bottom: 1px solid #e0e0e0;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.dataCell {
|
|
21
|
+
padding: 0.01rem;
|
|
22
|
+
border: 1px solid #d0d0d0;
|
|
23
|
+
text-align: center;
|
|
24
|
+
height: 20px;
|
|
25
|
+
min-width: 50px;
|
|
26
|
+
font-size: small;
|
|
27
|
+
|
|
28
|
+
&:hover {
|
|
29
|
+
background-color: #f0f7ff;
|
|
30
|
+
}
|
|
31
|
+
}
|
package/src/root.component.tsx
CHANGED
|
@@ -4,6 +4,7 @@ import ReportsDashboard from './dashboard/reports-dasboard';
|
|
|
4
4
|
import Moh710Report from './reports/moh-710/moh-710.component';
|
|
5
5
|
import Moh711Report from './reports/moh-711/moh-711.component';
|
|
6
6
|
import Moh717Report from './reports/moh-717/moh-717.component';
|
|
7
|
+
import MoH706Report from './reports/moh-706/moh-706.component';
|
|
7
8
|
|
|
8
9
|
const RootComponent: React.FC = () => {
|
|
9
10
|
const baseName = window.getOpenmrsSpaBase() + 'home/reports';
|
|
@@ -15,6 +16,7 @@ const RootComponent: React.FC = () => {
|
|
|
15
16
|
<Route path="/moh-710" element={<Moh710Report />} />
|
|
16
17
|
<Route path="/moh-711" element={<Moh711Report />} />
|
|
17
18
|
<Route path="/moh-717" element={<Moh717Report />} />
|
|
19
|
+
<Route path="/moh-706" element={<MoH706Report />} />
|
|
18
20
|
</Routes>
|
|
19
21
|
</BrowserRouter>
|
|
20
22
|
);
|