@iapps/ng-dhis2-ui 1.1.1 → 1.1.3

package/index.d.ts

@@ -2,6 +2,9 @@ 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/modules/react-wrapper';
+export * from './lib/modules/react-wrapper/react-wrapper.component';
 export * from './lib/modules/line-list';
+export * from './lib/modules/data-table-ui';
 export * from './lib/modules/form';
+export * from './lib/modules/selection-filters-ui';
+export * from './lib/modules/tracker-form';

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

@@ -1,7 +1,7 @@
 import { EventEmitter } from '@angular/core';
-import { ReactWrapperComponent } from '../react-wrapper';
+import { ReactWrapperModule } from '../react-wrapper/react-wrapper.component';
 import * as i0 from "@angular/core";
-export declare class ButtonComponent extends ReactWrapperComponent {
+export declare class ButtonComponent extends ReactWrapperModule {
     label: string;
     primary?: boolean;
     secondary?: boolean;

package/lib/modules/data-table-ui/components/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export interface DropdownMenuOption {
+    id?: string;
+    label: string;
+    description?: string;
+    icon?: any;
+    destructive?: boolean;
+    onClick?: Function;
+}
+export declare const ContextMenu: (params: {
+    dropDownOptions: DropdownMenuOption[];
+    anchorRef: any;
+    onClose: Function;
+    onMenuClick: (dropdownOption: DropdownMenuOption) => void;
+}) => React.JSX.Element;
+export declare const DropdownMenu: (props: {
+    dropdownOptions: DropdownMenuOption[];
+    onClick: (dropdownOption: DropdownMenuOption) => void;
+}) => React.JSX.Element;

package/lib/modules/data-table-ui/components/dropdown-menu/dropdown-menu.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const dropdownStyles: {
+    layer: {
+        zIndex: string;
+    };
+};

package/lib/modules/data-table-ui/components/dropdown-menu/index.d.ts

@@ -0,0 +1 @@
+export * from './dropdown-menu';

package/lib/modules/data-table-ui/containers/data-table-ui/data-table-ui.component.d.ts

@@ -0,0 +1,19 @@
+import { AfterViewInit, EventEmitter } from '@angular/core';
+import React from 'react';
+import { ReactWrapperModule } from '../../../react-wrapper/react-wrapper.component';
+import { ColumnDefinition, TableRow } from '../../models/data-table.models';
+import { DropdownMenuOption } from '../../components/dropdown-menu';
+import * as i0 from "@angular/core";
+export declare class DataTableUIComponent extends ReactWrapperModule implements AfterViewInit {
+    data: TableRow[];
+    columnDefinitions: ColumnDefinition[];
+    actionOptions?: DropdownMenuOption[];
+    actionSelected: EventEmitter<{
+        action: string;
+        row: TableRow;
+    }>;
+    DataTableUI: () => React.JSX.Element;
+    ngAfterViewInit(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableUIComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableUIComponent, "app-data-table-ui", never, { "data": { "alias": "data"; "required": false; }; "columnDefinitions": { "alias": "columnDefinitions"; "required": false; }; "actionOptions": { "alias": "actionOptions"; "required": false; }; }, { "actionSelected": "actionSelected"; }, never, ["*"], false, never>;
+}

package/lib/modules/data-table-ui/data-table-ui.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./containers/data-table-ui/data-table-ui.component.tsx";
+import * as i2 from "@angular/common";
+import * as i3 from "../../shared/shared.module";
+import * as i4 from "../react-wrapper/react-wrapper.component.tsx";
+export declare class DataTableUIModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableUIModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DataTableUIModule, [typeof i1.DataTableUIComponent], [typeof i2.CommonModule, typeof i3.SharedDhis2UiModule, typeof i4.ReactWrapperModule], [typeof i1.DataTableUIComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DataTableUIModule>;
+}

package/lib/modules/data-table-ui/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-dynamic-styles.hook';

package/lib/modules/data-table-ui/hooks/use-dynamic-styles.hook.d.ts

@@ -0,0 +1 @@
+export declare const useDynamicStyles: <T extends Record<string, React.CSSProperties | any>>(stylesObj: T) => { [K in keyof T]: string; };

package/lib/modules/data-table-ui/index.d.ts

@@ -0,0 +1,3 @@
+export * from './data-table-ui.module';
+export * from './containers/data-table-ui/data-table-ui.component';
+export * from './models/data-table.models';

package/lib/modules/data-table-ui/models/data-table.models.d.ts

@@ -0,0 +1,10 @@
+export interface TableRow {
+    [key: string]: string | number;
+    index: number;
+}
+export interface ColumnDefinition {
+    column: string;
+    display: string;
+    index?: string;
+    visible?: boolean;
+}

package/lib/modules/form/components/base-form-field.component.d.ts

@@ -1,13 +1,13 @@
 import { EventEmitter, NgZone, OnChanges, Signal, SimpleChanges } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import React from 'react';
-import { ReactWrapperComponent } from '../../react-wrapper/react-wrapper.component';
+import { ReactWrapperModule } from '../../react-wrapper/react-wrapper.component';
 import { FieldConfig, FormField } from '../models';
 import { OrganisationUnitSelectionConfig } from '../../organisation-unit-selector';
 import { Observable } from 'rxjs';
 import { NgxDhis2HttpClientService } from '@iapps/ngx-dhis2-http-client';
 import * as i0 from "@angular/core";
-export declare class BaseFormFieldComponent extends ReactWrapperComponent implements OnChanges {
+export declare class BaseFormFieldComponent extends ReactWrapperModule implements OnChanges {
     #private;
     ngZone: NgZone;
     httpClient: NgxDhis2HttpClientService;

package/lib/modules/form/containers/repeatable-form/repeatable-form.component.d.ts

@@ -1,16 +1,18 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, NgZone, OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { IFormFieldGroup } from '../../interfaces';
 import { FormValue } from '../../models';
 import * as i0 from "@angular/core";
 export declare class RepeatableFormComponent implements OnInit {
+    #private;
+    ngZone: NgZone;
     formObject: any;
     formData: any;
     fieldGroup: import("@angular/core").InputSignal<IFormFieldGroup>;
     form: FormGroup;
     numberOfRows: number | string;
     programRuleActions: any[];
-    events?: any[] | unknown;
+    events: import("@angular/core").ModelSignal<unknown>;
     program: string;
     programStage: string;
     repeatDependentField: string;
@@ -23,9 +25,14 @@ export declare class RepeatableFormComponent implements OnInit {
     repeatableFormEntities: {
         [event: string]: FormGroup;
     };
+    eventForm: FormGroup;
+    eventFormValue: import("@angular/core").WritableSignal<FormValue>;
+    showForm: import("@angular/core").WritableSignal<boolean>;
+    eventIndex: import("@angular/core").WritableSignal<number>;
+    constructor();
     get isValid(): boolean;
     ngOnInit(): void;
-    onFormUpdate(formValue: FormValue, eventIndex: number): void;
+    onFormUpdate(formValue: FormValue): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RepeatableFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RepeatableFormComponent, "ng-dhis2-ui-repeatable-form", never, { "formObject": { "alias": "formObject"; "required": false; }; "formData": { "alias": "formData"; "required": false; }; "fieldGroup": { "alias": "fieldGroup"; "required": true; "isSignal": true; }; "form": { "alias": "form"; "required": false; }; "numberOfRows": { "alias": "numberOfRows"; "required": false; }; "programRuleActions": { "alias": "programRuleActions"; "required": false; }; "events": { "alias": "events"; "required": false; }; "program": { "alias": "program"; "required": false; }; "programStage": { "alias": "programStage"; "required": false; }; "repeatDependentField": { "alias": "repeatDependentField"; "required": false; }; "dataEntities": { "alias": "dataEntities"; "required": true; "isSignal": true; }; }, { "repeatableStageUpdate": "repeatableStageUpdate"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RepeatableFormComponent, "ng-dhis2-ui-repeatable-form", never, { "formObject": { "alias": "formObject"; "required": false; }; "formData": { "alias": "formData"; "required": false; }; "fieldGroup": { "alias": "fieldGroup"; "required": true; "isSignal": true; }; "form": { "alias": "form"; "required": false; }; "numberOfRows": { "alias": "numberOfRows"; "required": false; }; "programRuleActions": { "alias": "programRuleActions"; "required": false; }; "events": { "alias": "events"; "required": false; "isSignal": true; }; "program": { "alias": "program"; "required": false; }; "programStage": { "alias": "programStage"; "required": false; }; "repeatDependentField": { "alias": "repeatDependentField"; "required": false; }; "dataEntities": { "alias": "dataEntities"; "required": true; "isSignal": true; }; }, { "events": "eventsChange"; "repeatableStageUpdate": "repeatableStageUpdate"; }, never, never, false, never>;
 }

package/lib/modules/form/containers/section-form/section-form.component.d.ts

@@ -1,16 +1,14 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, NgZone, OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
+import { Observable } from 'rxjs';
 import { IFormFieldGroup, IFormMetadata } from '../../interfaces';
 import { FormValue } from '../../models';
 import * as i0 from "@angular/core";
 export declare class SectionFormComponent implements OnInit {
     #private;
+    ngZone: NgZone;
     loading: import("@angular/core").InputSignal<boolean>;
-    isLab?: boolean;
-    isLabResulst: boolean;
-    clientId?: string;
     isloading: boolean;
-    labNumber?: any;
     formMetaData: import("@angular/core").InputSignal<IFormMetadata>;
     dataValueEntities: import("@angular/core").InputSignal<Record<string, unknown>>;
     formGroups: Record<string, FormGroup>;
@@ -20,12 +18,15 @@ export declare class SectionFormComponent implements OnInit {
     save: EventEmitter<Record<string, unknown>>;
     formUpdate: EventEmitter<Record<string, unknown>>;
     cancel: EventEmitter<any>;
-    get inValid(): boolean;
+    inValid: import("@angular/core").WritableSignal<boolean>;
+    inValid$: Observable<boolean>;
+    constructor();
     ngOnInit(): void;
     onUpdateRepeatableStage(repeatableData: Record<number, FormValue>, fieldGroup: IFormFieldGroup): void;
     onFormUpdate(formValue: FormValue, fieldGroupId: string): void;
-    onSubmit(event: MouseEvent): void;
-    onCancel(event: MouseEvent): void;
+    onSubmit(): void;
+    onCancel(event?: MouseEvent): void;
+    checkIfInValid(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SectionFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SectionFormComponent, "ng-dhis2-ui-section-form", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "isLab": { "alias": "isLab"; "required": false; }; "isLabResulst": { "alias": "isLabResulst"; "required": false; }; "clientId": { "alias": "clientId"; "required": false; }; "labNumber": { "alias": "labNumber"; "required": false; }; "formMetaData": { "alias": "formMetaData"; "required": true; "isSignal": true; }; "dataValueEntities": { "alias": "dataValueEntities"; "required": true; "isSignal": true; }; }, { "save": "save"; "formUpdate": "formUpdate"; "cancel": "cancel"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SectionFormComponent, "ng-dhis2-ui-section-form", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "formMetaData": { "alias": "formMetaData"; "required": true; "isSignal": true; }; "dataValueEntities": { "alias": "dataValueEntities"; "required": true; "isSignal": true; }; }, { "save": "save"; "formUpdate": "formUpdate"; "cancel": "cancel"; }, never, never, false, never>;
 }

package/lib/modules/form/form.module.d.ts

@@ -6,9 +6,10 @@ import * as i4 from "./containers/section-form/section-form.component";
 import * as i5 from "./components/form-field-item.component";
 import * as i6 from "@angular/common";
 import * as i7 from "@angular/forms";
-import * as i8 from "../organisation-unit-selector/organisation-unit-selector.module";
+import * as i8 from "../react-wrapper/react-wrapper.component.tsx";
+import * as i9 from "../organisation-unit-selector/organisation-unit-selector.module";
 export declare class D2FormModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<D2FormModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<D2FormModule, [typeof i1.FormFieldComponent, typeof i2.FormComponent, typeof i3.RepeatableFormComponent, typeof i4.SectionFormComponent, typeof i5.FormFieldItemComponent], [typeof i6.CommonModule, typeof i7.ReactiveFormsModule, typeof i8.OrganisationUnitSelectorModule], [typeof i1.FormFieldComponent, typeof i2.FormComponent, typeof i3.RepeatableFormComponent, typeof i4.SectionFormComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<D2FormModule, [typeof i1.FormFieldComponent, typeof i2.FormComponent, typeof i3.RepeatableFormComponent, typeof i4.SectionFormComponent, typeof i5.FormFieldItemComponent], [typeof i6.CommonModule, typeof i7.ReactiveFormsModule, typeof i8.ReactWrapperModule, typeof i9.OrganisationUnitSelectorModule], [typeof i1.FormFieldComponent, typeof i2.FormComponent, typeof i3.RepeatableFormComponent, typeof i4.SectionFormComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<D2FormModule>;
 }

package/lib/modules/form/interfaces/form-field-group.interface.d.ts

@@ -2,7 +2,8 @@ import { IFormField } from './form-field.interface';
 export interface IFormFieldGroup {
     dataKey?: string;
     id: string;
-    name: string;
+    name?: string;
+    sortOrder?: number;
     translations?: any;
     isFormHorizontal?: boolean;
     attributes?: string[] | object[];

package/lib/modules/form/models/form-field-group.model.d.ts

@@ -1,5 +1,5 @@
 import { IFormField, IFormFieldGroup } from '../interfaces';
-export declare class FormFieldGroup {
+export declare class FormFieldGroup implements IFormFieldGroup {
     private params;
     id: string;
     name: string;

package/lib/modules/form/models/form-metadata.model.d.ts

@@ -3,15 +3,16 @@ import { FormField } from './form-field.model';
 import { Program } from '@iapps/d2-web-sdk';
 import { IFormMetadata, IFormMetadataSection } from '../interfaces';
 export declare class FormMetaData implements IFormMetadata {
+    #private;
     private params;
     id: string;
     name: string;
     description?: string | undefined;
     downloadSqlView?: string | undefined;
     constructor(params: {
-        formMetaData: Partial<FormMetaData>;
         programs: Program[];
         locale?: string;
+        customFormMetaData?: Partial<FormMetaData>;
     });
     get sections(): IFormMetadataSection[];
     get fields(): FormField<string>[];

package/lib/modules/form/models/form-value.model.d.ts

@@ -7,7 +7,9 @@ export declare class FormValue {
     constructor(form: FormGroup, fields: FormField<string>[], changedField?: FormField<string>);
     get isValid(): boolean;
     clear(): void;
-    getValues(): {
+    getValues(options?: {
+        valueOnly?: boolean;
+    }): {
         [id: string]: {
             id: string;
             value: string;

package/lib/modules/form/utils/field-type.util.d.ts

@@ -1,3 +1,3 @@
 export declare class FormFieldTypeUtil {
-    static getFieldType(valueType: string): "number" | "image" | "org-unit" | "file" | "text";
+    static getFieldType(valueType: string): "image" | "org-unit" | "file" | "number" | "text";
 }

package/lib/modules/form/utils/field.util.d.ts

@@ -3,7 +3,7 @@ import { DropdownOption } from '../models';
 export declare class FieldUtil {
     static getFieldDropdownOptions(field: any): DropdownOption[];
     static sanitizeOptions(options: any[]): any;
-    static getFieldType(valueType: string): "number" | "date" | "org-unit" | "file" | "tel" | "text";
+    static getFieldType(valueType: string): "date" | "org-unit" | "file" | "tel" | "number" | "text";
     static getFieldControlType(valueType: string, hasOptions: boolean): FieldControlType;
     static getOptionEntities?(options: any[]): any;
 }

package/lib/modules/form/utils/index.d.ts

@@ -3,3 +3,4 @@ export * from './field-control-type.util';
 export * from './field-type.util';
 export * from './form.util';
 export * from './form-value.util';
+export * from './translation.util';

package/lib/modules/form/utils/translation.util.d.ts

@@ -0,0 +1,3 @@
+export declare class TranslationUtil {
+    static getTranslatedFormName(field: Record<string, unknown>, locale?: string): string;
+}

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

@@ -1,8 +1,8 @@
 import { ElementRef } from '@angular/core';
 import { NgxDhis2HttpClientService } from '@iapps/ngx-dhis2-http-client';
-import { ReactWrapperComponent } from '../react-wrapper';
+import { ReactWrapperModule } from '../react-wrapper/react-wrapper.component';
 import * as i0 from "@angular/core";
-export declare class HeaderBarComponent extends ReactWrapperComponent {
+export declare class HeaderBarComponent extends ReactWrapperModule {
     private httpClient;
     constructor(elementRef: ElementRef<HTMLElement>, httpClient: NgxDhis2HttpClientService);
     ngAfterViewInit(): Promise<void>;

package/lib/modules/line-list/containers/line-list.component.d.ts

@@ -1,13 +1,13 @@
 import { EventEmitter, SimpleChanges } from '@angular/core';
 import React from 'react';
-import { LineListService } from '../services/line-list.service';
+import { ReactWrapperModule } from '../../react-wrapper/react-wrapper.component';
 import { DropdownMenuOption } from '../components/dropdown-menu';
-import { TableRow } from '../models/line-list.models';
 import { AttributeFilter } from '../models/attribute-filter.model';
-import { ReactWrapperComponent } from '../../react-wrapper';
 import { FilterConfig } from '../models/filter-config.model';
+import { TableRow } from '../models/line-list.models';
+import { LineListService } from '../services/line-list.service';
 import * as i0 from "@angular/core";
-export declare class LineListTableComponent extends ReactWrapperComponent {
+export declare class LineListTableComponent extends ReactWrapperModule {
     programId: string;
     orgUnit: string;
     programStageId?: string;
@@ -16,6 +16,7 @@ export declare class LineListTableComponent extends ReactWrapperComponent {
     startDate?: string;
     endDate?: string;
     filters?: FilterConfig[];
+    ouMode?: string;
     actionSelected: EventEmitter<{
         action: string;
         row: TableRow;
@@ -27,5 +28,5 @@ export declare class LineListTableComponent extends ReactWrapperComponent {
     LineList: () => React.JSX.Element;
     ngAfterViewInit(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LineListTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LineListTableComponent, "app-line-list", never, { "programId": { "alias": "programId"; "required": false; }; "orgUnit": { "alias": "orgUnit"; "required": false; }; "programStageId": { "alias": "programStageId"; "required": false; }; "actionOptions": { "alias": "actionOptions"; "required": false; }; "attributeFilters": { "alias": "attributeFilters"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; }, { "actionSelected": "actionSelected"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LineListTableComponent, "app-line-list", never, { "programId": { "alias": "programId"; "required": false; }; "orgUnit": { "alias": "orgUnit"; "required": false; }; "programStageId": { "alias": "programStageId"; "required": false; }; "actionOptions": { "alias": "actionOptions"; "required": false; }; "attributeFilters": { "alias": "attributeFilters"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "ouMode": { "alias": "ouMode"; "required": false; }; }, { "actionSelected": "actionSelected"; }, never, ["*"], false, never>;
 }

package/lib/modules/line-list/models/line-list.models.d.ts

@@ -102,6 +102,7 @@ export interface ProgramMetadata {
         id: string;
         name: string;
     }[];
+    programTrackedEntityAttributes: ProgramTrackedEntityAttribute[];
 }
 export interface LineListResponse {
     metadata: ProgramMetadata;
@@ -127,3 +128,45 @@ export interface CreatedByUserInfo {
     surname: string;
     username: string;
 }
+export interface ProgramTrackedEntityAttribute {
+    access: {
+        read: boolean;
+        update: boolean;
+        externalize: boolean;
+        delete: boolean;
+        write: boolean;
+    };
+    attributeValues: any[];
+    created: string;
+    displayInList: boolean;
+    displayName: string;
+    displayShortName: string;
+    externalAccess: boolean;
+    favorite: boolean;
+    favorites: any[];
+    id: string;
+    lastUpdated: string;
+    mandatory: boolean;
+    name: string;
+    program: {
+        id: string;
+    };
+    programTrackedEntityAttributeGroups: any[];
+    renderOptionsAsRadio: boolean;
+    searchable: boolean;
+    sharing: {
+        userGroups: any;
+        external: boolean;
+        users: any;
+    };
+    sortOrder: number;
+    trackedEntityAttribute: {
+        id: string;
+        name: string;
+        valueType: string;
+    };
+    translations: any[];
+    userAccesses: any[];
+    userGroupAccesses: any[];
+    valueType: string;
+}

package/lib/modules/line-list/services/line-list.service.d.ts

@@ -10,7 +10,7 @@ export declare class LineListService {
     private getTrackedEntityInstances;
     private getEvents;
     private getEventsByProgramStage;
-    getLineListData(programId: string, orgUnit?: string, programStageId?: string, page?: number, pageSize?: number, filters?: AttributeFilter[], startDate?: string, endDate?: string): Observable<LineListResponse>;
+    getLineListData(programId: string, orgUnit?: string, programStageId?: string, page?: number, pageSize?: number, filters?: AttributeFilter[], startDate?: string, endDate?: string, ouMode?: string): Observable<LineListResponse>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LineListService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<LineListService>;
 }

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

@@ -1,13 +1,13 @@
 import { ElementRef, EventEmitter, NgZone } from '@angular/core';
 import { NgxDhis2HttpClientService } from '@iapps/ngx-dhis2-http-client';
-import { ReactWrapperComponent } from '../../../react-wrapper';
+import { ReactWrapperModule } from '../../../react-wrapper/react-wrapper.component';
 import { OrganisationUnitSelectionConfig, OrganisationUnitSelectionUsageType } from '../../models';
 import * as i0 from "@angular/core";
 type OrganisationUnitSelectionEvent = {
     dimensionId: string;
     items: Record<string, unknown>[];
 };
-export declare class OrganisationUnitSelectorComponent extends ReactWrapperComponent {
+export declare class OrganisationUnitSelectorComponent extends ReactWrapperModule {
     private httpClient;
     private ngZone;
     selectedOrgUnits: any[];

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

@@ -1,13 +1,13 @@
 import { ElementRef, EventEmitter } from '@angular/core';
 import { NgxDhis2HttpClientService } from '@iapps/ngx-dhis2-http-client';
-import { ReactWrapperComponent } from '../../../react-wrapper';
+import { ReactWrapperModule } from '../../../react-wrapper/react-wrapper.component';
 import { OrganisationUnitSelectionConfig, OrganisationUnitSelectionUsageType } from '../../models';
 import * as i0 from "@angular/core";
 type OrganisationUnitSelectionEvent = {
     dimensionId: string;
     items: Record<string, unknown>[];
 };
-export declare class OrganisationUnitSelectorModalComponent extends ReactWrapperComponent {
+export declare class OrganisationUnitSelectorModalComponent extends ReactWrapperModule {
     private httpClient;
     selectedOrgUnits: any[];
     orgUnitSelectionConfig: OrganisationUnitSelectionConfig;

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

@@ -1,12 +1,12 @@
 import { ElementRef, EventEmitter, NgZone } from '@angular/core';
 import { NgxDhis2HttpClientService } from '@iapps/ngx-dhis2-http-client';
-import { ReactWrapperComponent } from '../../../react-wrapper/react-wrapper.component';
+import { ReactWrapperModule } from '../../../react-wrapper/react-wrapper.component';
 import * as i0 from "@angular/core";
 type PeriodSelectionEvent = {
     dimensionId: string;
     items: Record<string, unknown>[];
 };
-export declare class PeriodSelectorComponent extends ReactWrapperComponent {
+export declare class PeriodSelectorComponent extends ReactWrapperModule {
     private httpClient;
     private ngZone;
     selectedPeriods: any[];

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

@@ -1,8 +1,8 @@
 import { ElementRef, EventEmitter } from '@angular/core';
 import { NgxDhis2HttpClientService } from '@iapps/ngx-dhis2-http-client';
-import { ReactWrapperComponent } from '../../../react-wrapper/react-wrapper.component';
+import { ReactWrapperModule } from '../../../react-wrapper/react-wrapper.component';
 import * as i0 from "@angular/core";
-export declare class PeriodSelectorModalComponent extends ReactWrapperComponent {
+export declare class PeriodSelectorModalComponent extends ReactWrapperModule {
     private httpClient;
     selectedPeriods: any[];
     cancel: EventEmitter<any>;

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

@@ -2,7 +2,7 @@ import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
 import { ComponentProps } from 'react';
 import * as ReactDOM from 'react-dom/client';
 import * as i0 from "@angular/core";
-export declare class ReactWrapperComponent implements OnDestroy, AfterViewInit {
+export declare class ReactWrapperModule implements OnDestroy, AfterViewInit {
     protected elementRef: ElementRef<HTMLElement>;
     props?: ComponentProps<any>;
     component: any;
@@ -12,6 +12,6 @@ export declare class ReactWrapperComponent implements OnDestroy, AfterViewInit {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     protected render(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ReactWrapperComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ReactWrapperComponent, "ng-dhis2-ui-wrapper", never, { "props": { "alias": "props"; "required": false; }; "component": { "alias": "component"; "required": false; }; }, {}, ["content"], never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReactWrapperModule, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ReactWrapperModule, "ng-dhis2-ui-wrapper", never, { "props": { "alias": "props"; "required": false; }; "component": { "alias": "component"; "required": false; }; }, {}, ["content"], never, true, never>;
 }

package/lib/modules/selection-filters-ui/containers/selection-filters-ui/selection-filters-ui.component.d.ts

@@ -0,0 +1,20 @@
+import { AfterViewInit, EventEmitter } from '@angular/core';
+import React from 'react';
+import { ReactWrapperModule } from '../../../react-wrapper/react-wrapper.component';
+import { AttributeFilter, DataElementFilter, SelectionFiltersProps } from '../../models/selection-filters-ui.model';
+import * as i0 from "@angular/core";
+export declare class SelectionFiltersComponent extends ReactWrapperModule implements AfterViewInit {
+    actionOptions: {
+        label: string;
+        onClick: (row: any) => void;
+    }[];
+    attributeFilters: AttributeFilter[];
+    dataElementFilters: DataElementFilter[];
+    startDate?: string;
+    endDate?: string;
+    actionSelected: EventEmitter<SelectionFiltersProps>;
+    SelectionFiltersUI: () => React.JSX.Element;
+    ngAfterViewInit(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectionFiltersComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionFiltersComponent, "app-selection-filters-ui", never, { "actionOptions": { "alias": "actionOptions"; "required": false; }; "attributeFilters": { "alias": "attributeFilters"; "required": false; }; "dataElementFilters": { "alias": "dataElementFilters"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; }; }, { "actionSelected": "actionSelected"; }, never, ["*"], false, never>;
+}

package/lib/modules/selection-filters-ui/index.d.ts

@@ -0,0 +1,2 @@
+export * from './selection-filters-ui.module';
+export * from './containers/selection-filters-ui/selection-filters-ui.component';

package/lib/modules/selection-filters-ui/models/selection-filters-ui.model.d.ts

@@ -0,0 +1,36 @@
+export interface SelectionFiltersProps {
+    actionOptions: ActionOption[];
+    attributeFilters: AttributeFilter[];
+    dataElementFilters: DataElementFilter[];
+    startDate: string;
+    endDate: string;
+}
+export interface ActionOption {
+    label: string;
+    onClick: () => void;
+}
+export interface DataElementFilter {
+    programStage: string;
+    dataElement: string;
+    name: string;
+    valueType: string;
+    hasOptions: boolean;
+    operator: string;
+    value: string;
+    options: Option[];
+}
+export interface Option {
+    id: string;
+    code: string;
+    name: string;
+}
+export interface AttributeFilter {
+    attribute: string;
+    operator: string;
+    name: string;
+    valueType: string;
+    hasOptions: boolean;
+    code: string;
+    value: string;
+    options: Option[];
+}

package/lib/modules/selection-filters-ui/selection-filters-ui.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./containers/selection-filters-ui/selection-filters-ui.component.tsx";
+import * as i2 from "@angular/common";
+import * as i3 from "../../shared/shared.module";
+import * as i4 from "../react-wrapper/react-wrapper.component.tsx";
+export declare class SelectionFiltersUiModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectionFiltersUiModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectionFiltersUiModule, [typeof i1.SelectionFiltersComponent], [typeof i2.CommonModule, typeof i3.SharedDhis2UiModule, typeof i4.ReactWrapperModule], [typeof i1.SelectionFiltersComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SelectionFiltersUiModule>;
+}

package/lib/modules/tracker-form/index.d.ts

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

package/lib/modules/tracker-form/tracker-form.component.d.ts

@@ -0,0 +1,15 @@
+import { OnInit } from '@angular/core';
+import { BaseTrackerQuery, TrackedEntityInstance } from '@iapps/d2-web-sdk';
+import { IFormMetadata } from '../form';
+import * as i0 from "@angular/core";
+export declare class TrackerFormComponent implements OnInit {
+    program: import("@angular/core").InputSignal<string>;
+    d2: import("@iapps/d2-web-sdk").D2Web;
+    trackerQuery: BaseTrackerQuery<TrackedEntityInstance>;
+    formMetaData: IFormMetadata;
+    ngOnInit(): Promise<void>;
+    onSave(event: any): void;
+    onCancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TrackerFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TrackerFormComponent, "ng-dhis2-ui-tracker-form", never, { "program": { "alias": "program"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/lib/modules/tracker-form/tracker-form.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tracker-form.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../form/form.module";
+export declare class TrackerFormModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TrackerFormModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TrackerFormModule, [typeof i1.TrackerFormComponent], [typeof i2.CommonModule, typeof i3.D2FormModule], [typeof i1.TrackerFormComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TrackerFormModule>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iapps/ng-dhis2-ui",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "peerDependencies": {
     "@angular/common": "^19.0.0",
     "@angular/core": "^19.0.0",

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

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