@openmrs/esm-form-entry-app 12.3.5-pre.11703 → 12.3.5-pre.11712

package/.turbo/turbo-build.log

@@ -8,18 +8,18 @@ opera 131, opera 127, opera 126
 ✔ Copying assets complete.
 
 Initial chunk files                                 | Names                       |  Raw size | Estimated transfer size
-main.c9fedbf76d90aec0.css, main.7dd43bb2fb212850.js | main                        |  77.44 kB |                21.43 kB
-styles.c9fedbf76d90aec0.css                         | styles                      |  20.75 kB |                 3.21 kB
-openmrs-esm-form-entry-app.js                       | @openmrs/esm-form-entry-app |   9.59 kB |                 4.16 kB
+main.b0649060fc7181fe.css, main.f875c574f920d294.js | main                        |  77.50 kB |                21.45 kB
+styles.b0649060fc7181fe.css                         | styles                      |  20.80 kB |                 3.25 kB
+openmrs-esm-form-entry-app.js                       | @openmrs/esm-form-entry-app |   9.59 kB |                 4.17 kB
 
-                                                    | Initial total               | 107.78 kB |                28.80 kB
+                                                    | Initial total               | 107.89 kB |                28.87 kB
 
 Lazy chunk files                                    | Names                       |  Raw size | Estimated transfer size
-8512.d54b59c3024a7a42.js                            | bootstrap                   |   1.85 MB |               411.46 kB
+8512.dc8639357e94dc8d.js                            | bootstrap                   |   1.85 MB |               412.41 kB
 8888.8eaa57053e0eb219.js                            | -                           |   1.61 MB |               332.70 kB
 7239.2d755fb0d9cd6598.js                            | html2canvas                 | 200.30 kB |                37.54 kB
 3390.59bda41efc1a93b9.js                            | canvg                       | 157.28 kB |                44.90 kB
-739.c9fedbf76d90aec0.css, 739.512463b1dc6013ef.js   | -                           |  75.36 kB |                19.77 kB
+739.b0649060fc7181fe.css, 739.512463b1dc6013ef.js   | -                           |  75.42 kB |                19.80 kB
 627.ba7de7f608c0c7e5.js                             | dompurify                   |  27.68 kB |                 9.36 kB
 4171.68a0c7b72d8a57e2.js                            | -                           |  18.86 kB |                 6.06 kB
 986.24447da07ef5af3c.js                             | -                           |   8.51 kB |                 1.49 kB
@@ -65,9 +65,9 @@ opera 131, opera 127, opera 126
 890.aed0da1bd90649d7.js                             | -                           |   2.75 kB |               975 bytes
 9895.cfb49e32de686175.js                            | -                           |   2.75 kB |               973 bytes
 
-Build at: 2026-07-17T10:47:56.002Z - Hash: d1758e32d7493685 - Time: 175305ms
+Build at: 2026-07-17T22:06:24.653Z - Hash: 6ba79e850bf4a888 - Time: 231567ms
 
-Warning: /home/runner/work/openmrs-esm-patient-chart/openmrs-esm-patient-chart/node_modules/@carbon/react/es/components/Accordion/AccordionItem.js depends on 'prop-types'. CommonJS or AMD dependencies can cause optimization bailouts.
+Warning: /home/runner/work/openmrs-esm-patient-chart/openmrs-esm-patient-chart/node_modules/@carbon/react/es/components/Accordion/Accordion.js depends on 'prop-types'. CommonJS or AMD dependencies can cause optimization bailouts.
 For more info see: https://angular.dev/tools/cli/build#configuring-commonjs-dependencies
 
 Warning: /home/runner/work/openmrs-esm-patient-chart/openmrs-esm-patient-chart/node_modules/@carbon/react/es/components/CodeSnippet/CodeSnippet.js depends on 'copy-to-clipboard'. CommonJS or AMD dependencies can cause optimization bailouts.

package/README.md

