@masterteam/components 0.0.70 → 0.0.72

package/types/masterteam-components-table.d.ts

@@ -1,8 +1,10 @@
+import * as _masterteam_components_table from '@masterteam/components/table';
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import { MTIcon } from '@masterteam/icons';
 import { ConfirmationConfig, ConfirmationService } from '@masterteam/components/confirmation';
-import { TablePageEvent } from 'primeng/table';
+import { Table as Table$1, TablePageEvent } from 'primeng/table';
+import { ControlValueAccessor } from '@angular/forms';
 
 /**
  * Table action confirmation config with optional event
@@ -22,10 +24,22 @@ interface FilterOption {
  * Configuration for filtering on a specific column.
  */
 interface FilterConfig {
-    type: 'text' | 'select';
-    label: string;
+    type: 'text' | 'select' | 'date' | 'boolean';
+    label?: string;
     options?: FilterOption[];
 }
+/**
+ * Filter value for date range or simple value
+ */
+interface FilterValue {
+    value?: any;
+    from?: Date | null;
+    to?: Date | null;
+}
+/**
+ * Table filters map
+ */
+type TableFilters = Record<string, FilterValue | any>;
 /**
  * Column type definition
  */
@@ -65,6 +79,7 @@ declare class Table {
     lazyLoad: _angular_core.OutputEmitterRef<any>;
     columnReorder: _angular_core.OutputEmitterRef<any>;
     rowReorder: _angular_core.OutputEmitterRef<any>;
+    filters: _angular_core.ModelSignal<TableFilters>;
     data: _angular_core.InputSignal<any[]>;
     columns: _angular_core.InputSignal<ColumnDef[]>;
     rowActions: _angular_core.InputSignal<TableAction[]>;
@@ -81,6 +96,8 @@ declare class Table {
     reorderableColumns: _angular_core.InputSignalWithTransform<boolean, unknown>;
     reorderableRows: _angular_core.InputSignalWithTransform<boolean, unknown>;
     dataKey: _angular_core.InputSignal<string | undefined>;
+    exportable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    exportFilename: _angular_core.InputSignal<string>;
     tabs: _angular_core.InputSignal<any[] | undefined>;
     tabsOptionLabel: _angular_core.InputSignal<string | undefined>;
     tabsOptionValue: _angular_core.InputSignal<string | undefined>;
@@ -90,6 +107,7 @@ declare class Table {
     captionStartContent: _angular_core.Signal<TemplateRef<any> | undefined>;
     captionEndContent: _angular_core.Signal<TemplateRef<any> | undefined>;
     emptyContent: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected tableRef: _angular_core.Signal<Table$1<any> | undefined>;
     paginatorPosition: _angular_core.InputSignal<"end" | "start" | "center">;
     pageSize: _angular_core.ModelSignal<number>;
     currentPage: _angular_core.ModelSignal<number>;
@@ -97,20 +115,24 @@ declare class Table {
     filterTerm: _angular_core.ModelSignal<string>;
     confirmationService: ConfirmationService;
     protected selectedRows: _angular_core.WritableSignal<Set<any>>;
-    protected isFilterPanelOpen: _angular_core.WritableSignal<boolean>;
-    protected pendingFilters: _angular_core.WritableSignal<Record<string, any>>;
-    protected appliedFilters: _angular_core.WritableSignal<Record<string, any>>;
-    protected filterableColumns: _angular_core.Signal<ColumnDef[]>;
+    protected exportColumns: _angular_core.Signal<{
+        field: string;
+        header: string;
+        key: string;
+        label: string;
+        type?: _masterteam_components_table.ColumnType;
+        customCellTpl?: TemplateRef<any>;
+        filterConfig?: _masterteam_components_table.FilterConfig;
+    }[]>;
     protected activeFilterCount: _angular_core.Signal<number>;
     protected filteredData: _angular_core.Signal<any[]>;
     protected displayData: _angular_core.Signal<any[]>;
     protected totalRecords: _angular_core.Signal<number>;
     protected paginatedData: _angular_core.Signal<any[]>;
     protected allSelectedOnPage: _angular_core.Signal<boolean>;
-    toggleFilterPanel(): void;
-    updatePendingFilter(key: string, value: any): void;
-    applyFilters(): void;
-    resetFilters(): void;
+    onFilterApplied(filters: TableFilters): void;
+    onFilterReset(): void;
+    protected matchesFilter(item: any, key: string, filterValue: FilterValue | any): boolean;
     toggleRow(row: any): void;
     toggleAllRowsOnPage(): void;
     getProperty(obj: any, key: string): any;
@@ -125,10 +147,41 @@ declare class Table {
     onRowReorder(event: any): void;
     protected updatePagingFromEvent(event: any): void;
     protected emitLazyLoad(event: any): void;
+    exportCSV(): void;
     rowAction(event: Event, action: TableAction, row: any): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Table, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Table, "mt-table", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "rowActions": { "alias": "rowActions"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showGridlines": { "alias": "showGridlines"; "required": false; "isSignal": true; }; "stripedRows": { "alias": "stripedRows"; "required": false; "isSignal": true; }; "selectableRows": { "alias": "selectableRows"; "required": false; "isSignal": true; }; "generalSearch": { "alias": "generalSearch"; "required": false; "isSignal": true; }; "showFilters": { "alias": "showFilters"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "updating": { "alias": "updating"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "lazyTotalRecords": { "alias": "lazyTotalRecords"; "required": false; "isSignal": true; }; "reorderableColumns": { "alias": "reorderableColumns"; "required": false; "isSignal": true; }; "reorderableRows": { "alias": "reorderableRows"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "tabsOptionLabel": { "alias": "tabsOptionLabel"; "required": false; "isSignal": true; }; "tabsOptionValue": { "alias": "tabsOptionValue"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "paginatorPosition": { "alias": "paginatorPosition"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "filterTerm": { "alias": "filterTerm"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "cellChange": "cellChange"; "lazyLoad": "lazyLoad"; "columnReorder": "columnReorder"; "rowReorder": "rowReorder"; "activeTab": "activeTabChange"; "onTabChange": "onTabChange"; "pageSize": "pageSizeChange"; "currentPage": "currentPageChange"; "first": "firstChange"; "filterTerm": "filterTermChange"; }, ["captionStartContent", "captionEndContent", "emptyContent"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Table, "mt-table", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "rowActions": { "alias": "rowActions"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showGridlines": { "alias": "showGridlines"; "required": false; "isSignal": true; }; "stripedRows": { "alias": "stripedRows"; "required": false; "isSignal": true; }; "selectableRows": { "alias": "selectableRows"; "required": false; "isSignal": true; }; "generalSearch": { "alias": "generalSearch"; "required": false; "isSignal": true; }; "showFilters": { "alias": "showFilters"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "updating": { "alias": "updating"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "lazyTotalRecords": { "alias": "lazyTotalRecords"; "required": false; "isSignal": true; }; "reorderableColumns": { "alias": "reorderableColumns"; "required": false; "isSignal": true; }; "reorderableRows": { "alias": "reorderableRows"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "exportable": { "alias": "exportable"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "tabsOptionLabel": { "alias": "tabsOptionLabel"; "required": false; "isSignal": true; }; "tabsOptionValue": { "alias": "tabsOptionValue"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "paginatorPosition": { "alias": "paginatorPosition"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "filterTerm": { "alias": "filterTerm"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "cellChange": "cellChange"; "lazyLoad": "lazyLoad"; "columnReorder": "columnReorder"; "rowReorder": "rowReorder"; "filters": "filtersChange"; "activeTab": "activeTabChange"; "onTabChange": "onTabChange"; "pageSize": "pageSizeChange"; "currentPage": "currentPageChange"; "first": "firstChange"; "filterTerm": "filterTermChange"; }, ["captionStartContent", "captionEndContent", "emptyContent"], never, true, never>;
+}
+
+declare class TableFilter implements ControlValueAccessor {
+    readonly columns: _angular_core.InputSignal<ColumnDef[]>;
+    readonly data: _angular_core.InputSignal<any[]>;
+    readonly filterApplied: _angular_core.OutputEmitterRef<TableFilters>;
+    readonly filterReset: _angular_core.OutputEmitterRef<void>;
+    protected pendingFilters: _angular_core.WritableSignal<TableFilters>;
+    protected appliedFilters: _angular_core.WritableSignal<TableFilters>;
+    protected booleanOptions: {
+        label: string;
+        value: boolean;
+    }[];
+    private onChange;
+    private onTouched;
+    protected filterableColumns: _angular_core.Signal<ColumnDef[]>;
+    protected activeFilterCount: _angular_core.Signal<number>;
+    protected getFilterType(col: ColumnDef): string;
+    protected getFilterValue(key: string): any;
+    protected getDateRangeValue(key: string, part: 'from' | 'to'): Date | null;
+    protected updateFilter(key: string, value: any): void;
+    protected updateDateFilter(key: string, part: 'from' | 'to', value: Date | null): void;
+    protected apply(): void;
+    protected reset(): void;
+    private hasValue;
+    writeValue(value: TableFilters | null): void;
+    registerOnChange(fn: (value: TableFilters) => void): void;
+    registerOnTouched(fn: () => void): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableFilter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableFilter, "mt-table-filter", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, { "filterApplied": "filterApplied"; "filterReset": "filterReset"; }, never, never, true, never>;
 }
 
-export { Table };
-export type { CellChangeEvent, ColumnDef, ColumnType, ColumnTypeForActionCell, FilterConfig, FilterOption, TableAction, TableActionConfirmationConfig };
+export { Table, TableFilter };
+export type { CellChangeEvent, ColumnDef, ColumnType, ColumnTypeForActionCell, FilterConfig, FilterOption, FilterValue, TableAction, TableActionConfirmationConfig, TableFilters };

package/types/masterteam-components-tree.d.ts

@@ -0,0 +1,91 @@
+import * as _angular_core from '@angular/core';
+import { Tree as Tree$1 } from 'primeng/tree';
+import { TreeNode, MenuItem } from 'primeng/api';
+export { TreeNode } from 'primeng/api';
+import { MTIcon } from '@masterteam/icons';
+import { Directionality } from '@angular/cdk/bidi';
+import { TranslocoService } from '@jsverse/transloco';
+
+/**
+ * Defines an action button for tree nodes
+ */
+interface TreeAction {
+    icon?: MTIcon | undefined;
+    severity?: 'info' | 'success' | 'warn' | 'danger' | 'secondary' | 'contrast' | 'help' | 'primary';
+    variant?: 'text' | 'outlined' | undefined;
+    size?: 'small' | 'large' | undefined;
+    label?: string;
+    tooltip?: string;
+    hidden?: (node: any) => boolean;
+    action: (node: any) => void;
+    loading?: boolean | ((node: any) => boolean);
+}
+/**
+ * Defines a context menu action for tree nodes
+ */
+interface TreeContextMenuAction {
+    icon?: MTIcon | undefined;
+    label: string;
+    action: (node: any) => void;
+}
+/**
+ * Tree action types - all possible events from tree component
+ */
+type TreeActionType = 'selectionChange' | 'nodeSelect' | 'nodeUnselect' | 'nodeExpand' | 'nodeCollapse';
+/**
+ * Tree action event interface - unified event structure for all tree actions
+ */
+interface TreeActionEvent {
+    action: TreeActionType;
+    data: any;
+}
+
+declare class Tree {
+    transloco: TranslocoService;
+    dir: Directionality | null;
+    readonly primeTree: _angular_core.Signal<Tree$1 | undefined>;
+    readonly value: _angular_core.InputSignal<TreeNode<any>[]>;
+    readonly selection: _angular_core.ModelSignal<TreeNode<any> | TreeNode<any>[] | null | undefined>;
+    readonly selectionMode: _angular_core.InputSignal<"single" | "multiple" | "checkbox" | undefined>;
+    readonly nodeIcon: _angular_core.InputSignal<MTIcon | undefined>;
+    readonly propagateSelectionUp: _angular_core.InputSignal<boolean>;
+    readonly propagateSelectionDown: _angular_core.InputSignal<boolean>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly emptyMessage: _angular_core.InputSignal<string>;
+    readonly filterPlaceholder: _angular_core.InputSignal<string>;
+    readonly dataKey: _angular_core.InputSignal<string>;
+    readonly filter: _angular_core.InputSignal<boolean>;
+    readonly filterMode: _angular_core.InputSignal<"lenient" | "strict">;
+    readonly styleClass: _angular_core.InputSignal<string>;
+    readonly style: _angular_core.InputSignal<Record<string, string> | undefined>;
+    readonly pInputs: _angular_core.InputSignal<Partial<Tree$1> | undefined>;
+    readonly nodeActions: _angular_core.InputSignal<TreeAction[]>;
+    readonly nodeContextmenuActions: _angular_core.InputSignal<TreeContextMenuAction[]>;
+    readonly contextMenuSelection: _angular_core.ModelSignal<TreeNode<any> | null>;
+    readonly contextMenuItems: _angular_core.Signal<MenuItem[]>;
+    readonly action: _angular_core.OutputEmitterRef<TreeActionEvent>;
+    constructor();
+    onSelectionChange(event: TreeNode | TreeNode[] | null): void;
+    onNodeSelect(event: {
+        node: TreeNode;
+    }): void;
+    onNodeUnselect(event: {
+        node: TreeNode;
+    }): void;
+    onNodeExpand(event: {
+        node: TreeNode;
+    }): void;
+    onNodeCollapse(event: {
+        node: TreeNode;
+    }): void;
+    onContextMenuSelect(event: TreeNode): void;
+    toggleNodeSelection(node: TreeNode, event: MouseEvent): void;
+    handleCheckedNodes(): void;
+    resolveActionLoading(action: TreeAction, node: any): boolean | undefined;
+    nodeAction(action: TreeAction, node: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tree, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tree, "mt-tree", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "nodeIcon": { "alias": "nodeIcon"; "required": false; "isSignal": true; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; "isSignal": true; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterMode": { "alias": "filterMode"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "pInputs": { "alias": "pInputs"; "required": false; "isSignal": true; }; "nodeActions": { "alias": "nodeActions"; "required": false; "isSignal": true; }; "nodeContextmenuActions": { "alias": "nodeContextmenuActions"; "required": false; "isSignal": true; }; "contextMenuSelection": { "alias": "contextMenuSelection"; "required": false; "isSignal": true; }; }, { "selection": "selectionChange"; "contextMenuSelection": "contextMenuSelectionChange"; "action": "action"; }, never, never, true, never>;
+}
+
+export { Tree };
+export type { TreeAction, TreeActionEvent, TreeActionType, TreeContextMenuAction };