carbon-components-angular 3.16.3 → 3.17.3

package/table/table.component.d.ts

@@ -18,11 +18,12 @@
  */
 
 
-import { ApplicationRef, EventEmitter, ElementRef, AfterViewInit, TemplateRef } from "@angular/core";
+import { ApplicationRef, EventEmitter, ElementRef, AfterViewInit, TemplateRef, OnDestroy } from "@angular/core";
 import { Subscription, Observable } from "rxjs";
 import { TableModel } from "./table.module";
 import { TableItem } from "./table-item.class";
 import { I18n, Overridable } from "./../i18n/i18n.module";
+import { DataGridInteractionModel } from "./data-grid-interaction-model.class";
 export interface TableTranslations {
     FILTER: string;
     END_OF_DATA: string;
@@ -173,12 +174,8 @@ export interface TableTranslations {
  * ```
  *
  * <example-url>../../iframe.html?id=table--basic</example-url>
- *
- * @export
- * @class Table
- * @implements {AfterContentChecked}
  */
-export declare class Table implements AfterViewInit {
+export declare class Table implements AfterViewInit, OnDestroy {
     protected elementRef: ElementRef;
     protected applicationRef: ApplicationRef;
     protected i18n: I18n;
@@ -190,16 +187,16 @@ export declare class Table implements AfterViewInit {
      * ```typescript
      * this.model = Table.skeletonModel(5, 5);
      * ```
-     *
-     * @param {number} rowCount
-     * @param {number} columnCount
      */
     static skeletonModel(rowCount: number, columnCount: number): TableModel;
     static setTabIndex(element: HTMLElement, index: -1 | 0): void;
+    static focus(element: HTMLElement): void;
+    /**
+     * `TableModel` with data the table is to display.
+     */
+    model: TableModel;
     /**
      * Size of the table rows.
-     *
-     * @type {("sm" | "sh" | "md" | "lg")}
      */
     size: "sm" | "sh" | "md" | "lg";
     /**
@@ -210,37 +207,25 @@ export declare class Table implements AfterViewInit {
      * Set to `true` for a data grid with keyboard interactions.
      */
     isDataGrid: boolean;
-    /**
-     * `TableModel` with data the table is to display.
-     *
-     * @type {TableModel}
-     */
-    model: TableModel;
     /**
      * Controls whether to show the selection checkboxes column or not.
      *
-     * @deprecated in the next major carbon-components-angular version in favour of
+     * @deprecated in the next major carbon-components-angular version in favor of
      * `showSelectionColumn` because of new attribute `enableSingleSelect`
      *  please use `showSelectionColumn` instead
      */
     enableRowSelect: boolean;
     /**
      * Controls whether to show the selection checkboxes column or not.
-     *
-     * @type {boolean}
      */
     showSelectionColumn: boolean;
     /**
      * Controls whether to enable multiple or single row selection.
-     *
-     * @type {boolean}
      */
     enableSingleSelect: boolean;
     /**
      * Distance (in px) from the bottom that view has to reach before
      * `scrollLoad` event is emitted.
-     *
-     * @type {number}
      */
     scrollLoadDistance: number;
     /**
@@ -274,27 +259,8 @@ export declare class Table implements AfterViewInit {
      * ```
      */
     translations: any;
-    checkboxHeaderLabel: Overridable;
-    checkboxRowLabel: Overridable;
-    endOfDataText: Overridable;
-    scrollTopText: Overridable;
-    filterTitle: Overridable;
-    /**
-     * Controls if all checkboxes are viewed as selected.
-     *
-     * @type {boolean}
-     */
-    selectAllCheckbox: boolean;
-    /**
-     * Controls the indeterminate state of the header checkbox.
-     *
-     * @type {boolean}
-     */
-    selectAllCheckboxSomeSelected: boolean;
     /**
      * Set to `false` to remove table rows (zebra) stripes.
-     *
-     * @type {boolean}
      */
     striped: boolean;
     /**
@@ -324,79 +290,81 @@ export declare class Table implements AfterViewInit {
     /**
      * Emits if all rows are selected.
      *
-     * @param {TableModel} model
+     * @param model
      */
     selectAll: EventEmitter<Object>;
     /**
      * Emits if all rows are deselected.
      *
-     * @param {TableModel} model
+     * @param model
      */
     deselectAll: EventEmitter<Object>;
     /**
      * Emits if a single row is selected.
      *
-     * @param {Object} ({model: this.model, selectedRowIndex: index})
+     * @param ({model: this.model, selectedRowIndex: index})
      */
     selectRow: EventEmitter<Object>;
     /**
      * Emits if a single row is deselected.
      *
-     * @param {Object} ({model: this.model, deselectedRowIndex: index})
+     * @param ({model: this.model, deselectedRowIndex: index})
      */
     deselectRow: EventEmitter<Object>;
     /**
      * Emits when table requires more data to be loaded.
-     *
-     * @param {TableModel} model
      */
     scrollLoad: EventEmitter<TableModel>;
+    /**
+     * Controls if all checkboxes are viewed as selected.
+     */
+    selectAllCheckbox: boolean;
+    /**
+     * Controls the indeterminate state of the header checkbox.
+     */
+    selectAllCheckboxSomeSelected: boolean;
     readonly noData: boolean;
-    columnIndex: number;
     isColumnDragging: boolean;
     columnDraggedHoverIndex: number;
     columnDraggedPosition: string;
     protected _model: TableModel;
+    protected _isDataGrid: boolean;
+    protected isViewReady: boolean;
+    protected subscriptions: Subscription;
+    protected positionSubscription: Subscription;
+    protected interactionModel: DataGridInteractionModel;
+    protected interactionPositionSubscription: Subscription;
     protected _expandButtonAriaLabel: Overridable;
     protected _sortDescendingLabel: Overridable;
     protected _sortAscendingLabel: Overridable;
+    protected _checkboxHeaderLabel: Overridable;
+    protected _checkboxRowLabel: Overridable;
+    protected _endOfDataText: Overridable;
+    protected _scrollTopText: Overridable;
+    protected _filterTitle: Overridable;
     protected columnResizeWidth: number;
     protected columnResizeMouseX: number;
     protected mouseMoveSubscription: Subscription;
     protected mouseUpSubscription: Subscription;
     /**
      * Creates an instance of Table.
-     *
-     * @param {ApplicationRef} applicationRef
      */
     constructor(elementRef: ElementRef, applicationRef: ApplicationRef, i18n: I18n);
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    enableDataGridInteractions(): void;
+    disableDataGridInteractions(): void;
+    onSelectAll(): void;
+    onDeselectAll(): void;
+    onSelectRow(event: any): void;
+    updateSelectAllCheckbox(): void;
+    resetTabIndex(newTabIndex?: number): void;
     columnResizeStart(event: any, column: any): void;
     columnResizeProgress(event: any, column: any): void;
     columnResizeEnd(event: any, column: any): void;
-    onRowSelect(index: number): void;
-    updateSelectAllCheckbox(): void;
-    /**
-     * Triggered whenever the header checkbox is clicked.
-     * Updates all the checkboxes in the table view.
-     * Emits the `selectAll` or `deselectAll` event.
-     *
-     */
-    onSelectAllCheckboxChange(): void;
-    /**
-     * Triggered when a single row is clicked.
-     * Updates the header checkbox state.
-     * Emits the `selectRow` or `deselectRow` event.
-     *
-     * @param {number} index
-     * @returns
-     */
-    onRowCheckboxChange(index: number): void;
     /**
      * Triggered when the user scrolls on the `<tbody>` element.
      * Emits the `scrollLoad` event.
-     *
-     * @param {any} event
      */
     onScroll(event: any): void;
     columnDragStart(event: any, columnIndex: any): void;
@@ -405,24 +373,20 @@ export declare class Table implements AfterViewInit {
     columnDragLeave(event: any, position: any, columnIndex: any): void;
     columnDragover(event: any, position: any, columnIndex: any): void;
     columnDrop(event: any, position: any, columnIndex: any): void;
-    readonly scrollbarWidth: number;
-    firstExpandedDataInRow(row: any): any;
-    firstExpandedTemplateInRow(row: any): any;
     /**
      * Triggered when the user scrolls on the `<tbody>` element.
      * Emits the `scrollLoad` event.
-     *
-     * @param {any} event
      */
     scrollToTop(event: any): void;
-    handleTabIndex(): void;
-    setIndex(columnIndex: any): void;
-    setCheckboxIndex(): void;
-    setExpandIndex(event: any): void;
     getSelectionLabelValue(row: TableItem[]): {
         value: any;
     };
     getExpandButtonAriaLabel(): Observable<string>;
     getSortDescendingLabel(): Observable<string>;
     getSortAscendingLabel(): Observable<string>;
+    getCheckboxHeaderLabel(): Observable<string>;
+    getCheckboxRowLabel(): Observable<string>;
+    getEndOfDataText(): Observable<string>;
+    getScrollTopText(): Observable<string>;
+    getFilterTitle(): Observable<string>;
 }