@iapps/ng-dhis2-ui 1.0.8 → 1.1.0

package/index.d.ts

@@ -3,3 +3,4 @@ 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/line-list';

package/lib/modules/line-list/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/line-list/components/dropdown-menu/dropdown-menu.styles.d.ts

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

package/lib/modules/line-list/components/dropdown-menu/index.d.ts

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

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

@@ -0,0 +1,31 @@
+import { EventEmitter, SimpleChanges } from '@angular/core';
+import React from 'react';
+import { LineListService } from '../services/line-list.service';
+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 * as i0 from "@angular/core";
+export declare class LineListTableComponent extends ReactWrapperComponent {
+    programId: string;
+    orgUnit: string;
+    programStageId?: string;
+    actionOptions?: DropdownMenuOption[];
+    attributeFilters?: AttributeFilter[];
+    startDate?: string;
+    endDate?: string;
+    filters?: FilterConfig[];
+    actionSelected: EventEmitter<{
+        action: string;
+        row: TableRow;
+    }>;
+    private reactStateUpdaters;
+    setReactStateUpdaters: (updaters: any) => void;
+    ngOnChanges(changes: SimpleChanges): void;
+    lineListService: LineListService;
+    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>;
+}

package/lib/modules/line-list/hooks/index.d.ts

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

package/lib/modules/line-list/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/line-list/index.d.ts

@@ -0,0 +1,2 @@
+export * from './line-list.module';
+export * from './containers/line-list.component';

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

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./containers/line-list.component.tsx";
+import * as i2 from "@angular/common";
+import * as i3 from "../../shared/shared.module";
+export declare class LineListModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LineListModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LineListModule, [typeof i1.LineListTableComponent], [typeof i2.CommonModule, typeof i3.SharedDhis2UiModule], [typeof i1.LineListTableComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LineListModule>;
+}

package/lib/modules/line-list/models/attribute-filter.model.d.ts

@@ -0,0 +1,10 @@
+export interface AttributeFilter {
+    attribute?: string;
+    dataElement?: string;
+    operator: string;
+    value: string | number;
+}
+export interface AttributeFilterGroup {
+    logic: 'AND' | 'OR';
+    filters: AttributeFilter[];
+}

package/lib/modules/line-list/models/filter-config.model.d.ts

@@ -0,0 +1,6 @@
+export interface FilterConfig {
+    programStage: string;
+    dataElement: string;
+    operator: string;
+    value: string | number;
+}

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

@@ -0,0 +1,129 @@
+export interface Pager {
+    page: number;
+    pageSize: number;
+    total: number;
+    pageCount: number;
+}
+export interface Attribute {
+    lastUpdated: string;
+    code: string;
+    displayName: string;
+    created: string;
+    valueType: string;
+    attribute: string;
+    value: string;
+}
+export interface EventsResponse {
+    events: Event[];
+    pager: Pager;
+}
+export interface Event {
+    dueDate: string;
+    program: string;
+    event: string;
+    programStage?: string;
+    orgUnit: string;
+    enrollment: string;
+    trackedEntityInstance: string;
+    enrollmentStatus: string;
+    orgUnitName: string;
+    status: string;
+    eventDate: string;
+    attributeCategoryOptions: string;
+    lastUpdated: string;
+    created: string;
+    completedDate: string;
+    followup: boolean;
+    deleted: boolean;
+    attributeOptionCombo: string;
+    completedBy: string;
+    lastUpdatedByUserInfo: LastUpdatedByUserInfo;
+    createdByUserInfo: CreatedByUserInfo;
+    dataValues: DataValue[];
+    notes: any[];
+    relationships: any[];
+}
+export interface DataValue {
+    lastUpdated: string;
+    created: string;
+    dataElement: string;
+    value: string;
+    providedElsewhere: boolean;
+}
+export interface Enrollment {
+    program: string;
+    lastUpdated: string;
+    created: string;
+    orgUnit: string;
+    enrollment: string;
+    trackedEntityInstance: string;
+    trackedEntityType: string;
+    orgUnitName: string;
+    enrollmentDate: string;
+    followup: boolean;
+    deleted: boolean;
+    incidentDate: string;
+    status: string;
+    lastUpdatedByUserInfo: LastUpdatedByUserInfo;
+    createdByUserInfo: CreatedByUserInfo;
+    notes: any[];
+    relationships: any[];
+    events: Event[];
+    attributes: Attribute[];
+}
+export interface TrackedEntityInstance {
+    trackedEntityInstance: string;
+    attributes: {
+        attribute: string;
+        value: string;
+        displayName?: string;
+    }[];
+    enrollments: Enrollment[];
+}
+export interface TrackedEntityInstancesResponse {
+    trackedEntityInstances: TrackedEntityInstance[];
+    pager: Pager;
+}
+export interface ProgramStageDataElement {
+    dataElement: {
+        id: string;
+        name: string;
+    };
+}
+export interface ProgramStage {
+    id: string;
+    name: string;
+    programStageDataElements: ProgramStageDataElement[];
+}
+export interface ProgramMetadata {
+    programType: string;
+    programStages: ProgramStage[];
+    organisationUnits: {
+        id: string;
+        name: string;
+    }[];
+}
+export interface LineListResponse {
+    metadata: ProgramMetadata;
+    data: EventsResponse | TrackedEntityInstancesResponse;
+}
+export interface TableRow {
+    [key: string]: string | number;
+    index: number;
+}
+export interface ColumnDefinition {
+    label: string;
+    key: string;
+}
+export interface LastUpdatedByUserInfo {
+    uid: string;
+    firstName: string;
+    surname: string;
+    username: string;
+}
+export interface CreatedByUserInfo {
+    uid: string;
+    firstName: string;
+    surname: string;
+    username: string;
+}

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

