@iapps/ng-dhis2-ui 1.0.2 → 1.0.3

package/index.d.ts

@@ -3,4 +3,4 @@ export * from './lib/modules/header-bar';
 export * from './lib/modules/button';
 export * from './lib/modules/period-selector';
 export * from './lib/modules/organisation-unit-selector';
-export * from './lib/shared/components/react-component-wrapper/react-wrapper.component';
+export * from './lib/modules/react-wrapper';

package/lib/modules/button/button.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@angular/core';
-import { ReactWrapperComponent } from '../../shared/components';
+import { ReactWrapperComponent } from '../react-wrapper';
 import * as i0 from "@angular/core";
 export declare class ButtonComponent extends ReactWrapperComponent {
     label: string;

package/lib/modules/header-bar/header-bar.component.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef } from '@angular/core';
 import { NgxDhis2HttpClientService } from '@iapps/ngx-dhis2-http-client';
-import { ReactWrapperComponent } from '../../shared/components';
+import { ReactWrapperComponent } from '../react-wrapper';
 import * as i0 from "@angular/core";
 export declare class HeaderBarComponent extends ReactWrapperComponent {
     private httpClient;

package/lib/modules/organisation-unit-selector/organisation-unit-selector.component.d.ts

@@ -1,7 +1,7 @@
 import { ElementRef, EventEmitter } from '@angular/core';
-import { ReactWrapperComponent } from '../../shared';
 import { NgxDhis2HttpClientService } from '@iapps/ngx-dhis2-http-client';
 import { OrganisationUnitSelectionConfig, OrganisationUnitSelectionUsageType } from './models';
+import { ReactWrapperComponent } from '../react-wrapper';
 import * as i0 from "@angular/core";
 type OrganisationUnitSelectionEvent = {
     dimensionId: string;

package/lib/modules/period-selector/period-selector.component.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef, EventEmitter } from '@angular/core';
 import { NgxDhis2HttpClientService } from '@iapps/ngx-dhis2-http-client';
-import { ReactWrapperComponent } from '../../shared/components';
+import { ReactWrapperComponent } from '../react-wrapper/react-wrapper.component';
 import * as i0 from "@angular/core";
 type PeriodSelectionEvent = {
     dimensionId: string;

package/lib/modules/react-wrapper/index.d.ts

@@ -0,0 +1,2 @@
+export * from './react-wrapper.module';
+export * from './react-wrapper.component';

package/lib/modules/react-wrapper/react-wrapper.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./react-wrapper.component.tsx";
+import * as i2 from "@angular/common";
+export declare class ReactWrapperModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReactWrapperModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ReactWrapperModule, [typeof i1.ReactWrapperComponent], [typeof i2.CommonModule], [typeof i1.ReactWrapperComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ReactWrapperModule>;
+}

package/lib/shared/components/index.d.ts

@@ -1,4 +1,2 @@
-import { ReactWrapperComponent } from './react-component-wrapper/react-wrapper.component';
 export declare const sharedComponents: any[];
 export * from './TransferOption';
-export { ReactWrapperComponent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iapps/ng-dhis2-ui",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "peerDependencies": {
     "@angular/common": "^16.2.0",
     "@angular/core": "^16.2.0",

package/esm2022/lib/shared/components/react-component-wrapper/react-wrapper.component.mjs

@@ -1,53 +0,0 @@
-import { ContentChild, Directive, ElementRef, Input, } from '@angular/core';
-import parse from 'html-react-parser';
-import * as React from 'react';
-import * as ReactDOM from 'react-dom/client';
-import * as i0 from "@angular/core";
-window.React = React;
-export class ReactWrapperComponent {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-    ngAfterViewInit() {
-        if (!this.elementRef)
-            throw new Error('No element ref');
-        this.reactDomRoot = ReactDOM.createRoot(this.elementRef.nativeElement);
-        this.render();
-    }
-    ngOnChanges() {
-        if (this.elementRef)
-            this.render();
-    }
-    ngOnDestroy() {
-        this.reactDomRoot?.unmount();
-    }
-    render() {
-        if (!this.component)
-            throw new Error('React component must be supplied');
-        if (!this.reactDomRoot)
-            return;
-        const jsxContent = this.content?.nativeElement?.outerHTML
-            ? parse(this.content?.nativeElement?.outerHTML)
-            : undefined;
-        this.reactDomRoot.render(React.createElement(this.component, { ...this.props },
-            " ",
-            jsxContent || '',
-            " "));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReactWrapperComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ReactWrapperComponent, selector: "ng-dhis2-ui-wrapper", inputs: { props: "props", component: "component" }, queries: [{ propertyName: "content", first: true, predicate: ["ngDhis2UiContent"], descendants: true }], usesOnChanges: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReactWrapperComponent, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'ng-dhis2-ui-wrapper',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { props: [{
-                type: Input
-            }], component: [{
-                type: Input
-            }], content: [{
-                type: ContentChild,
-                args: ['ngDhis2UiContent']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVhY3Qtd3JhcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9uZy1kaGlzMi11aS9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3JlYWN0LWNvbXBvbmVudC13cmFwcGVyL3JlYWN0LXdyYXBwZXIuY29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBR0wsWUFBWSxFQUNaLFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxHQUdOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLG1CQUFtQixDQUFDO0FBQ3RDLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRS9CLE9BQU8sS0FBSyxRQUFRLE1BQU0sa0JBQWtCLENBQUM7O0FBQzVDLE1BQWMsQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0FBSzlCLE1BQU0sT0FBTyxxQkFBcUI7SUFTaEMsWUFBc0IsVUFBbUM7UUFBbkMsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7SUFBRyxDQUFDO0lBRTdELGVBQWU7UUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVU7WUFBRSxNQUFNLElBQUksS0FBSyxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDeEQsSUFBSSxDQUFDLFlBQVksR0FBRyxRQUFRLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDdkUsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2hCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsVUFBVTtZQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNyQyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxZQUFZLEVBQUUsT0FBTyxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVTLE1BQU07UUFDZCxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVM7WUFBRSxNQUFNLElBQUksS0FBSyxDQUFDLGtDQUFrQyxDQUFDLENBQUM7UUFFekUsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZO1lBQUUsT0FBTztRQUUvQixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxTQUFTO1lBQ3ZELENBQUMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxhQUFhLEVBQUUsU0FBUyxDQUFDO1lBQy9DLENBQUMsQ0FBQyxTQUFTLENBQUM7UUFFZCxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FDdEIsb0JBQUMsSUFBSSxDQUFDLFNBQVMsT0FBSyxJQUFJLENBQUMsS0FBSzs7WUFBSSxVQUFVLElBQUksRUFBRTtnQkFBbUIsQ0FDdEUsQ0FBQztJQUNKLENBQUM7K0dBckNVLHFCQUFxQjttR0FBckIscUJBQXFCOzs0RkFBckIscUJBQXFCO2tCQUhqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxxQkFBcUI7aUJBQ2hDO2lHQUlVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUU0QixPQUFPO3NCQUF4QyxZQUFZO3VCQUFDLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBEaXJlY3RpdmUsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uRGVzdHJveSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgcGFyc2UgZnJvbSAnaHRtbC1yZWFjdC1wYXJzZXInO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20vY2xpZW50Jztcbih3aW5kb3cgYXMgYW55KS5SZWFjdCA9IFJlYWN0O1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICduZy1kaGlzMi11aS13cmFwcGVyJyxcbn0pXG5leHBvcnQgY2xhc3MgUmVhY3RXcmFwcGVyQ29tcG9uZW50XG4gIGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkRlc3Ryb3ksIEFmdGVyVmlld0luaXRcbntcbiAgQElucHV0KCkgcHJvcHM/OiBDb21wb25lbnRQcm9wczxhbnk+O1xuICBASW5wdXQoKSBjb21wb25lbnQhOiBSZWFjdC5FbGVtZW50VHlwZTtcblxuICBAQ29udGVudENoaWxkKCduZ0RoaXMyVWlDb250ZW50JykgY29udGVudCE6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xuICBwcm90ZWN0ZWQgcmVhY3REb21Sb290PzogUmVhY3RET00uUm9vdDtcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHt9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGlmICghdGhpcy5lbGVtZW50UmVmKSB0aHJvdyBuZXcgRXJyb3IoJ05vIGVsZW1lbnQgcmVmJyk7XG4gICAgdGhpcy5yZWFjdERvbVJvb3QgPSBSZWFjdERPTS5jcmVhdGVSb290KHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcbiAgICB0aGlzLnJlbmRlcigpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZWxlbWVudFJlZikgdGhpcy5yZW5kZXIoKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMucmVhY3REb21Sb290Py51bm1vdW50KCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgcmVuZGVyKCkge1xuICAgIGlmICghdGhpcy5jb21wb25lbnQpIHRocm93IG5ldyBFcnJvcignUmVhY3QgY29tcG9uZW50IG11c3QgYmUgc3VwcGxpZWQnKTtcblxuICAgIGlmICghdGhpcy5yZWFjdERvbVJvb3QpIHJldHVybjtcblxuICAgIGNvbnN0IGpzeENvbnRlbnQgPSB0aGlzLmNvbnRlbnQ/Lm5hdGl2ZUVsZW1lbnQ/Lm91dGVySFRNTFxuICAgICAgPyBwYXJzZSh0aGlzLmNvbnRlbnQ/Lm5hdGl2ZUVsZW1lbnQ/Lm91dGVySFRNTClcbiAgICAgIDogdW5kZWZpbmVkO1xuXG4gICAgdGhpcy5yZWFjdERvbVJvb3QucmVuZGVyKFxuICAgICAgPHRoaXMuY29tcG9uZW50IHsuLi50aGlzLnByb3BzfT4ge2pzeENvbnRlbnQgfHwgJyd9IDwvdGhpcy5jb21wb25lbnQ+XG4gICAgKTtcbiAgfVxufVxuIl19