@testgorilla/tgo-ui 11.22.2 → 12.0.0

package/types/testgorilla-tgo-ui-components-table.d.ts

@@ -1,257 +1,304 @@
-import * as _angular_material_paginator from '@angular/material/paginator';
-import { PageEvent } from '@angular/material/paginator';
-import * as i0 from '@angular/core';
-import { Type, TemplateRef, OnChanges, AfterViewInit, OnInit, EventEmitter, ElementRef, DestroyRef, SimpleChanges, PipeTransform } from '@angular/core';
-import * as i7 from '@angular/material/sort';
-import { Sort as Sort$1 } from '@angular/material/sort';
-import * as i2 from '@angular/material/table';
-import { MatTableDataSource } from '@angular/material/table';
-import { Observable, BehaviorSubject } from 'rxjs';
-import * as i9 from '@testgorilla/tgo-ui/components/core';
-import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i1 from '@angular/common';
-import * as i3 from '@angular/material/tooltip';
-import * as i4 from '@testgorilla/tgo-ui/components/skeleton';
-import * as i5 from '@testgorilla/tgo-ui/components/paginator';
-import * as i6 from '@testgorilla/tgo-ui/components/button';
-import * as i8 from '@testgorilla/tgo-ui/components/icon';
-
-interface TableConfig<T = any> {
-    columns: TableColumn<T>[];
-    pagination?: Pagination;
-    title?: string;
-    width?: number;
-    sort?: Sort;
-    hidePagination?: boolean;
-    noDataRowTpl?: TemplateRef<unknown>;
-    sortable?: boolean;
+import * as i0 from "@angular/core";
+import { AfterViewInit, DestroyRef, ElementRef, EventEmitter, OnChanges, OnInit, PipeTransform, SimpleChanges, TemplateRef, Type } from "@angular/core";
+import { PageEvent } from "@angular/material/paginator";
+import * as i7 from "@angular/material/sort";
+import { Sort as Sort$1 } from "@angular/material/sort";
+import * as i2 from "@angular/material/table";
+import { MatTableDataSource } from "@angular/material/table";
+import { BehaviorSubject, Observable } from "rxjs";
+import * as i9 from "@testgorilla/tgo-ui/components/core";
+import { ApplicationTheme, ApplicationTheme as ApplicationTheme$1 } from "@testgorilla/tgo-ui/components/core";
+import * as i1 from "@angular/common";
+import * as i3 from "@angular/material/tooltip";
+import * as i4 from "@testgorilla/tgo-ui/components/skeleton";
+import * as i5 from "@testgorilla/tgo-ui/components/paginator";
+import * as i6 from "@testgorilla/tgo-ui/components/button";
+import * as i8 from "@testgorilla/tgo-ui/components/icon";
+export interface TableConfig<T = any> {
+  columns: TableColumn<T>[];
+  pagination?: Pagination;
+  title?: string;
+  width?: number;
+  sort?: Sort;
+  hidePagination?: boolean;
+  noDataRowTpl?: TemplateRef<unknown>;
+  sortable?: boolean;
 }
-interface TableConfigWithPagination<T> extends TableConfig<T> {
-    pagination?: Pagination;
+export interface TableConfigWithPagination<T> extends TableConfig<T> {
+  pagination?: Pagination;
 }
-interface TableColumn<T = any> {
-    title?: string;
-    key: string;
-    allowMultiline?: boolean;
-    bold?: boolean;
-    showTooltip?: boolean;
-    tooltip?: string;
-    allowSort?: boolean;
-    isSticky?: boolean;
-    headerCellTemplate?: TemplateRef<unknown>;
-    rowCellTemplate?: TemplateRef<unknown>;
-    rowCellTemplateClick?: () => void;
-    sortHeader?: string;
-    hidden?: boolean;
-    order?: number;
-    fontSize?: '12px' | '14px';
-    field?: string;
-    type?: ColumnType;
-    function?: (v: T) => string;
-    renderer?: (v: T) => ComponentRenderer | string;
-    styles?: ColumnStyles;
-    sortStart?: SortDirection;
-    uniqueId?: string;
+export interface TableColumn<T = any> {
+  title?: string;
+  key: string;
+  allowMultiline?: boolean;
+  bold?: boolean;
+  showTooltip?: boolean;
+  tooltip?: string;
+  allowSort?: boolean;
+  isSticky?: boolean;
+  headerCellTemplate?: TemplateRef<unknown>;
+  rowCellTemplate?: TemplateRef<unknown>;
+  rowCellTemplateClick?: () => void;
+  sortHeader?: string;
+  hidden?: boolean;
+  order?: number;
+  fontSize?: '12px' | '14px';
+  field?: string;
+  type?: ColumnType;
+  function?: (v: T) => string;
+  renderer?: (v: T) => ComponentRenderer | string;
+  styles?: ColumnStyles;
+  sortStart?: SortDirection;
+  uniqueId?: string;
 }
-interface Pagination {
-    itemsPerPageOptions: number[];
-    itemsPerPage: number;
-    currentPage: number;
-    totalItems: number;
+export interface Pagination {
+  itemsPerPageOptions: number[];
+  itemsPerPage: number;
+  currentPage: number;
+  totalItems: number;
 }
-type TableData = Record<string, unknown>[];
-interface ColumnEllipse {
-    index: number;
-    showTooltip: boolean;
+export type TableData = Record<string, unknown>[];
+export interface ColumnEllipse {
+  index: number;
+  showTooltip: boolean;
 }
-interface Sort {
-    active: string;
-    direction: SortDirection;
-    defaultSortStart?: SortDirection;
+export interface Sort {
+  active: string;
+  direction: SortDirection;
+  defaultSortStart?: SortDirection;
 }
-type SortDirection = 'asc' | 'desc' | '';
-interface TableDetailColumn<T, TDetail> {
-    columnDefs: TableColumn<TDetail>[];
-    setDetailRowData: (params: DetailRowDataParams<T, TDetail>) => void;
+export type SortDirection = 'asc' | 'desc' | '';
+export interface TableDetailColumn<T, TDetail> {
+  columnDefs: TableColumn<TDetail>[];
+  setDetailRowData: (params: DetailRowDataParams<T, TDetail>) => void;
 }
-interface DetailRowDataParams<T, TDetail> {
-    data: T;
-    setDetailDataSource(rowData: TDetail[]): void;
+export interface DetailRowDataParams<T, TDetail> {
+  data: T;
+  setDetailDataSource(rowData: TDetail[]): void;
 }
-declare enum ColumnType {
-    FIELD = "field",
-    FUNCTION = "function",
-    RENDERER = "renderer"
+export declare enum ColumnType {
+  FIELD = "field",
+  FUNCTION = "function",
+  RENDERER = "renderer"
 }
-interface ComponentRenderer {
-    component: Type<unknown>;
-    inputs?: Record<string, unknown>;
-    outputs?: {
-        [key: string]: (event: unknown) => void;
-    };
+export interface ComponentRenderer {
+  component: Type<unknown>;
+  inputs?: Record<string, unknown>;
+  outputs?: {
+    [key: string]: (event: unknown) => void;
+  };
 }
-interface ColumnStyles {
-    alignment?: ColumnAlignment;
-    width?: string;
-    'min-width'?: string;
-    padding?: string;
+export interface ColumnStyles {
+  alignment?: ColumnAlignment;
+  width?: string;
+  'min-width'?: string;
+  padding?: string;
 }
-declare enum ColumnAlignment {
-    LEFT = "left",
-    RIGHT = "right",
-    CENTER = "center"
+export declare enum ColumnAlignment {
+  LEFT = "left",
+  RIGHT = "right",
+  CENTER = "center"
 }
-declare enum ColumnTypeEnum {
-    FIELD = "field",
-    FUNCTION = "function",
-    RENDERER = "renderer"
+export declare enum ColumnTypeEnum {
+  FIELD = "field",
+  FUNCTION = "function",
+  RENDERER = "renderer"
 }
-declare enum ColumnAlignmentEnum {
-    LEFT = "left",
-    RIGHT = "right",
-    CENTER = "center"
+export declare enum ColumnAlignmentEnum {
+  LEFT = "left",
+  RIGHT = "right",
+  CENTER = "center"
 }
-type DataSource = {
-    [key: string]: unknown;
+export type DataSource = {
+  [key: string]: unknown;
 };
-type ScrollSettings = {
-    scrollEnd: boolean;
-    horizontalScroll: boolean;
-    scrollStart: boolean;
+export type ScrollSettings = {
+  scrollEnd: boolean;
+  horizontalScroll: boolean;
+  scrollStart: boolean;
 };
-
-declare class TableComponent<T extends DataSource, TDetail extends DataSource> implements OnChanges, AfterViewInit, OnInit {
-    private readonly defaultAppTheme;
-    private readonly destroyRef;
-    protected readonly isMobile$: Observable<boolean>;
-    /**
-     * Table configuration
-     *
-     * @type {TableConfig}
-     * @memberof TableComponent
-     */
-    config: TableConfigWithPagination<T>;
-    /**
-     * Input property for providing the table data.
-     *
-     * @type {TableData}
-     * @memberof TableComponent
-     */
-    data: TableData;
-    /**
-     * Input property indicating whether the table is in a loading state.
-     *
-     * @type {boolean}
-     * @memberof TableComponent
-     * @default false
-     */
-    loading: boolean;
-    /**
-     *
-     * Defines the application theme
-     * @type {ApplicationTheme}
-     * @memberof TableComponent
-     */
-    applicationTheme: ApplicationTheme;
-    /**
-     * Data structure to select which columns should be rendered and their capabilities
-     *
-     * @type {TableDetailColumn}
-     * @memberof TableComponent
-     */
-    tableDetailColumns: TableDetailColumn<T, TDetail>;
-    tableDetails: boolean;
-    /**
-     * Disable border radius for table
-     *
-     * @type {boolean}
-     * @memberof TableComponent
-     */
-    disableBorderRadius: boolean;
-    /**
-     * Condensed table
-     *
-     * @type {boolean}
-     * @memberof TableComponent
-     */
-    isCondensed: boolean;
-    /**
-     * Sticky header
-     *
-     * @type {boolean}
-     * @memberof TableComponent
-     */
-    stickyHeader: boolean;
-    /**
-     * Max height
-     *
-     * @type {string}
-     * @memberof TableComponent
-     */
-    maxHeight: string;
-    testId: string | null;
-    ariaLabel: string;
-    onRowClickEvent: EventEmitter<T & {
-        index: number;
-    }>;
-    onDetailRowClickEvent: EventEmitter<TDetail>;
-    paginatorChange: EventEmitter<PageEvent>;
-    sortChange: EventEmitter<Sort$1>;
-    table: ElementRef<HTMLElement>;
-    protected tableData: TableData;
-    protected sourceData: TableData;
-    protected columnsTooltipState: ColumnEllipse[];
-    protected tableConfig: TableConfigWithPagination<T>;
-    protected displayedColumns: string[];
-    protected columnsDetailToDisplay: string[];
-    protected skeletonStyleConfig: {
-        background: string;
-        'border-radius': string;
-        height: string;
+export declare class TableComponent<T extends DataSource, TDetail extends DataSource> implements OnChanges, AfterViewInit, OnInit {
+  private readonly defaultAppTheme;
+  private readonly destroyRef;
+  protected readonly isMobile$: Observable<boolean>;
+  /**
+   * Table configuration
+   *
+   * @type {TableConfig}
+   * @memberof TableComponent
+   */
+  config: TableConfigWithPagination<T>;
+  /**
+   * Input property for providing the table data.
+   *
+   * @type {TableData}
+   * @memberof TableComponent
+   */
+  data: TableData;
+  /**
+   * Input property indicating whether the table is in a loading state.
+   *
+   * @type {boolean}
+   * @memberof TableComponent
+   * @default false
+   */
+  loading: boolean;
+  /**
+   *
+   * Defines the application theme
+   * @type {ApplicationTheme}
+   * @memberof TableComponent
+   */
+  applicationTheme: ApplicationTheme$1;
+  /**
+   * Data structure to select which columns should be rendered and their capabilities
+   *
+   * @type {TableDetailColumn}
+   * @memberof TableComponent
+   */
+  tableDetailColumns: TableDetailColumn<T, TDetail>;
+  tableDetails: boolean;
+  /**
+   * Disable border radius for table
+   *
+   * @type {boolean}
+   * @memberof TableComponent
+   */
+  disableBorderRadius: boolean;
+  /**
+   * Condensed table
+   *
+   * @type {boolean}
+   * @memberof TableComponent
+   */
+  isCondensed: boolean;
+  /**
+   * Sticky header
+   *
+   * @type {boolean}
+   * @memberof TableComponent
+   */
+  stickyHeader: boolean;
+  /**
+   * Max height
+   *
+   * @type {string}
+   * @memberof TableComponent
+   */
+  maxHeight: string;
+  testId: string | null;
+  ariaLabel: string;
+  onRowClickEvent: EventEmitter<T & {
+    index: number;
+  }>;
+  onDetailRowClickEvent: EventEmitter<TDetail>;
+  paginatorChange: EventEmitter<PageEvent>;
+  sortChange: EventEmitter<Sort$1>;
+  table: ElementRef<HTMLElement>;
+  protected tableData: TableData;
+  protected sourceData: TableData;
+  protected columnsTooltipState: ColumnEllipse[];
+  protected tableConfig: TableConfigWithPagination<T>;
+  protected displayedColumns: string[];
+  protected columnsDetailToDisplay: string[];
+  protected skeletonStyleConfig: {
+    background: string;
+    'border-radius': string;
+    height: string;
+  };
+  protected dataSourceDetail: MatTableDataSource<TDetail, import("@angular/material/paginator").MatPaginator>;
+  protected elementDetail: T | null;
+  protected readonly DataType: typeof ColumnType;
+  protected scrollSettings$: BehaviorSubject<ScrollSettings>;
+  constructor(defaultAppTheme: ApplicationTheme$1, destroyRef: DestroyRef, isMobile$: Observable<boolean>);
+  ngOnInit(): void;
+  ngAfterViewInit(): void;
+  ngOnChanges(changes: SimpleChanges): void;
+  hasTableScroll(): void;
+  callRenderer([rendererFn, element]: [(v: T) => ComponentRenderer | string, T]): ComponentRenderer | string | undefined;
+  protected onPaginatorChange(event: PageEvent): void;
+  protected onChangeColumnSize(columnIndex: number, showTooltip: boolean): void;
+  protected onSortChange(sortState: Sort$1, emitEvent?: boolean): void;
+  protected onRowClick(rowParams: T, rowIndex: number): void;
+  protected onDetailRowClick(rowParams: TDetail): void;
+  protected toggleRow(element: T): void;
+  private setTableDetailDataSource;
+  private setTableConfig;
+  private setTableData;
+  private readonly defaultPaginationConfig;
+  trackColumnUniqueId: (index: number, column: TableColumn<T>) => string;
+  static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any, any>, [{
+    optional: true;
+  }, null, null]>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-table", never, {
+    "config": {
+      "alias": "config";
+      "required": true;
+    };
+    "data": {
+      "alias": "data";
+      "required": false;
+    };
+    "loading": {
+      "alias": "loading";
+      "required": false;
+    };
+    "applicationTheme": {
+      "alias": "applicationTheme";
+      "required": false;
+    };
+    "tableDetailColumns": {
+      "alias": "tableDetailColumns";
+      "required": false;
+    };
+    "tableDetails": {
+      "alias": "tableDetails";
+      "required": false;
+    };
+    "disableBorderRadius": {
+      "alias": "disableBorderRadius";
+      "required": false;
+    };
+    "isCondensed": {
+      "alias": "isCondensed";
+      "required": false;
+    };
+    "stickyHeader": {
+      "alias": "stickyHeader";
+      "required": false;
+    };
+    "maxHeight": {
+      "alias": "maxHeight";
+      "required": false;
+    };
+    "testId": {
+      "alias": "testId";
+      "required": false;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
     };
-    protected dataSourceDetail: MatTableDataSource<TDetail, _angular_material_paginator.MatPaginator>;
-    protected elementDetail: T | null;
-    protected readonly DataType: typeof ColumnType;
-    protected scrollSettings$: BehaviorSubject<ScrollSettings>;
-    constructor(defaultAppTheme: ApplicationTheme, destroyRef: DestroyRef, isMobile$: Observable<boolean>);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    hasTableScroll(): void;
-    callRenderer([rendererFn, element]: [(v: T) => ComponentRenderer | string, T]): ComponentRenderer | string | undefined;
-    protected onPaginatorChange(event: PageEvent): void;
-    protected onChangeColumnSize(columnIndex: number, showTooltip: boolean): void;
-    protected onSortChange(sortState: Sort$1, emitEvent?: boolean): void;
-    protected onRowClick(rowParams: T, rowIndex: number): void;
-    protected onDetailRowClick(rowParams: TDetail): void;
-    protected toggleRow(element: T): void;
-    private setTableDetailDataSource;
-    private setTableConfig;
-    private setTableData;
-    private readonly defaultPaginationConfig;
-    trackColumnUniqueId: (index: number, column: TableColumn<T>) => string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any, any>, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-table", never, { "config": { "alias": "config"; "required": true; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "tableDetailColumns": { "alias": "tableDetailColumns"; "required": false; }; "tableDetails": { "alias": "tableDetails"; "required": false; }; "disableBorderRadius": { "alias": "disableBorderRadius"; "required": false; }; "isCondensed": { "alias": "isCondensed"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; "paginatorChange": "paginatorChange"; "sortChange": "sortChange"; }, never, ["[title-actions]"], true, never>;
+  }, {
+    "onRowClickEvent": "onRowClickEvent";
+    "onDetailRowClickEvent": "onDetailRowClickEvent";
+    "paginatorChange": "paginatorChange";
+    "sortChange": "sortChange";
+  }, never, ["[title-actions]"], true, never>;
 }
-
-declare class SentenceCasePipe implements PipeTransform {
-    transform(value: string | undefined): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SentenceCasePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<SentenceCasePipe, "sentencecase", true>;
+export declare class SentenceCasePipe implements PipeTransform {
+  transform(value: string | undefined): string;
+  static ɵfac: i0.ɵɵFactoryDeclaration<SentenceCasePipe, never>;
+  static ɵpipe: i0.ɵɵPipeDeclaration<SentenceCasePipe, "sentencecase", true>;
 }
-
-declare class TableComponentModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, never, [typeof i1.CommonModule, typeof i2.MatTableModule, typeof i3.MatTooltipModule, typeof i4.SkeletonComponent, typeof i5.PaginatorComponentModule, typeof i6.ButtonComponentModule, typeof i7.MatSortModule, typeof i8.IconComponentModule, typeof i9.EllipseTextDirective, typeof i9.DynamicComponentDirective, typeof i9.DataPropertyGetterPipe, typeof i9.MemoizeFuncPipe, typeof TableComponent, typeof SentenceCasePipe], [typeof TableComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TableComponentModule>;
+export declare class TableComponentModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<TableComponentModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, never, [typeof i1.CommonModule, typeof i2.MatTableModule, typeof i3.MatTooltipModule, typeof i4.SkeletonComponent, typeof i5.PaginatorComponentModule, typeof i6.ButtonComponentModule, typeof i7.MatSortModule, typeof i8.IconComponentModule, typeof i9.EllipseTextDirective, typeof i9.DynamicComponentDirective, typeof i9.DataPropertyGetterPipe, typeof i9.MemoizeFuncPipe, typeof TableComponent, typeof SentenceCasePipe], [typeof TableComponent]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<TableComponentModule>;
 }
-
 /**
  * Sorting table columns by order value if set.
  * The rest columns keep the same ordering and displayed after the sorted ones.
  */
-declare const sortByOrder: <T>(columns: TableColumn<T>[]) => TableColumn<T>[];
-
-export { ColumnAlignment, ColumnAlignmentEnum, ColumnType, ColumnTypeEnum, SentenceCasePipe, TableComponent, TableComponentModule, sortByOrder };
-export type { ColumnEllipse, ColumnStyles, ComponentRenderer, DataSource, DetailRowDataParams, Pagination, ScrollSettings, Sort, SortDirection, TableColumn, TableConfig, TableConfigWithPagination, TableData, TableDetailColumn };
+export declare const sortByOrder: <T>(columns: TableColumn<T>[]) => TableColumn<T>[];
+export { ApplicationTheme };