@@ -1,7 +1,119 @@
-# esm-form-entry-app
+# @openmrs/esm-form-entry-app
 
-This widget encapsulates the form entry capabilities of the AMPATH form engine. It's essentially a wrapper around an Angular application that renders JSON schemas built using the AMPATH form engine as HTML forms. The user can fill and submit forms and receive success or error notifications upon submission. Read the docs [here](https://ampath-forms.vercel.app).
+`esm-form-entry-app` is an O3 patient chart widget that loads clinical forms
+defined using the
+[O3 form schema](https://github.com/openmrs/openmrs-contrib-json-schemas/blob/main/form.schema.json),
+renders and processes them with the
+[Angular Form Engine (`@openmrs/ngx-formentry`)](https://github.com/openmrs/openmrs-ngx-formentry),
+and submits the resulting data to OpenMRS.
+
+## Status and availability
+
+The O3 Reference Application ships the
+[React Form Engine (`@openmrs/esm-form-engine-lib`)](https://github.com/openmrs/openmrs-esm-form-engine-lib)
+by default through `@openmrs/esm-form-engine-app`.
+
+This Angular-based form entry app is retained for implementations that still
+depend on the Angular Form Engine and have not yet migrated to the React Form
+Engine. It is not included in the
+[default Reference Application SPA assembly](https://github.com/openmrs/openmrs-distro-referenceapplication/blob/main/frontend/spa-assemble-config.json).
+
+Implementations using this app must include `@openmrs/esm-form-entry-app` in
+their SPA assembly configuration. The Angular and React integrations both
+register a form renderer in `form-widget-slot` and should not be enabled
+together.
+
+In a Reference Application-based distribution, use the Angular integration by
+replacing the React integration in `spa-assemble-config.json`:
+
+```diff
+- "@openmrs/esm-form-engine-app": "next",
++ "@openmrs/esm-form-entry-app": "next",
+```
+
+Use a version or release tag compatible with the rest of the implementation's
+O3 frontend dependencies.
+
+To migrate to the React Form Engine, replace `@openmrs/esm-form-entry-app` with
+`@openmrs/esm-form-engine-app`. See the
+[React Form Engine migration guidance](https://github.com/openmrs/openmrs-esm-form-engine-lib#production).
+
+## Responsibilities
+
+The widget:
+
+- Retrieves an O3 form definition and its associated OpenMRS form metadata.
+- Supplies patient, patient identifier, visit, provider, location, previous
+  encounter, and previous observation data to the form.
+- Renders the form and supports its validation, conditional rendering,
+  calculations, and other form logic.
+- Supports creating new encounters and editing existing encounters.
+- Converts completed forms into OpenMRS payloads, including observations,
+  diagnoses, and orders when specified by the form.
+- Submits encounter data and, when applicable, person attribute and patient
+  identifier updates.
+- Reports loading, validation, and submission results to the surrounding O3
+  workspace.
+
+The fields displayed and payloads produced depend on the form definition.
+
+## How it fits into O3
+
+This package is the O3 integration layer for the Angular Form Engine. It
+connects the engine to the patient chart, OpenMRS REST APIs, patient and visit
+context, workspace lifecycle, configuration, localization, and offline
+framework.
+
+It registers the `form-widget` extension in `form-widget-slot`. The surrounding
+patient form workspace supplies the patient, form UUID, visit, and optional
+encounter context.
+
+This widget handles forms that conform to the O3 form schema. Legacy HTML Form
+Entry forms are handled separately by the patient forms application.
+
+## Form definitions
+
+O3 form definitions are JSON documents that conform to the
+[O3 form schema](https://github.com/openmrs/openmrs-contrib-json-schemas/blob/main/form.schema.json).
+
+This package renders and processes those definitions. It does not provide form
+authoring functionality. Forms can be authored using the
+[O3 Form Builder](https://github.com/openmrs/openmrs-esm-form-builder).
+
+## Backend requirements
+
+The widget requires:
+
+- OpenMRS REST Web Services 2.2.0 or later
+- The O3 Forms backend module
+
+## Development
+
+From this package directory, start the development server with:
+
+```sh
+yarn start
+```
+
+Other useful commands:
+
+```sh
+yarn build
+yarn test
+yarn lint
+```
 
 ## Angular version policy
 
-This app is the Angular part of an otherwise React codebase. It moves together with [openmrs-ngx-formentry](https://github.com/openmrs/openmrs-ngx-formentry) and [openmrs-ngx-file-uploader](https://github.com/openmrs/openmrs-ngx-file-uploader): all three must use the same Angular major version, and that version must still be supported by Angular through the next RefApp release. Before proposing or reviewing an Angular major version bump, read the [Angular version support policy](https://o3-docs.openmrs.org/en-US/docs/frontend-modules/angular-version-policy). It explains when to migrate, how to pick the target version, and which toolchain packages must be ready first.
+This app is the Angular part of an otherwise React codebase. It moves together
+with
+[`openmrs-ngx-formentry`](https://github.com/openmrs/openmrs-ngx-formentry)
+and
+[`openmrs-ngx-file-uploader`](https://github.com/openmrs/openmrs-ngx-file-uploader).
+All three must use the same Angular major version, and that version must remain
+supported by Angular through the next Reference Application release.
+
+Before proposing or reviewing an Angular major version bump, read the
+[Angular version support policy](https://o3-docs.openmrs.org/en-US/docs/frontend-modules/angular-version-policy).
+It explains when to migrate, how to select the target version, and which
+toolchain packages must be ready first.

package/dist/{739.c9fedbf76d90aec0.css → 739.b0649060fc7181fe.css}

@@ -66,7 +66,7 @@
 }
 
 .ng-select .ng-select-container {
-  align-items: baseline;
+  align-items: center;
   min-height: 2.5rem;
   padding: 0 1rem;
 }
@@ -86,8 +86,7 @@
 }
 
 .ng-select .ng-select-container .ng-value-container {
-  align-items: stretch;
-  border-top: 0.84375em solid transparent;
+  align-items: center;
 }
 
 .ng-select .ng-select-container .ng-value-container .ng-placeholder {
@@ -128,7 +127,9 @@
   border-radius: 2px;
   color: #fff;
   padding: 2px 5px;
-  margin: 0 0.4375em 0.4375em 0;
+  /* Vertical margin is split evenly so chips sit centered in the field while
+     wrapped rows keep the same 0.4375em rhythm. */
+  margin: 0.21875em 0.4375em 0.21875em 0;
 }
 
 [dir='rtl']
@@ -136,7 +137,7 @@
   .ng-select-container
   .ng-value-container
   .ng-value {
-  margin: 0 0 0.4375em 0.4375em;
+  margin: 0.21875em 0 0.21875em 0.4375em;
 }
 
 .ng-select.ng-select-multiple
@@ -197,7 +198,7 @@
 .ng-select.ng-select-multiple
   .ng-select-container.ng-has-value
   .ng-value-container {
-  padding-bottom: 0;
+  padding-bottom: 0.1875em;
   padding-top: 0.1875em;
 }
 
@@ -207,7 +208,7 @@
 .ng-select.ng-select-multiple
   .ng-select-container.ng-has-value
   .ng-arrow-wrapper {
-  border-top: 0.84375em solid transparent;
+  align-self: center;
 }
 
 .ng-select .ng-clear-wrapper {
@@ -247,13 +248,13 @@
 }
 
 .ng-dropdown-panel.ng-select-bottom {
-  top: calc(100% - 1.25em);
+  top: 100%;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
     0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
 
 .ng-dropdown-panel.ng-select-top {
-  bottom: calc(100% - 0.84375em);
+  bottom: 100%;
   box-shadow: 0 -5px 5px -3px rgba(0, 0, 0, 0.2),
     0 -8px 10px 1px rgba(0, 0, 0, 0.14), 0 -3px 14px 2px rgba(0, 0, 0, 0.12);
 }