@@ -0,0 +1,16 @@
+import { NgxDhis2HttpClientService } from '@iapps/ngx-dhis2-http-client';
+import { Observable } from 'rxjs';
+import { LineListResponse } from '../models/line-list.models';
+import { AttributeFilter } from '../models/attribute-filter.model';
+import * as i0 from "@angular/core";
+export declare class LineListService {
+    private httpClient;
+    constructor(httpClient: NgxDhis2HttpClientService);
+    private getProgramMetadata;
+    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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LineListService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LineListService>;
+}

package/lib/modules/line-list/utils/filter-builder.d.ts

@@ -0,0 +1,5 @@
+import { AttributeFilter } from '../models/attribute-filter.model';
+import { FilterConfig } from '../models/filter-config.model';
+import { TrackedEntityInstance } from '../models/line-list.models';
+export declare function buildFilters(filters: AttributeFilter[]): string;
+export declare const getFilteredTrackedEntityInstances: (trackedEntityInstance: TrackedEntityInstance[], filters: FilterConfig[]) => TrackedEntityInstance[];

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

@@ -0,0 +1,15 @@
+import { FilterConfig } from '../models/filter-config.model';
+import { LineListResponse, ColumnDefinition, TableRow } from '../models/line-list.models';
+export declare const getProgramStageData: (response: LineListResponse, programStageId: string, pager: any) => {
+    columns: ColumnDefinition[];
+    data: TableRow[];
+};
+export declare const getTrackedEntityData: (response: LineListResponse, programId: string, pager: any, filters?: FilterConfig[]) => {
+    columns: ColumnDefinition[];
+    data: TableRow[];
+};
+export declare const getEventData: (response: LineListResponse, pager: any) => {
+    columns: ColumnDefinition[];
+    data: TableRow[];
+};
+export declare const addActionsColumn: (columns: ColumnDefinition[], actionOptions?: any[]) => ColumnDefinition[];

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

@@ -1,8 +1,8 @@
-import { AfterViewInit, ElementRef, OnChanges, OnDestroy } from '@angular/core';
+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 OnChanges, OnDestroy, AfterViewInit {
+export declare class ReactWrapperComponent implements OnDestroy, AfterViewInit {
     protected elementRef: ElementRef<HTMLElement>;
     props?: ComponentProps<any>;
     component: any;
@@ -10,7 +10,6 @@ export declare class ReactWrapperComponent implements OnChanges, OnDestroy, Afte
     protected reactDomRoot?: ReactDOM.Root;
     constructor(elementRef: ElementRef<HTMLElement>);
     ngAfterViewInit(): void;
-    ngOnChanges(): void;
     ngOnDestroy(): void;
     protected render(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ReactWrapperComponent, never>;

package/package.json

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