(fix) O3-4011 - Ward App - make styling for patient card's patient id…

[chibongho]

…entifier consistent

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

Styling of the patient identifier in the patient card's header row vs the mother child row were inconsistent. This PR fixes it.

I ended up having to change the mother-child row to not hard-code the elements (and instead define them in config) so that the same element config can be used in both the header row and mother -child row.

I also made it so that if the label for the patient identifier type is empty, we display the patient identifier (instead of the patient identifier type) in a carbon Tag. This should make the identifier fairly prominent and easy to find.

Screenshots

Before:

After:

Related Issue

Other

[github-actions]

Size Change: +187 B (0%)

Total Size: 6.46 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	+31 B (+0.01%)
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	-1 B (-0.03%)
packages/esm-appointments-app/dist/130.js	393 kB	+34 B (+0.01%)
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	-1 B (0%)
packages/esm-appointments-app/dist/openmrs-esm-appointments-app.js	3.56 kB	-1 B (-0.03%)
packages/esm-bed-management-app/dist/130.js	393 kB	+36 B (+0.01%)
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	-1 B (-0.03%)
packages/esm-patient-list-management-app/dist/130.js	393 kB	+31 B (+0.01%)
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	-2 B (0%)
packages/esm-patient-list-management-app/dist/openmrs-esm-patient-list-management-app.js	3.3 kB	-3 B (-0.09%)
packages/esm-patient-registration-app/dist/130.js	393 kB	+33 B (+0.01%)
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	-1 B (0%)
packages/esm-patient-registration-app/dist/openmrs-esm-patient-registration-app.js	3.34 kB	-1 B (-0.03%)
packages/esm-patient-search-app/dist/130.js	393 kB	+31 B (+0.01%)
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/335.js	25.1 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	742 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 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	77.9 kB	0 B
packages/esm-patient-search-app/dist/openmrs-esm-patient-search-app.js	3.29 kB	-1 B (-0.03%)
packages/esm-service-queues-app/dist/130.js	393 kB	+32 B (+0.01%)
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	-1 B (0%)
packages/esm-service-queues-app/dist/openmrs-esm-service-queues-app.js	3.31 kB	-1 B (-0.03%)
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	+31 B (+0.01%)
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	-128 B (-0.39%)
packages/esm-ward-app/dist/169.js	6.97 kB	0 B
packages/esm-ward-app/dist/304.js	5.69 kB	0 B
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.91 kB	+43 B (+0.63%)
packages/esm-ward-app/dist/481.js	1.44 kB	+12 B (+0.84%)
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.51 kB	0 B
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/659.js	10 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/850.js	3.01 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	+15 B (+0.04%)
packages/esm-ward-app/dist/openmrs-esm-ward-app.js	3.29 kB	0 B

_{compressed-size-action}

[chibongho]

I ended up changing the implementation so that the patient identifier is rendered from a esm-styleguide component instead. This makes it so the configurations there (namely, to specify what patient identifier types are excluded) are applicable to the patinet card too.

New changes depends on this PR:
openmrs/openmrs-esm-core#1159

Converted this one to draft since the yarn.lock file depends on local changes not changed into esm-core yet.

[mogoodrich]

Works for me (assuming we resolve the local lock stuff first)