(feat) - O3-4022 - Ward App - handling rendering of mother / child in…

[chibongho]

… same bed

Requirements

• This PR has a title that briefly describes the work done including the ticket number. If there is a ticket, make sure your PR title includes a conventional commit label. See existing PR titles for inspiration.
• My work conforms to the OpenMRS 3.0 Styleguide and design documentation.
• My work includes tests or is validated by existing tests.

Summary

Currently, when a mother and child are in the same bed, this is rendered:

This PR changes it so that the "mother child row" within those patient cards are not rendered when they are in the same bed. Instead, They are show with a "Mother / Child" divider.

Some considerations:

• the mother and child must be rendered next to each other. In the event that there is another related patient in the same bed, that patient must not be rendered between the mother and child
• the child is rendered as a separate, clickable patient card.

Screenshots

• Mother with 2 children and a random forth person, all in the same bed. Mother is always rendered above the children, and the children are always right below the mother. The 2 children are patient cards in and of themselves:

• 2 babies sharing bed 4. The mother of “Ho, Baby” is in another location, and we display a row within the baby’s patient card for her:
  

• Mother with 2 babies, one in same bed and one in another location. Another related mother sharing the bed.
  

Related Issue

https://openmrs.atlassian.net/browse/O3-4022

Other

[github-actions]

Size Change: -5.68 kB (-0.09%)

Total Size: 6.47 MB

ℹ️ View Unchanged

