@iapps/ng-dhis2-ui 1.1.2 → 1.1.3

package/index.d.ts

@@ -4,5 +4,7 @@ export * from './lib/modules/period-selector';
 export * from './lib/modules/organisation-unit-selector';
 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/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/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/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/package.json

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