taiga-family · splincode · Sep 16, 2022 · Sep 16, 2022
@@ -3,7 +3,7 @@ import {Directive, Inject, Input, TemplateRef} from '@angular/core';
 @Directive({
     selector: `[tuiHead]`,
 })
-export class TuiHeadDirective<T extends Record<keyof T, any>> {
+export class TuiHeadDirective<T extends Partial<Record<keyof T, any>>> {
     @Input()
     tuiHead!: keyof T;
 

@@ -5,7 +5,7 @@ import {tuiDefaultProp} from '@taiga-ui/cdk';
 @Directive({
     selector: `ng-template[tuiRow]`,
 })
-export class TuiRowDirective<T extends Record<keyof T, any>> {
+export class TuiRowDirective<T extends Partial<Record<keyof T, any>>> {
     @Input()
     @tuiDefaultProp()
     tuiRowOf: readonly T[] = [];

@@ -16,7 +16,7 @@ import {TuiTableDirective} from './table.directive';
 @Directive({
     selector: `table[tuiTable][tuiSortBy]`,
 })
-export class TuiSortByDirective<T extends Record<keyof T, any>> {
+export class TuiSortByDirective<T extends Partial<Record<keyof T, any>>> {
     @ContentChildren(TuiSortableDirective, {descendants: true})
     private readonly sortables: QueryList<TuiSortableDirective<T>> = EMPTY_QUERY;
 

@@ -8,7 +8,7 @@ import {TuiTableDirective} from './table.directive';
 @Directive({
     selector: `th[tuiTh][tuiSortable]`,
 })
-export class TuiSortableDirective<T extends Record<keyof T, any>>
+export class TuiSortableDirective<T extends Partial<Record<keyof T, any>>>
     implements DoCheck, OnInit
 {
     constructor(

@@ -26,7 +26,7 @@ import {TUI_TABLE_PROVIDERS} from '../providers/table.providers';
     },
 })
 export class TuiTableDirective<
-    T extends Record<keyof T, any>,
+    T extends Partial<Record<keyof T, any>>,
 > extends AbstractTuiController {
     @Input()
     @tuiDefaultProp()

@@ -8,7 +8,9 @@ import {TuiTableDirective} from '../directives/table.directive';
     name: `tuiTableSort`,
     pure: false,
 })
-export class TuiTableSortPipe<T extends Record<keyof T, any>> implements PipeTransform {
+export class TuiTableSortPipe<T extends Partial<Record<keyof T, any>>>
+    implements PipeTransform
+{
     constructor(
         @Inject(TuiTableDirective) private readonly table: TuiTableDirective<T>,
     ) {}

@@ -26,7 +26,7 @@ import {TuiTrComponent} from '../tr/tr.component';
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: TUI_TABLE_PROVIDER,
 })
-export class TuiTbodyComponent<T extends Record<keyof T, any>> {
+export class TuiTbodyComponent<T extends Partial<Record<keyof T, any>>> {
     @Input()
     @tuiDefaultProp()
     data: readonly T[] = [];

@@ -23,7 +23,7 @@ import {TuiThComponent} from '../th/th.component';
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [TUI_TABLE_PROVIDER],
 })
-export class TuiThGroupComponent<T extends Record<keyof T, any>>
+export class TuiThGroupComponent<T extends Partial<Record<keyof T, any>>>
     implements AfterContentInit
 {
     @ContentChild(forwardRef(() => TuiThComponent))

@@ -28,7 +28,7 @@ import {TuiTableDirective} from '../directives/table.directive';
         },
     ],
 })
-export class TuiThComponent<T extends Record<keyof T, any>> {
+export class TuiThComponent<T extends Partial<Record<keyof T, any>>> {
     @Input()
     @tuiDefaultProp()
     sorter: TuiComparator<T> | null = this.head

@@ -20,7 +20,7 @@ import {TuiTbodyComponent} from '../tbody/tbody.component';
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [TUI_TABLE_PROVIDER],
 })
-export class TuiTrComponent<T extends Record<keyof T, any>> {
+export class TuiTrComponent<T extends Partial<Record<keyof T, any>>> {
     @ContentChildren(forwardRef(() => TuiCellDirective))
     private readonly cells: QueryList<TuiCellDirective> = EMPTY_QUERY;