Filename	Size	Change
packages/esm-active-visits-app/dist/106.js	8.63 kB	0 B
packages/esm-active-visits-app/dist/130.js	393 kB	0 B
packages/esm-active-visits-app/dist/233.js	3.37 kB	0 B
packages/esm-active-visits-app/dist/271.js	800 B	0 B
packages/esm-active-visits-app/dist/316.js	42.9 kB	0 B
packages/esm-active-visits-app/dist/319.js	712 B	0 B
packages/esm-active-visits-app/dist/325.js	3.09 kB	0 B
packages/esm-active-visits-app/dist/443.js	6.98 kB	0 B
packages/esm-active-visits-app/dist/460.js	824 B	0 B
packages/esm-active-visits-app/dist/574.js	615 B	0 B
packages/esm-active-visits-app/dist/586.js	53.5 kB	0 B
packages/esm-active-visits-app/dist/6.js	26.2 kB	0 B
packages/esm-active-visits-app/dist/644.js	800 B	0 B
packages/esm-active-visits-app/dist/725.js	643 B	0 B
packages/esm-active-visits-app/dist/757.js	731 B	0 B
packages/esm-active-visits-app/dist/784.js	2.63 kB	0 B
packages/esm-active-visits-app/dist/788.js	628 B	0 B
packages/esm-active-visits-app/dist/807.js	959 B	0 B
packages/esm-active-visits-app/dist/814.js	3.04 kB	0 B
packages/esm-active-visits-app/dist/833.js	765 B	0 B
packages/esm-active-visits-app/dist/879.js	3.02 kB	0 B
packages/esm-active-visits-app/dist/967.js	611 B	0 B
packages/esm-active-visits-app/dist/main.js	81.9 kB	0 B
packages/esm-active-visits-app/dist/openmrs-esm-active-visits-app.js	3.32 kB	0 B
packages/esm-appointments-app/dist/130.js	393 kB	0 B
packages/esm-appointments-app/dist/171.js	223 B	0 B
packages/esm-appointments-app/dist/198.js	250 kB	0 B
packages/esm-appointments-app/dist/2.js	2.23 kB	0 B
packages/esm-appointments-app/dist/265.js	1.79 kB	0 B
packages/esm-appointments-app/dist/269.js	7.38 kB	0 B
packages/esm-appointments-app/dist/271.js	2.41 kB	0 B
packages/esm-appointments-app/dist/319.js	2.27 kB	0 B
packages/esm-appointments-app/dist/325.js	3.08 kB	0 B
packages/esm-appointments-app/dist/372.js	2.57 kB	0 B
packages/esm-appointments-app/dist/385.js	31.3 kB	0 B
packages/esm-appointments-app/dist/440.js	16.6 kB	0 B
packages/esm-appointments-app/dist/460.js	2.46 kB	0 B
packages/esm-appointments-app/dist/501.js	7.02 kB	0 B
packages/esm-appointments-app/dist/574.js	2.02 kB	0 B
packages/esm-appointments-app/dist/581.js	9.03 kB	0 B
packages/esm-appointments-app/dist/591.js	16.8 kB	0 B
packages/esm-appointments-app/dist/644.js	2.41 kB	0 B
packages/esm-appointments-app/dist/711.js	129 kB	0 B
packages/esm-appointments-app/dist/757.js	2.39 kB	0 B
packages/esm-appointments-app/dist/784.js	2.62 kB	0 B
packages/esm-appointments-app/dist/788.js	2.02 kB	0 B
packages/esm-appointments-app/dist/807.js	2.65 kB	0 B
packages/esm-appointments-app/dist/833.js	2.37 kB	0 B
packages/esm-appointments-app/dist/903.js	879 B	0 B
packages/esm-appointments-app/dist/main.js	396 kB	0 B
packages/esm-appointments-app/dist/openmrs-esm-appointments-app.js	3.56 kB	0 B
packages/esm-bed-management-app/dist/130.js	393 kB	0 B
packages/esm-bed-management-app/dist/148.js	1.22 kB	0 B
packages/esm-bed-management-app/dist/169.js	6.98 kB	0 B
packages/esm-bed-management-app/dist/271.js	671 B	0 B
packages/esm-bed-management-app/dist/319.js	786 B	0 B
packages/esm-bed-management-app/dist/325.js	3.09 kB	0 B
packages/esm-bed-management-app/dist/339.js	50.2 kB	0 B
packages/esm-bed-management-app/dist/455.js	26.5 kB	0 B
packages/esm-bed-management-app/dist/460.js	671 B	0 B
packages/esm-bed-management-app/dist/501.js	7.03 kB	0 B
packages/esm-bed-management-app/dist/542.js	395 B	0 B
packages/esm-bed-management-app/dist/574.js	672 B	0 B
packages/esm-bed-management-app/dist/591.js	16.8 kB	0 B
packages/esm-bed-management-app/dist/644.js	671 B	0 B
packages/esm-bed-management-app/dist/757.js	814 B	0 B
packages/esm-bed-management-app/dist/766.js	113 kB	0 B
packages/esm-bed-management-app/dist/784.js	2.63 kB	0 B
packages/esm-bed-management-app/dist/788.js	671 B	0 B
packages/esm-bed-management-app/dist/807.js	671 B	0 B
packages/esm-bed-management-app/dist/833.js	671 B	0 B
packages/esm-bed-management-app/dist/main.js	3.87 kB	0 B
packages/esm-bed-management-app/dist/openmrs-esm-bed-management-app.js	3.25 kB	0 B
packages/esm-patient-list-management-app/dist/130.js	393 kB	0 B
packages/esm-patient-list-management-app/dist/233.js	3.38 kB	0 B
packages/esm-patient-list-management-app/dist/271.js	1.57 kB	0 B
packages/esm-patient-list-management-app/dist/319.js	1.51 kB	0 B
packages/esm-patient-list-management-app/dist/325.js	3.09 kB	0 B
packages/esm-patient-list-management-app/dist/37.js	12.5 kB	0 B
packages/esm-patient-list-management-app/dist/443.js	6.98 kB	0 B
packages/esm-patient-list-management-app/dist/455.js	58.1 kB	0 B
packages/esm-patient-list-management-app/dist/460.js	1.71 kB	0 B
packages/esm-patient-list-management-app/dist/574.js	1.34 kB	0 B
packages/esm-patient-list-management-app/dist/591.js	16.9 kB	0 B
packages/esm-patient-list-management-app/dist/644.js	1.57 kB	0 B
packages/esm-patient-list-management-app/dist/658.js	102 kB	0 B
packages/esm-patient-list-management-app/dist/757.js	1.62 kB	0 B
packages/esm-patient-list-management-app/dist/784.js	2.63 kB	0 B
packages/esm-patient-list-management-app/dist/788.js	1.33 kB	0 B
packages/esm-patient-list-management-app/dist/807.js	1.84 kB	0 B
packages/esm-patient-list-management-app/dist/814.js	3.05 kB	0 B
packages/esm-patient-list-management-app/dist/833.js	1.59 kB	0 B
packages/esm-patient-list-management-app/dist/main.js	162 kB	0 B
packages/esm-patient-list-management-app/dist/openmrs-esm-patient-list-management-app.js	3.3 kB	0 B
packages/esm-patient-registration-app/dist/130.js	393 kB	0 B
packages/esm-patient-registration-app/dist/169.js	6.71 kB	0 B
packages/esm-patient-registration-app/dist/2.js	2.24 kB	0 B
packages/esm-patient-registration-app/dist/250.js	526 B	0 B
packages/esm-patient-registration-app/dist/271.js	2.48 kB	0 B
packages/esm-patient-registration-app/dist/319.js	2.38 kB	0 B
packages/esm-patient-registration-app/dist/325.js	3.09 kB	0 B
packages/esm-patient-registration-app/dist/371.js	547 B	0 B
packages/esm-patient-registration-app/dist/372.js	2.57 kB	0 B
packages/esm-patient-registration-app/dist/460.js	2.46 kB	0 B
packages/esm-patient-registration-app/dist/501.js	7.03 kB	0 B
packages/esm-patient-registration-app/dist/574.js	2.09 kB	0 B
packages/esm-patient-registration-app/dist/591.js	16.8 kB	0 B
packages/esm-patient-registration-app/dist/644.js	2.48 kB	0 B
packages/esm-patient-registration-app/dist/662.js	453 B	0 B
packages/esm-patient-registration-app/dist/700.js	69.8 kB	0 B
packages/esm-patient-registration-app/dist/757.js	2.51 kB	0 B
packages/esm-patient-registration-app/dist/784.js	2.63 kB	0 B
packages/esm-patient-registration-app/dist/788.js	2.09 kB	0 B
packages/esm-patient-registration-app/dist/807.js	2.71 kB	0 B
packages/esm-patient-registration-app/dist/833.js	2.36 kB	0 B
packages/esm-patient-registration-app/dist/879.js	3.03 kB	0 B
packages/esm-patient-registration-app/dist/998.js	67.2 kB	0 B
packages/esm-patient-registration-app/dist/main.js	137 kB	0 B
packages/esm-patient-registration-app/dist/openmrs-esm-patient-registration-app.js	3.34 kB	0 B
packages/esm-patient-search-app/dist/130.js	393 kB	0 B
packages/esm-patient-search-app/dist/173.js	26 kB	0 B
packages/esm-patient-search-app/dist/233.js	3.37 kB	0 B
packages/esm-patient-search-app/dist/271.js	920 B	0 B
packages/esm-patient-search-app/dist/319.js	861 B	0 B
packages/esm-patient-search-app/dist/325.js	3.09 kB	0 B
packages/esm-patient-search-app/dist/443.js	6.98 kB	0 B
packages/esm-patient-search-app/dist/460.js	939 B	0 B
packages/esm-patient-search-app/dist/574.js	802 B	0 B
packages/esm-patient-search-app/dist/591.js	16.8 kB	0 B
packages/esm-patient-search-app/dist/634.js	52.9 kB	0 B
packages/esm-patient-search-app/dist/644.js	920 B	0 B
packages/esm-patient-search-app/dist/757.js	888 B	0 B
packages/esm-patient-search-app/dist/784.js	2.63 kB	0 B
packages/esm-patient-search-app/dist/788.js	736 B	0 B
packages/esm-patient-search-app/dist/807.js	1.04 kB	0 B
packages/esm-patient-search-app/dist/814.js	3.05 kB	0 B
packages/esm-patient-search-app/dist/833.js	877 B	0 B
packages/esm-patient-search-app/dist/main.js	80.2 kB	0 B
packages/esm-patient-search-app/dist/openmrs-esm-patient-search-app.js	3.29 kB	0 B
packages/esm-service-queues-app/dist/130.js	393 kB	0 B
packages/esm-service-queues-app/dist/169.js	6.98 kB	0 B
packages/esm-service-queues-app/dist/199.js	1.36 kB	0 B
packages/esm-service-queues-app/dist/2.js	2.23 kB	0 B
packages/esm-service-queues-app/dist/236.js	5.84 kB	0 B
packages/esm-service-queues-app/dist/271.js	4.6 kB	0 B
packages/esm-service-queues-app/dist/282.js	8.97 kB	0 B
packages/esm-service-queues-app/dist/319.js	4.35 kB	0 B
packages/esm-service-queues-app/dist/325.js	3.09 kB	0 B
packages/esm-service-queues-app/dist/366.js	7.86 kB	0 B
packages/esm-service-queues-app/dist/372.js	2.57 kB	0 B
packages/esm-service-queues-app/dist/392.js	7.85 kB	0 B
packages/esm-service-queues-app/dist/460.js	4.82 kB	0 B
packages/esm-service-queues-app/dist/501.js	7.03 kB	0 B
packages/esm-service-queues-app/dist/574.js	3.88 kB	0 B
packages/esm-service-queues-app/dist/591.js	16.8 kB	0 B
packages/esm-service-queues-app/dist/6.js	1.75 kB	0 B
packages/esm-service-queues-app/dist/60.js	1.82 kB	0 B
packages/esm-service-queues-app/dist/604.js	6.96 kB	0 B
packages/esm-service-queues-app/dist/644.js	4.6 kB	0 B
packages/esm-service-queues-app/dist/665.js	160 kB	0 B
packages/esm-service-queues-app/dist/670.js	10.1 kB	0 B
packages/esm-service-queues-app/dist/727.js	8.1 kB	0 B
packages/esm-service-queues-app/dist/748.js	116 kB	0 B
packages/esm-service-queues-app/dist/752.js	1.62 kB	0 B
packages/esm-service-queues-app/dist/757.js	4.74 kB	0 B
packages/esm-service-queues-app/dist/760.js	7.13 kB	0 B
packages/esm-service-queues-app/dist/784.js	2.63 kB	0 B
packages/esm-service-queues-app/dist/788.js	3.89 kB	0 B
packages/esm-service-queues-app/dist/800.js	1.68 kB	0 B
packages/esm-service-queues-app/dist/807.js	5.17 kB	0 B
packages/esm-service-queues-app/dist/818.js	2.55 kB	0 B
packages/esm-service-queues-app/dist/828.js	1.39 kB	0 B
packages/esm-service-queues-app/dist/833.js	4.5 kB	0 B
packages/esm-service-queues-app/dist/911.js	7.76 kB	0 B
packages/esm-service-queues-app/dist/940.js	21.4 kB	0 B
packages/esm-service-queues-app/dist/main.js	276 kB	0 B
packages/esm-service-queues-app/dist/openmrs-esm-service-queues-app.js	3.31 kB	0 B
packages/esm-ward-app/dist/109.js	344 B	0 B
packages/esm-ward-app/dist/124.js	2.67 kB	0 B
packages/esm-ward-app/dist/125.js	5.5 kB	0 B
packages/esm-ward-app/dist/130.js	393 kB	0 B
packages/esm-ward-app/dist/146.js	709 B	0 B
packages/esm-ward-app/dist/15.js	482 B	0 B
packages/esm-ward-app/dist/153.js	33.1 kB	0 B
packages/esm-ward-app/dist/169.js	6.97 kB	0 B
packages/esm-ward-app/dist/304.js	0 B	-5.69 kB (removed)	🏆
packages/esm-ward-app/dist/325.js	3.08 kB	0 B
packages/esm-ward-app/dist/348.js	349 B	0 B
packages/esm-ward-app/dist/372.js	2.56 kB	0 B
packages/esm-ward-app/dist/471.js	6.92 kB	0 B
packages/esm-ward-app/dist/481.js	1.44 kB	0 B
packages/esm-ward-app/dist/501.js	7.02 kB	0 B
packages/esm-ward-app/dist/53.js	11.4 kB	0 B
packages/esm-ward-app/dist/559.js	342 B	0 B
packages/esm-ward-app/dist/574.js	1.53 kB	+18 B (+1.19%)
packages/esm-ward-app/dist/576.js	5.08 kB	0 B
packages/esm-ward-app/dist/577.js	17.9 kB	0 B
packages/esm-ward-app/dist/591.js	16.8 kB	0 B
packages/esm-ward-app/dist/649.js	2.51 kB	0 B
packages/esm-ward-app/dist/662.js	10.1 kB	0 B
packages/esm-ward-app/dist/67.js	33.2 kB	0 B
packages/esm-ward-app/dist/767.js	648 B	0 B
packages/esm-ward-app/dist/784.js	2.62 kB	0 B
packages/esm-ward-app/dist/920.js	629 B	0 B
packages/esm-ward-app/dist/921.js	6.06 kB	0 B
packages/esm-ward-app/dist/922.js	9.28 kB	0 B
packages/esm-ward-app/dist/940.js	21.4 kB	0 B
packages/esm-ward-app/dist/969.js	202 B	0 B
packages/esm-ward-app/dist/main.js	40.6 kB	-1 B (0%)
packages/esm-ward-app/dist/openmrs-esm-ward-app.js	3.29 kB	0 B

_{compressed-size-action}

[mseaton]

Nice work. Did a cursory review, but defer to others to give a more detailed react review

[mogoodrich]

Thanks @chibongho ! Nice work, the screenshots look correct (although highlight how complicated it could look in edge cases with twins in different locations).