@one-paragon/angular-utilities 2.8.5 → 2.8.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@one-paragon/angular-utilities",
-  "version": "2.8.5",
+  "version": "2.8.7",
   "peerDependencies": {
     "@angular/common": "21.1.0",
     "@angular/core": "21.1.0",

package/types/one-paragon-angular-utilities.d.ts

@@ -844,7 +844,7 @@ declare class TableBuilder<T = any> {
     $data: Signal<T[]>;
     createMetaData(obj: any): MetaData[];
 }
-declare const CreateTableBuilder: (reportDef$: Observable<ReportDef>) => TableBuilder;
+declare const CreateTableBuilder: <T = any>(reportDef: Observable<ReportDef<T>> | Signal<ReportDef<T>>, settings?: TableBuilderArgs<TableBuilderSettings<T>>) => TableBuilder<T>;
 type TableBuilderArgs<T> = T | Observable<T> | Signal<T>;
 
 interface CustomCellContext<T> {
@@ -1286,7 +1286,7 @@ declare class MatButtonToggleFilterDirective extends TbSelectedFilterDirective i
 }
 
 declare class TableWrapperDirective {
-    $registrations: _angular_core.WritableSignal<(TableCustomFilterDirective | TableFilterDirective)[]>;
+    $registrations: _angular_core.WritableSignal<(TableFilterDirective | TableCustomFilterDirective)[]>;
     register(filter: TableCustomFilterDirective | TableFilterDirective): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableWrapperDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TableWrapperDirective, "[tbWrapper]", never, {}, {}, never, never, true, never>;
@@ -1541,7 +1541,7 @@ declare class GenericTableComponent {
     $displayData: _angular_core.InputSignal<any[]>;
     $displayDataLength: _angular_core.Signal<number>;
     $data: _angular_core.InputSignal<any[]>;
-    $rows: _angular_core.InputSignal<MatRowDef<any>[]>;
+    $customRows: _angular_core.InputSignal<MatRowDef<any>[]>;
     $columnInfos: _angular_core.InputSignal<ColumnInfo[]>;
     $dataSource: _angular_core.InputSignal<MatTableDataSource<any, _angular_material_paginator.MatPaginator>>;
     $keys: _angular_core.Signal<string[]>;
@@ -1618,9 +1618,18 @@ declare class GenericTableComponent {
         maxWidth: string;
     } | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GenericTableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GenericTableComponent, "tb-generic-table", never, { "$displayData": { "alias": "displayData"; "required": true; "isSignal": true; }; "$data": { "alias": "data"; "required": true; "isSignal": true; }; "$rows": { "alias": "rows"; "required": false; "isSignal": true; }; "$columnInfos": { "alias": "columnInfos"; "required": true; "isSignal": true; }; "$dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "$trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; }, { "selection$": "selection"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GenericTableComponent, "tb-generic-table", never, { "$displayData": { "alias": "displayData"; "required": true; "isSignal": true; }; "$data": { "alias": "data"; "required": true; "isSignal": true; }; "$customRows": { "alias": "customRows"; "required": false; "isSignal": true; }; "$columnInfos": { "alias": "columnInfos"; "required": true; "isSignal": true; }; "$dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "$trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; }, { "selection$": "selection"; }, never, never, true, never>;
 }
 
+/**
+ * This component is the main container for the table builder. It is responsible for managing the state of the table, including filters, sorting, grouping, and pagination. It also handles the communication between the different components of the table builder, such as the column builder and the filter builder.
+ *
+ * You can drop in custom cells, headers, and group rows by using the corresponding directives. These will be automatically picked up and used in the table.
+ *
+ * You can add to the table header by adding a component with the selector '.tb-header-title' inside the table container (this is in addition to what you can add through the table settings).
+ *
+ * You can also add to the table footer by adding a component with the selector '.tb-paginator-row' inside the table container.
+ */
 declare class TableContainerComponent<T = any> {
     #private;
     state: TableStore;
@@ -1647,7 +1656,7 @@ declare class TableContainerComponent<T = any> {
     $tableBuilder: _angular_core.InputSignal<TableBuilder<T>>;
     $tableIdInput: _angular_core.InputSignal<string | undefined>;
     $trackByInput: _angular_core.InputSignal<string | undefined>;
-    $inputFilters: _angular_core.InputSignal<(FilterInfo<any, T> | Predicate<T> | CustomFilter<T>)[]>;
+    $inputFilters: _angular_core.InputSignal<(Predicate<T> | CustomFilter<T> | FilterInfo<any, T>)[]>;
     $filterInfoInputs: _angular_core.Signal<(FilterInfo<any, any> | CustomFilter<any>)[]>;
     $indexColumnInput: _angular_core.InputSignal<boolean>;
     $selectionColumnInput: _angular_core.InputSignal<boolean>;