@myhealth-belgium/webcomponent-vaccinations 1.2.0 → 1.3.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# 1.3.0
+
+**New features:**
+
+- Removed the optional `isLegacy` input in favor of providing two web components, where one is legacy (KMEHR) mode and the other is not (FHIR).
+- Added docs on how to implement the legacy `mh-web-component-vaccinations-legacy` component using the `legacy` MyHealthModule. (Implementation is the same as non-legacy component)
+
 # 1.2.0
 
 **New features:**

package/README.md

@@ -15,7 +15,9 @@ import { manifest, bootstrap } from '@myhealth-belgium/web-component-vaccination
 bootstrap({ settings: SETTINGS, services: SERVICES });
 
 // Place the webcomponent in your HTML for it to render
-return <mh-web-component-vaccinations print={printToPdf($event)}></mh-web-component-vaccinations>;
+return (
+  <mh-web-component-vaccinations onprint={printToPdf($event)} full-name="John Doe"></mh-web-component-vaccinations>
+);
 ```
 
 To integrate the design-kit, also import the webcomponent's styles in your code. For more information, see **Design kit integration**.
@@ -38,20 +40,41 @@ Each MyHealth webcomponent provides a `manifest` constant that is compliant with
 
 The manifest can be viewed to see the component(s) inside the package, as well as required additional inputs and outputs that the component may emit.
 
-#### Vaccinations component
+#### Vaccinations component (FHIR)
 
 `tagName`: `<mh-web-component-vaccinations />`
 
-| Property        | Type                | Required | Description                                                                                                                                                                                                                                     |
-| --------------- | ------------------- | -------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `user-language` | `UserLanguage`      | No       | The language for the webcomponent interface. Automatically updates the translation service when changed.                                                                                                                                        |
-| `config-name`   | `ConfigName`        | No       | The configuration name that determines the environment and API endpoints. Set to `"demo"` to use mock data instead of API calls.                                                                                                                |
-| `full-name`     | `string`            | No       | The user's full name, will be displayed in the PDF on the top right side if it is provided.                                                                                                                                                     |
-| `isLegacy`      | `boolean`, `string` | No       | Turning legacy mode `false` will render the vaccinations web component with FHIR and KMEHR data. Turning legacy mode `true` will render the vaccinations web component with only KMEHR data. Using a string would expect `"true"` or `"false"`. |
+| Property        | Type           | Required | Description                                                                                                                      |
+| --------------- | -------------- | -------- | -------------------------------------------------------------------------------------------------------------------------------- |
+| `user-language` | `UserLanguage` | No       | The language for the webcomponent interface. Automatically updates the translation service when changed.                         |
+| `config-name`   | `ConfigName`   | No       | The configuration name that determines the environment and API endpoints. Set to `"demo"` to use mock data instead of API calls. |
+| `full-name`     | `string`       | No       | The user's full name, will be displayed in the PDF on the top right side if it is provided.                                      |
+| Event           | Type           | Required | Description                                                                                                                      |
+| ---------       | ------------   | -------- | ---------------------------------------                                                                                          |
+| `onprint`       | `printEvent`   | **Yes**  | Emits content that neesd to be printed.                                                                                          |
 
-| Event     | Type         | Required | Description                             |
-| --------- | ------------ | -------- | --------------------------------------- |
-| `onprint` | `printEvent` | **Yes**  | Emits content that neesd to be printed. |
+### Legacy vaccinations component (KMEHR)
+
+`tagName`: `<mh-web-component-vaccinations-legacy />`
+
+The implementation for this component is similar to the implementation of the non-legacy component:
+
+```ts
+import { legacy } from '@myhealth-belgium/web-component-vaccinations';
+
+// Call bootstrap function with your HostSettings & HostServices
+legacy.bootstrap({ settings: SETTINGS, services: SERVICES });
+
+// Place the webcomponent in your HTML for it to render
+return (
+  <mh-web-component-vaccinations-legacy
+    onprint={printToPdf($event)}
+    full-name="John Doe"
+  ></mh-web-component-vaccinations-legacy>
+);
+```
+
+All inputs and outputs are identical to the non-legacy component.
 
 ### Mock data
 

package/index.d.ts

@@ -1,3 +1,4 @@
 import './lib/styles.scss';
 import 'zone.js';
 export { manifest, bootstrap } from './lib/main';
+export { legacy } from './lib/legacy';

package/lib/components/vaccinations-legacy-web.component.d.ts

@@ -0,0 +1,11 @@
+import { OnInit } from '@angular/core';
+import { BaseWebComponent } from '@myhealth-belgium/web-component-utils';
+import * as i0 from "@angular/core";
+export declare class VaccinationsLegacyWebComponent extends BaseWebComponent implements OnInit {
+    private readonly vaccinationsService;
+    readonly fullName: import("@angular/core").InputSignal<string>;
+    ngOnInit(): void;
+    printVaccinations(content: string): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VaccinationsLegacyWebComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VaccinationsLegacyWebComponent, "mh-web-component-vaccinations-legacy", never, { "fullName": { "alias": "fullName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/vaccinations-web.component.d.ts

@@ -3,12 +3,9 @@ import { BaseWebComponent } from '@myhealth-belgium/web-component-utils';
 import * as i0 from "@angular/core";
 export declare class VaccinationsWebComponent extends BaseWebComponent implements OnInit {
     private readonly vaccinationsService;
-    private readonly isLegacyDefault;
     readonly fullName: import("@angular/core").InputSignal<string>;
-    readonly isLegacy: import("@angular/core").InputSignal<string | boolean>;
-    readonly useLegacyMode: import("@angular/core").Signal<boolean>;
     ngOnInit(): void;
     printVaccinations(content: string): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<VaccinationsWebComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VaccinationsWebComponent, "mh-web-component-vaccinations", never, { "fullName": { "alias": "fullName"; "required": false; "isSignal": true; }; "isLegacy": { "alias": "isLegacy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VaccinationsWebComponent, "mh-web-component-vaccinations", never, { "fullName": { "alias": "fullName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/legacy.d.ts

@@ -0,0 +1,5 @@
+import { MyHealthModule, MyHealthModuleBootstrap, MyHealthModuleManifest } from '@smals-belgium/myhealth-wc-integration';
+export declare const legacyTagName: string;
+export declare const manifest: MyHealthModuleManifest;
+export declare const bootstrap: MyHealthModuleBootstrap;
+export declare const legacy: MyHealthModule;