@3kles/kles-material-table-v2 21.10.0 → 22.0.0

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@3kles/kles-material-table-v2",
-  "version": "21.10.0",
+  "version": "22.0.0",
   "keywords": [
     "3KLES"
   ],
   "author": "3Kles Lab",
   "license": "ISC",
   "peerDependencies": {
-    "@3kles/kles-material-dynamicforms": "^21.3.0",
-    "@angular/animations": "^21.0.0",
-    "@angular/cdk": "^21.0.0",
-    "@angular/common": "^21.0.0",
-    "@angular/core": "^21.0.0",
-    "@angular/forms": "^21.0.0",
-    "@angular/material": "^21.0.0",
-    "@angular/platform-browser": "^21.0.0",
-    "@angular/router": "^21.0.0",
+    "@3kles/kles-material-dynamicforms": "^22.0.0",
+    "@angular/animations": "^22.0.0",
+    "@angular/cdk": "^22.0.0",
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@angular/forms": "^22.0.0",
+    "@angular/material": "^22.0.0",
+    "@angular/platform-browser": "^22.0.0",
+    "@angular/router": "^22.0.0",
     "rxjs": "^6.5.3 || ^7.4.0"
   },
   "dependencies": {

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

@@ -868,12 +868,12 @@ declare class EventsService<TValue = unknown> {
 declare class ColumnsService {
     private _columns;
     private readonly eventsService;
-    displayedColumns: Signal<string[]> | undefined;
+    displayedColumns: Signal<string[]>;
     constructor(_columns: WritableSignal<KlesColumnConfig[]>, eventsService: EventsService);
     register(): void;
     get columns(): Signal<KlesColumnConfig[]>;
-    readonly stickyStartBoundary: Signal<string>;
-    readonly stickyEndBoundary: Signal<string>;
+    readonly stickyStartBoundary: Signal<string | undefined>;
+    readonly stickyEndBoundary: Signal<string | undefined>;
     getVisible(): string[];
     setVisible(columnDef: string, visible: boolean): void;
     toggleVisible(columnDef: string): void;
@@ -986,7 +986,7 @@ declare class KlesForm {
     updateRow(_id: number | string, value: any, options?: {
         emitEvent?: boolean;
         onlySelf?: boolean;
-    }): FormGroup<any>;
+    }): FormGroup<any> | undefined;
     resetRow(_id: number | string, value?: any, options?: {
         onlySelf?: boolean;
         emitEvent?: boolean;
@@ -1013,22 +1013,22 @@ declare class KlesForm {
     static ɵprov: i0.ɵɵInjectableDeclaration<KlesForm>;
 }
 
-declare abstract class DragDropBase {
-    protected config: DragDropConfig | undefined;
+declare abstract class DragDropBase<TValue = unknown> {
+    protected config: DragDropConfig<TValue> | undefined;
     protected readonly eventsService: EventsService;
     protected readonly klesForm: KlesForm;
     protected readonly injector: Injector;
     private static nextDropListId;
     readonly dropListId: string;
-    constructor(config: DragDropConfig | undefined, eventsService: EventsService, klesForm: KlesForm, injector: Injector, tableId?: string);
+    constructor(config: DragDropConfig<TValue> | undefined, eventsService: EventsService, klesForm: KlesForm, injector: Injector, tableId?: string);
     get enable(): boolean;
     get handleOnly(): boolean;
     get autoScrollStep(): number;
-    get connectedTo(): string[];
+    get connectedTo(): string[] | undefined;
     get sortPredicate(): (index: number, item: CdkDrag<FormGroup>) => boolean;
-    get previewComponent(): i0.Type<unknown>;
+    get previewComponent(): i0.Type<unknown> | undefined;
     get previewMatchSize(): boolean;
-    get placeholderComponent(): i0.Type<unknown>;
+    get placeholderComponent(): i0.Type<unknown> | undefined;
     isDragDisabled(row: FormGroup): boolean;
     componentInjector(row: FormGroup, rowIndex: number): Injector;
     abstract listDropped(event: CdkDragDrop<KlesForm>): void;
@@ -1046,8 +1046,8 @@ declare abstract class DragDropBase {
     private handleDrop;
     private toDropListId;
 }
-declare class DragDropService extends DragDropBase {
-    constructor(config: DragDropConfig | undefined, eventsService: EventsService, klesForm: KlesForm, injector: Injector, tableId?: string);
+declare class DragDropService<TValue = unknown> extends DragDropBase<TValue> {
+    constructor(config: DragDropConfig<TValue> | undefined, eventsService: EventsService, klesForm: KlesForm, injector: Injector, tableId?: string);
     listDropped(event: CdkDragDrop<KlesForm>): void;
 }
 
@@ -1065,7 +1065,7 @@ declare class ScrollbarService {
     toLeft(sb?: ScrollBehavior): void;
     toRight(sb?: ScrollBehavior): void;
     to(top: number, left: number, sb?: ScrollBehavior): void;
-    getTop(): number;
+    getTop(): number | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollbarService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ScrollbarService>;
 }
@@ -1474,7 +1474,7 @@ declare class TableComponent implements ITable, OnInit, AfterViewInit, OnDestroy
     viewportScrollRangePx: i0.WritableSignal<number>;
     dataSource: IKlesDataSource;
     columns: Signal<KlesColumnConfig[]>;
-    displayedColumns: Signal<string[]> | undefined;
+    displayedColumns: Signal<string[]>;
     showFooter: Signal<boolean>;
     multiTemplateDataRows: Signal<boolean>;
     extraRows: Signal<(ExtraRowConfig & {
@@ -1482,10 +1482,12 @@ declare class TableComponent implements ITable, OnInit, AfterViewInit, OnDestroy
     })[]>;
     readonly isEmpty: Signal<boolean>;
     private ro?;
+    private readonly changeDetectorRef;
     private readonly destroyRef;
     private rafId?;
     private _cleanup?;
     emptyStateComponent: typeof KlesTableEmptyStateComponent;
+    readonly identityTrackBy: (_: number, row: FormGroup) => FormGroup;
     constructor(host: ElementRef<HTMLElement>, connectorService: KlesTableConnectorService, loader: ILoader<unknown>, datasourceService: IDatasourceService, tableService: ITableService, dragDropRowService: DragDropService, columnDragDropService: ColumnDragDropService, rowAppearance: RowAppearanceConfig, selectionService: ISelectionService, columnsService: ColumnsService, loadingService: LoadingService, paginatorService: PaginatorService, scrollbarService: ScrollbarService, footerService: FooterService, extraRowService: ExtraRowService, renderService: RenderService, sortService: ISortService, filterService: FilterService, expandedRowStore: ExpandedRowStore, rowFactory: RowFormFactory, eventsService: EventsService, rowService: RowService, cellService: CellService, emptyStateService: EmptyStateService, treeService: TreeService<unknown, unknown>, rowContextStore: RowContextStore);
     getRowContext(row: FormGroup): KlesRowContext;
     isRowSelected(row: FormGroup): boolean;
@@ -1554,7 +1556,7 @@ interface KlesTableApi<TValue = unknown> {
 declare class KlesTableComponent<TParams = unknown, TValue = unknown> implements OnInit, KlesTableApi<TValue> {
     private connectorService;
     tableConfig: i0.InputSignal<KlesTableConfig<TParams, TValue>>;
-    readonly footerStart: i0.Signal<KlesTableFooterStartDirective>;
+    readonly footerStart: i0.Signal<KlesTableFooterStartDirective | undefined>;
     private readonly destroyRef;
     tableEvent: EventEmitter<TableEvent<TValue>>;
     rowClick: EventEmitter<RowMousePayload<TValue>>;
@@ -1582,7 +1584,7 @@ declare class KlesTableComponent<TParams = unknown, TValue = unknown> implements
     readonly elevationShadow: i0.Signal<string>;
     constructor(connectorService: KlesTableConnectorService);
     ngOnInit(): void;
-    get hostId(): string;
+    get hostId(): string | undefined;
     refresh(): void;
     get scrollbar(): ScrollbarApi;
     get column(): ColumnApi;
@@ -1620,9 +1622,9 @@ declare const FOOTER: InjectionToken<WritableSignal<boolean>>;
 declare const EXTRA_ROWS: InjectionToken<WritableSignal<ExtraRowConfig[]>>;
 declare const MULTI_UNFOLD: InjectionToken<boolean>;
 declare const ROW_APPEARANCE_CONFIG: InjectionToken<RowAppearanceConfig<unknown>>;
-declare const ROW_DRAG_DROP: InjectionToken<DragDropService>;
+declare const ROW_DRAG_DROP: InjectionToken<DragDropService<unknown>>;
 declare const COLUMN_DRAG_DROP: InjectionToken<ColumnDragDropService>;
-declare const DRAG_DROP_CONFIG: InjectionToken<DragDropConfig<unknown>>;
+declare const DRAG_DROP_CONFIG: InjectionToken<DragDropConfig<unknown> | undefined>;
 declare const KLES_DRAG_DROP_ROW_CONTEXT: InjectionToken<DragDropRowContext<unknown>>;
 declare const PAGINATOR_CONFIG: InjectionToken<PaginatorConfig>;
 declare const INFINITE_SCROLL_CONFIG: InjectionToken<InfiniteScrollConfig>;
@@ -1635,7 +1637,7 @@ declare const SELECTION_SERVICE: InjectionToken<ISelectionService>;
 declare const SORT_SERVICE: InjectionToken<ISortService>;
 declare const SCROLLBAR_ORCHESTRATOR_SERVICE: InjectionToken<IScrollbarOrchestratorService>;
 declare const TABLE_SERVICE: InjectionToken<ITableService>;
-declare const EMPTY_STATE_CONFIG: InjectionToken<boolean | EmptyStateConfig>;
+declare const EMPTY_STATE_CONFIG: InjectionToken<boolean | EmptyStateConfig | undefined>;
 
 export { AlignCell, COLUMNS, COLUMN_DRAG_DROP, DATASOURCE_SERVICE, DRAG_DROP_CONFIG, EMPTY_STATE_CONFIG, EXTRA_ROWS, FOOTER, HEADER_SERVICE, INFINITE_SCROLL_CONFIG, KLES_DRAG_DROP_ROW_CONTEXT, KlesMaterialTableModule, KlesTableComponent, KlesTableEmptyStateComponent, KlesTableFooterStartDirective, KlesTableIntl, LINES_SERVICE, LOADER_CONFIG, LOADER_SERVICE, MULTI_UNFOLD, PAGINATOR_CONFIG, ROW_APPEARANCE_CONFIG, ROW_DRAG_DROP, SCROLLBAR_ORCHESTRATOR_SERVICE, SELECTION_CONFIG, SELECTION_SERVICE, SORT_CONFIG, SORT_SERVICE, Span, TABLE_SERVICE, TableComponent, linesLazyLoader, linesLoader, selectionConfig };
 export type { AggregationType, BulkActionClickPayload, CellMousePayload, CellPayload, CellValueChangePayload, ColumnApi, ColumnClass, ColumnDragDropConfig, ColumnDropPayload, ColumnOrderChangePayload, ColumnPayload, ColumnResizePayload, ColumnSeparatorConfig, ColumnSeparatorStyle, ColumnVisibilityChangePayload, DefaultTableConfig, DragDrop, DragDropConfig, DragDropRowChange, DragDropRowContext, EmptyStateApi, EmptyStateChangePayload, EmptyStateConfig, EventsApi, ExpansionPayload, ExtraRow, ExtraRowConfig, ExtraRowMode, ExtraRowWidth, FilterChangePayload, FooterApi, FooterFormApi, FormApi, FormValue, GlobalSearchPayload, HeaderFormApi, IKlesCellFieldConfig, IKlesFooterFieldConfig, IKlesHeaderFieldConfig, ITable, InfiniteScrollConfig, KlesColumnConfig, KlesExtraCellFieldConfig, KlesRowContext, KlesStyleMap, KlesStyleValue, KlesTableApi, KlesTableConfig, LinesLazyLoader, LinesLoader, LoadErrorPayload, LoadSuccessPayload, LoaderConfig, LoaderLazyResult, LoaderResult, LoadingApi, LoadingChangePayload, NgStyleInput, PageChangePayload, PaginationApi, PaginatorConfig, RenderApi, RowActionClickPayload, RowAppearanceConfig, RowClassInput, RowClassValue, RowDropErrorPayload, RowDropPayload, RowId, RowMousePayload, RowPayload, RowStyleInput, RowValidatePayload, RowsFormApi, ScrollbarApi, Selection, SelectionAllResponse, SelectionApi, SelectionChangePayload, SelectionConfig, SelectionErrorPayload, SelectionResponse, SelectionState, SortApi, SortPayload, StateChangePayload, SummaryChangePayload, TableElevationLevel, TableEvent, TableEventMap, TableEventPayload, TableEventType, TableFormValue, TreeApi, TreeNodeId, TreePayload, ValidationErrorPayload, VisibilityChangePayload };