@3kles/kles-material-table-v2 21.3.0 → 21.4.0

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@3kles/kles-material-table-v2",
-  "version": "21.3.0",
+  "version": "21.4.0",
   "keywords": [
     "3KLES"
   ],
   "author": "3Kles Lab",
   "license": "ISC",
   "peerDependencies": {
-    "@3kles/kles-material-dynamicforms": "^21.0.1",
+    "@3kles/kles-material-dynamicforms": "^21.3.0",
     "@angular/animations": "^21.0.0",
     "@angular/cdk": "^21.0.0",
     "@angular/common": "^21.0.0",
@@ -16,7 +16,7 @@
     "@angular/material": "^21.0.0",
     "@angular/platform-browser": "^21.0.0",
     "@angular/router": "^21.0.0",
-    "rxjs": "^7.8.0"
+    "rxjs": "^6.5.3 || ^7.4.0"
   },
   "dependencies": {
     "tslib": "^2.0.0"

package/types/3kles-kles-material-table-v2.d.ts

@@ -40,7 +40,7 @@ interface IKlesHeaderFieldConfig {
 interface IKlesCellFieldConfig {
     executeAfterChange?: (property?: string, row?: any, group?: FormGroup<any> | FormArray<any>) => Observable<any>;
     style?: IStyle;
-    field: C;
+    field?: C;
 }
 interface IKlesFooterFieldConfig {
     style?: IStyle;
@@ -74,8 +74,8 @@ interface KlesColumnConfig {
     sortable?: boolean;
     sortArrowPosition?: SortHeaderArrowPosition;
     resizable?: boolean;
-    headerCell: IKlesHeaderFieldConfig;
-    cell: IKlesCellFieldConfig;
+    headerCell?: IKlesHeaderFieldConfig;
+    cell?: IKlesCellFieldConfig;
     footerCell?: IKlesFooterFieldConfig;
     align?: AlignCell;
     width?: string;
@@ -131,7 +131,7 @@ interface ScrollbarApi {
     toBottom(sb?: ScrollBehavior): void;
     toRight(sb?: ScrollBehavior): void;
     to(top: number, left: number, sb?: ScrollBehavior): void;
-    getTop(): number;
+    getTop(): number | undefined;
 }
 
 declare enum KlesSelectionModelState {
@@ -807,32 +807,51 @@ declare class KlesDataSource extends MatTableDataSource<FormGroup, MatPaginator>
     constructor();
 }
 
+interface KlesRowContext<TSource = unknown> {
+    source: TSource;
+    _id: string | number;
+    meta: {
+        depth: number;
+        parentId: string | null;
+    };
+}
+
+interface KlesCreatedRow<TSource = unknown> {
+    formGroup: FormGroup;
+    groupUi: GroupUiState;
+    context: KlesRowContext<TSource>;
+}
 declare class RowFormFactory {
     createControl(field: IKlesFieldConfig, value?: any): {
         control: AbstractControl;
         ui: AbstractUiState;
     };
-    createRow(fields: IKlesFieldConfig[], record: any, meta?: {
+    createRow<TSource extends Record<string, any>>(fields: IKlesFieldConfig[], record: TSource, meta?: {
         depth: number;
         parentId: string | null;
-    }): {
-        formGroup: FormGroup;
-        groupUi: GroupUiState;
-    };
-    createRows(fields: IKlesFieldConfig[], records: any[], meta?: {
+    }): KlesCreatedRow<TSource>;
+    createRows<TSource extends Record<string, any>>(fields: IKlesFieldConfig[], records: TSource[], meta?: {
         depth: number;
         parentId: string | null;
-    }): {
-        formGroup: FormGroup;
-        groupUi: GroupUiState;
-    }[];
+    }): KlesCreatedRow<TSource>[];
     static ɵfac: i0.ɵɵFactoryDeclaration<RowFormFactory, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<RowFormFactory>;
 }
 
+declare class RowContextStore {
+    private readonly contexts;
+    set<TSource>(row: AbstractControl, context: KlesRowContext<TSource>): void;
+    get<TSource = unknown>(row: AbstractControl): Signal<KlesRowContext<TSource> | null> | null;
+    updateSource<TSource>(row: AbstractControl, source: TSource): void;
+    delete(row: AbstractControl): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RowContextStore, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RowContextStore>;
+}
+
 declare class KlesForm {
     private columnsService;
     private rowFactory;
+    private rowContextStore;
     readonly form: FormGroup<{
         header: FormGroup<{}>;
         rows: FormArray<FormGroup<any>>;
@@ -846,31 +865,22 @@ declare class KlesForm {
     readonly uiStore: WeakMap<AbstractControl<any, any, any>, AbstractUiState<any, any>>;
     private readonly rowsStructureChangedSubject;
     readonly rowsStructureChanged$: rxjs.Observable<void>;
-    constructor(columnsService: ColumnsService, rowFactory: RowFormFactory);
+    constructor(columnsService: ColumnsService, rowFactory: RowFormFactory, rowContextStore: RowContextStore);
     getRows(): FormArray<FormGroup>;
     getUiRows(): ArrayUiState;
     getUiHeader(): GroupUiState;
     getUiFooter(): GroupUiState;
     getHeader(): FormGroup;
     getFooter(): FormGroup;
-    setRows(rows: {
-        formGroup: FormGroup;
-        groupUi: GroupUiState;
-    }[]): void;
+    setRows(rows: KlesCreatedRow[]): void;
     private insertRowAndNotify;
-    insertRow(row: {
-        formGroup: FormGroup;
-        groupUi: GroupUiState;
-    }, index?: number, options?: {
+    insertRow(row: KlesCreatedRow, index?: number, options?: {
         emitEvent?: boolean;
     }): {
         formGroup: FormGroup;
         groupUi: GroupUiState;
     };
-    insertRows(rows: {
-        formGroup: FormGroup;
-        groupUi: GroupUiState;
-    }[], index?: number): void;
+    insertRows(rows: KlesCreatedRow[], index?: number): void;
     updateRow(_id: number | string, value: any, options?: {
         emitEvent?: boolean;
         onlySelf?: boolean;