@ampath/esm-reports-app 1.0.0-next.75 → 1.0.0-next.76
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/{527.css → 255.css} +1 -1
- package/dist/{527.css.map → 255.css.map} +1 -1
- package/dist/{527.js → 255.js} +1 -1
- package/dist/255.js.map +1 -0
- package/dist/410.js +1 -1
- package/dist/ampath-esm-reports-app.js +1 -1
- package/dist/routes.json +1 -1
- package/package.json +1 -1
- package/src/reports/moh-710/moh-710.component.tsx +31 -15
- package/src/reports/moh-710/registers/moh-413/moh-413-columns.ts +22 -0
- package/src/reports/moh-710/registers/moh-413/moh-413.component.tsx +88 -0
- package/src/reports/moh-710/registers/moh-413/moh-413.scss +64 -0
- package/src/reports/moh-711/registers/moh-333-register.component.tsx +3 -3
- package/src/reports/moh-711/registers/moh-405-register.component.tsx +3 -3
- package/src/reports/moh-711/registers/moh-406-register.component.tsx +3 -3
- package/src/reports/moh-711/registers/moh-406.columns.ts +1 -1
- package/src/reports/moh-711/sections/family-planning.component.tsx +26 -53
- package/src/reports/moh-711/sections/gbv.component.tsx +41 -41
- package/src/root.component.tsx +2 -0
- package/dist/527.js.map +0 -1
|
@@ -54,19 +54,16 @@ const FamilyPlanningComponent: React.FC<FamilyPlanningComponentProps> = ({
|
|
|
54
54
|
<td onClick={() => navigateToRegister('first_users_contraceptive_new')}>
|
|
55
55
|
{moh711Data.first_users_contraceptive_new}
|
|
56
56
|
</td>
|
|
57
|
-
<td
|
|
58
|
-
className={styles.greyBackground}
|
|
59
|
-
onClick={() => navigateToRegister('first_users_contraceptive_revisit')}
|
|
60
|
-
>
|
|
61
|
-
{moh711Data.first_users_contraceptive_revisit}
|
|
62
|
-
</td>
|
|
57
|
+
<td className={styles.greyBackground}></td>
|
|
63
58
|
</tr>
|
|
64
59
|
<tr>
|
|
65
60
|
<td>2</td>
|
|
66
61
|
<td rowSpan={3}>Pills</td>
|
|
67
62
|
<td>Progestine only pills</td>
|
|
68
63
|
<td onClick={() => navigateToRegister('pills_progestine_new')}>{moh711Data.pills_progestine_new}</td>
|
|
69
|
-
<td onClick={() => navigateToRegister('pills_progestine_revisit')}>
|
|
64
|
+
<td onClick={() => navigateToRegister('pills_progestine_revisit')}>
|
|
65
|
+
{moh711Data.pills_progestine_revisit}
|
|
66
|
+
</td>
|
|
70
67
|
</tr>
|
|
71
68
|
<tr>
|
|
72
69
|
<td>3</td>
|
|
@@ -84,18 +81,15 @@ const FamilyPlanningComponent: React.FC<FamilyPlanningComponentProps> = ({
|
|
|
84
81
|
<td onClick={() => navigateToRegister('emergency_contraceptive_pill_new')}>
|
|
85
82
|
{moh711Data.emergency_contraceptive_pill_new}
|
|
86
83
|
</td>
|
|
87
|
-
<td
|
|
88
|
-
className={styles.greyBackground}
|
|
89
|
-
onClick={() => navigateToRegister('emergency_contraceptive_pill_revisit')}
|
|
90
|
-
>
|
|
91
|
-
{moh711Data.emergency_contraceptive_pill_revisit}
|
|
92
|
-
</td>
|
|
84
|
+
<td className={styles.greyBackground}></td>
|
|
93
85
|
</tr>
|
|
94
86
|
<tr>
|
|
95
87
|
<td>5</td>
|
|
96
88
|
<td rowSpan={2}>Injectables</td>
|
|
97
89
|
<td>FP Injections DMPA- IM</td>
|
|
98
|
-
<td onClick={() => navigateToRegister('fp_injections_dmpa_im_new')}>
|
|
90
|
+
<td onClick={() => navigateToRegister('fp_injections_dmpa_im_new')}>
|
|
91
|
+
{moh711Data.fp_injections_dmpa_im_new}
|
|
92
|
+
</td>
|
|
99
93
|
<td onClick={() => navigateToRegister('fp_injections_dmpa_im_revisit')}>
|
|
100
94
|
{moh711Data.fp_injections_dmpa_im_revisit}
|
|
101
95
|
</td>
|
|
@@ -103,7 +97,9 @@ const FamilyPlanningComponent: React.FC<FamilyPlanningComponentProps> = ({
|
|
|
103
97
|
<tr>
|
|
104
98
|
<td>6</td>
|
|
105
99
|
<td>FP Injections DMPA- SC</td>
|
|
106
|
-
<td onClick={() => navigateToRegister('fp_injections_dmpa_sc_new')}>
|
|
100
|
+
<td onClick={() => navigateToRegister('fp_injections_dmpa_sc_new')}>
|
|
101
|
+
{moh711Data.fp_injections_dmpa_sc_new}
|
|
102
|
+
</td>
|
|
107
103
|
<td onClick={() => navigateToRegister('fp_injections_dmpa_sc_revisit')}>
|
|
108
104
|
{moh711Data.fp_injections_dmpa_sc_revisit}
|
|
109
105
|
</td>
|
|
@@ -138,20 +134,13 @@ const FamilyPlanningComponent: React.FC<FamilyPlanningComponentProps> = ({
|
|
|
138
134
|
<td onClick={() => navigateToRegister('counselled_for_natural_family_planning_new')}>
|
|
139
135
|
{moh711Data.counselled_for_natural_family_planning_new}
|
|
140
136
|
</td>
|
|
141
|
-
<td
|
|
142
|
-
className={styles.greyBackground}
|
|
143
|
-
onClick={() => navigateToRegister('counselled_for_natural_family_planning_revisit')}
|
|
144
|
-
>
|
|
145
|
-
{moh711Data.counselled_for_natural_family_planning_revisit}
|
|
146
|
-
</td>
|
|
137
|
+
<td className={styles.greyBackground}></td>
|
|
147
138
|
</tr>
|
|
148
139
|
<tr>
|
|
149
140
|
<td>11</td>
|
|
150
141
|
<td>No. of clients given cycle beads</td>
|
|
151
142
|
<td onClick={() => navigateToRegister('cycle_beads_new')}>{moh711Data.cycle_beads_new}</td>
|
|
152
|
-
<td className={styles.greyBackground}
|
|
153
|
-
{moh711Data.cycle_beads_revisit}
|
|
154
|
-
</td>
|
|
143
|
+
<td className={styles.greyBackground}></td>
|
|
155
144
|
</tr>
|
|
156
145
|
</tbody>
|
|
157
146
|
</table>
|
|
@@ -190,7 +179,9 @@ const FamilyPlanningComponent: React.FC<FamilyPlanningComponentProps> = ({
|
|
|
190
179
|
<td>14</td>
|
|
191
180
|
<td rowSpan={2}>I.U.C.D insertion</td>
|
|
192
181
|
<td>Hormonal</td>
|
|
193
|
-
<td onClick={() => navigateToRegister('iucd_hormonal_first_time')}>
|
|
182
|
+
<td onClick={() => navigateToRegister('iucd_hormonal_first_time')}>
|
|
183
|
+
{moh711Data.iucd_hormonal_first_time}
|
|
184
|
+
</td>
|
|
194
185
|
<td onClick={() => navigateToRegister('iucd_hormonal_re_insertion')}>
|
|
195
186
|
{moh711Data.iucd_hormonal_re_insertion}
|
|
196
187
|
</td>
|
|
@@ -212,20 +203,13 @@ const FamilyPlanningComponent: React.FC<FamilyPlanningComponentProps> = ({
|
|
|
212
203
|
<td onClick={() => navigateToRegister('surgical_contraception_btl_first_time')}>
|
|
213
204
|
{moh711Data.surgical_contraception_btl_first_time}
|
|
214
205
|
</td>
|
|
215
|
-
<td
|
|
216
|
-
className={styles.greyBackground}
|
|
217
|
-
onClick={() => navigateToRegister('surgical_contraception_btl_re_insertion')}
|
|
218
|
-
>
|
|
219
|
-
{moh711Data.surgical_contraception_btl_re_insertion}
|
|
220
|
-
</td>
|
|
206
|
+
<td className={styles.greyBackground}></td>
|
|
221
207
|
</tr>
|
|
222
208
|
<tr>
|
|
223
209
|
<td>17</td>
|
|
224
210
|
<td>Vasectomy</td>
|
|
225
211
|
<td onClick={() => navigateToRegister('vasectomy_insertion')}>{moh711Data.vasectomy_insertion}</td>
|
|
226
|
-
<td className={styles.greyBackground}
|
|
227
|
-
{moh711Data.vasectomy_re_insertion}
|
|
228
|
-
</td>
|
|
212
|
+
<td className={styles.greyBackground}></td>
|
|
229
213
|
</tr>
|
|
230
214
|
<tr>
|
|
231
215
|
<th colSpan={3}></th>
|
|
@@ -237,17 +221,13 @@ const FamilyPlanningComponent: React.FC<FamilyPlanningComponentProps> = ({
|
|
|
237
221
|
<td rowSpan={2}>Removals</td>
|
|
238
222
|
<td>I.U.C.D</td>
|
|
239
223
|
<td onClick={() => navigateToRegister('iucd_removals_new')}>{moh711Data.iucd_removals_new}</td>
|
|
240
|
-
<td className={styles.greyBackground}
|
|
241
|
-
{moh711Data.iucd_removals_revisit}
|
|
242
|
-
</td>
|
|
224
|
+
<td className={styles.greyBackground}></td>
|
|
243
225
|
</tr>
|
|
244
226
|
<tr>
|
|
245
227
|
<td>19</td>
|
|
246
228
|
<td>Implants</td>
|
|
247
229
|
<td onClick={() => navigateToRegister('implants_removal_new')}>{moh711Data.implants_removal_new}</td>
|
|
248
|
-
<td className={styles.greyBackground}
|
|
249
|
-
{moh711Data.implants_removal_revisit}
|
|
250
|
-
</td>
|
|
230
|
+
<td className={styles.greyBackground}></td>
|
|
251
231
|
</tr>
|
|
252
232
|
<tr>
|
|
253
233
|
<td>20</td>
|
|
@@ -280,7 +260,9 @@ const FamilyPlanningComponent: React.FC<FamilyPlanningComponentProps> = ({
|
|
|
280
260
|
<tr>
|
|
281
261
|
<td>23</td>
|
|
282
262
|
<td>Adults 25+ receiving FP Services</td>
|
|
283
|
-
<td onClick={() => navigateToRegister('fp_adolescent_25_plus_new')}>
|
|
263
|
+
<td onClick={() => navigateToRegister('fp_adolescent_25_plus_new')}>
|
|
264
|
+
{moh711Data.fp_adolescent_25_plus_new}
|
|
265
|
+
</td>
|
|
284
266
|
<td onClick={() => navigateToRegister('fp_adolescent_25_plus_revisit')}>
|
|
285
267
|
{moh711Data.fp_adolescent_25_plus_revisit}
|
|
286
268
|
</td>
|
|
@@ -292,9 +274,7 @@ const FamilyPlanningComponent: React.FC<FamilyPlanningComponentProps> = ({
|
|
|
292
274
|
<td onClick={() => navigateToRegister('post_partum_fp_48_hours_new')}>
|
|
293
275
|
{moh711Data.post_partum_fp_48_hours_new}
|
|
294
276
|
</td>
|
|
295
|
-
<td className={styles.greyBackground}
|
|
296
|
-
{moh711Data.post_partum_fp_48_hours_revisit}
|
|
297
|
-
</td>
|
|
277
|
+
<td className={styles.greyBackground}></td>
|
|
298
278
|
</tr>
|
|
299
279
|
<tr>
|
|
300
280
|
<td>25</td>
|
|
@@ -302,20 +282,13 @@ const FamilyPlanningComponent: React.FC<FamilyPlanningComponentProps> = ({
|
|
|
302
282
|
<td onClick={() => navigateToRegister('post_partum_fp_3days_6_weeks_new')}>
|
|
303
283
|
{moh711Data.post_partum_fp_3days_6_weeks_new}
|
|
304
284
|
</td>
|
|
305
|
-
<td
|
|
306
|
-
className={styles.greyBackground}
|
|
307
|
-
onClick={() => navigateToRegister('post_partum_fp_3days_6_weeks_revisit')}
|
|
308
|
-
>
|
|
309
|
-
{moh711Data.post_partum_fp_3days_6_weeks_revisit}
|
|
310
|
-
</td>
|
|
285
|
+
<td className={styles.greyBackground}></td>
|
|
311
286
|
</tr>
|
|
312
287
|
<tr>
|
|
313
288
|
<td>26</td>
|
|
314
289
|
<td colSpan={2}>No. of clients receiving post abortion FP Method</td>
|
|
315
290
|
<td onClick={() => navigateToRegister('post_abortion_fp_new')}>{moh711Data.post_abortion_fp_new}</td>
|
|
316
|
-
<td className={styles.greyBackground}
|
|
317
|
-
{moh711Data.post_abortion_fp_revisit}
|
|
318
|
-
</td>
|
|
291
|
+
<td className={styles.greyBackground}></td>
|
|
319
292
|
</tr>
|
|
320
293
|
</tbody>
|
|
321
294
|
</table>
|
|
@@ -7,7 +7,7 @@ interface GBVComponentProps {
|
|
|
7
7
|
moh711Data: any;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
const GBVComponent: React.FC<GBVComponentProps> = (
|
|
10
|
+
const GBVComponent: React.FC<GBVComponentProps> = () => {
|
|
11
11
|
return (
|
|
12
12
|
<div className={styles.section}>
|
|
13
13
|
<table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
|
|
@@ -29,82 +29,82 @@ const GBVComponent: React.FC<GBVComponentProps> = ({ moh711Data }) => {
|
|
|
29
29
|
<tr>
|
|
30
30
|
<td>1</td>
|
|
31
31
|
<td>Total SGBV Total Survivors Seen (Rape, attempted rape, defilement and asault)</td>
|
|
32
|
-
<td
|
|
33
|
-
<td
|
|
34
|
-
<td
|
|
35
|
-
<td
|
|
32
|
+
<td></td>
|
|
33
|
+
<td></td>
|
|
34
|
+
<td></td>
|
|
35
|
+
<td></td>
|
|
36
36
|
</tr>
|
|
37
37
|
<tr>
|
|
38
38
|
<td>2</td>
|
|
39
39
|
<td>No. of SGBV survivors presenting within 72 hours</td>
|
|
40
|
-
<td
|
|
41
|
-
<td
|
|
42
|
-
<td
|
|
43
|
-
<td
|
|
40
|
+
<td></td>
|
|
41
|
+
<td></td>
|
|
42
|
+
<td></td>
|
|
43
|
+
<td></td>
|
|
44
44
|
</tr>
|
|
45
45
|
<tr>
|
|
46
46
|
<td>3</td>
|
|
47
47
|
<td>No. of eligible Survivors Initiated on PEP</td>
|
|
48
|
-
<td
|
|
49
|
-
<td
|
|
50
|
-
<td
|
|
51
|
-
<td
|
|
48
|
+
<td></td>
|
|
49
|
+
<td></td>
|
|
50
|
+
<td></td>
|
|
51
|
+
<td></td>
|
|
52
52
|
</tr>
|
|
53
53
|
<tr>
|
|
54
54
|
<td>4</td>
|
|
55
55
|
<td>No. of eligible survivors Completed PEP</td>
|
|
56
|
-
<td
|
|
57
|
-
<td
|
|
58
|
-
<td
|
|
59
|
-
<td
|
|
56
|
+
<td></td>
|
|
57
|
+
<td></td>
|
|
58
|
+
<td></td>
|
|
59
|
+
<td></td>
|
|
60
60
|
</tr>
|
|
61
61
|
<tr>
|
|
62
62
|
<td>5</td>
|
|
63
63
|
<td>No. of SGBV survivors seroconverting 3 months after exposure</td>
|
|
64
|
-
<td
|
|
65
|
-
<td
|
|
66
|
-
<td
|
|
67
|
-
<td
|
|
64
|
+
<td></td>
|
|
65
|
+
<td></td>
|
|
66
|
+
<td></td>
|
|
67
|
+
<td></td>
|
|
68
68
|
</tr>
|
|
69
69
|
<tr>
|
|
70
70
|
<td>6</td>
|
|
71
71
|
<td>No. of SGBV survivors eligible for ECP</td>
|
|
72
|
-
<td
|
|
73
|
-
<td
|
|
74
|
-
<td
|
|
75
|
-
<td
|
|
72
|
+
<td></td>
|
|
73
|
+
<td></td>
|
|
74
|
+
<td></td>
|
|
75
|
+
<td></td>
|
|
76
76
|
</tr>
|
|
77
77
|
<tr>
|
|
78
78
|
<td>7</td>
|
|
79
79
|
<td>No. of SGBV survivors who received ECP</td>
|
|
80
|
-
<td
|
|
81
|
-
<td
|
|
82
|
-
<td
|
|
83
|
-
<td
|
|
80
|
+
<td></td>
|
|
81
|
+
<td></td>
|
|
82
|
+
<td></td>
|
|
83
|
+
<td></td>
|
|
84
84
|
</tr>
|
|
85
85
|
<tr>
|
|
86
86
|
<td>8</td>
|
|
87
87
|
<td>No. of rape/defilement Survivors Pregnant after 4 weeks</td>
|
|
88
|
-
<td
|
|
89
|
-
<td
|
|
90
|
-
<td
|
|
91
|
-
<td
|
|
88
|
+
<td></td>
|
|
89
|
+
<td></td>
|
|
90
|
+
<td></td>
|
|
91
|
+
<td></td>
|
|
92
92
|
</tr>
|
|
93
93
|
<tr>
|
|
94
94
|
<td>9</td>
|
|
95
95
|
<td>No. of RC/IPV clients seen</td>
|
|
96
|
-
<td
|
|
97
|
-
<td
|
|
98
|
-
<td
|
|
99
|
-
<td
|
|
96
|
+
<td></td>
|
|
97
|
+
<td></td>
|
|
98
|
+
<td></td>
|
|
99
|
+
<td></td>
|
|
100
100
|
</tr>
|
|
101
101
|
<tr>
|
|
102
102
|
<td>10</td>
|
|
103
103
|
<td>No. of survivors with disability</td>
|
|
104
|
-
<td
|
|
105
|
-
<td
|
|
106
|
-
<td
|
|
107
|
-
<td
|
|
104
|
+
<td></td>
|
|
105
|
+
<td></td>
|
|
106
|
+
<td></td>
|
|
107
|
+
<td></td>
|
|
108
108
|
</tr>
|
|
109
109
|
</tbody>
|
|
110
110
|
</table>
|
package/src/root.component.tsx
CHANGED
|
@@ -32,6 +32,7 @@ import Moh222DailyRegister from './reports/moh-740/registers/moh-222-daily-regis
|
|
|
32
32
|
import Moh270DailyRegister from './reports/moh-740/registers/moh-270-permanent-register/moh-270-permanent-register';
|
|
33
33
|
import Moh512RegisterComponent from './reports/moh-711/registers/moh-512.component';
|
|
34
34
|
import TbRegisterComponent from './reports/moh-711/registers/tb-register.component';
|
|
35
|
+
import Moh413Component from './reports/moh-710/registers/moh-413/moh-413.component';
|
|
35
36
|
|
|
36
37
|
const RootComponent: React.FC = () => {
|
|
37
38
|
const baseName = window.getOpenmrsSpaBase() + 'home/reports';
|
|
@@ -71,6 +72,7 @@ const RootComponent: React.FC = () => {
|
|
|
71
72
|
<Route path="/tb-lab-register" element={<TbLabRegister />} />
|
|
72
73
|
<Route path="/moh-512-register" element={<Moh512RegisterComponent />} />
|
|
73
74
|
<Route path="/tb-register" element={<TbRegisterComponent />} />
|
|
75
|
+
<Route path="/moh-413-register" element={<Moh413Component />} />
|
|
74
76
|
</Routes>
|
|
75
77
|
</div>
|
|
76
78
|
</BrowserRouter>
|