@sme.up/ketchup 8.0.2 → 8.2.0

package/dist/types/components/kup-data-table/kup-data-table.d.ts

@@ -1,444 +1,452 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { GroupLabelDisplayMode, GroupObject, LoadMoreMode, PaginatorPos, ShowGrid, SortObject, TotalsMap, SelectionMode, KupDatatableRowSelectedEventPayload, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableRowActionClickEventPayload, KupDatatableLoadMoreClickEventPayload, KupDatatableColumnRemoveEventPayload, KupDatatableColumnMoveEventPayload, KupDataTableDataset, KupDataTableRow, KupDatatableDeleteRowEventPayload, KupDatatableInsertRowEventPayload, KupDataTableInsertMode } from './kup-data-table-declarations';
-import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
-import { KupDataTableState } from './kup-data-table-state';
-import { KupStore } from '../kup-state/kup-store';
-import { GenericFilter, ValueDisplayedValue } from '../../utils/filters/filters-declarations';
-import { FCellPadding } from '../../f-components/f-cell/f-cell-declarations';
-import { KupDataColumn, KupDataNewColumnOptions, KupDataNewColumnTypes, KupDataRowAction } from '../../managers/kup-data/kup-data-declarations';
-export declare class KupDataTable {
-  #private;
-  stateId: string;
-  store: KupStore;
-  state: KupDataTableState;
-  initWithPersistedState(): void;
-  persistState(): void;
-  rootElement: HTMLElement;
-  /**
-   * When true and when a row is missing some columns, the missing cells will be autogenerated.
-   * @default false
-   */
-  autoFillMissingCells: boolean;
-  /**
-   * Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization
-   */
-  customStyle: string;
-  /**
-   * The data of the table.
-   */
-  data: KupDataTableDataset;
-  /**
-   * The density of the rows, defaults at 'medium' and can be also set to 'large' or 'small'.
-   */
-  density: FCellPadding;
-  /**
-   * Enables drag.
-   */
-  dragEnabled: boolean;
-  /**
-   * Enables drop.
-   */
-  dropEnabled: boolean;
-  /**
-   * When set to true, editable cells will be rendered using input components.
-   * @default false
-   */
-  editableData: boolean;
-  /**
-   * Defines the label to show when the table is empty.
-   */
-  emptyDataLabel: string;
-  /**
-   * Enables the choice to set formulas on columns by dragging them into different columns.
-   * @default true
-   */
-  enableColumnsFormula: boolean;
-  /**
-   * Enables the extracolumns add buttons.
-   */
-  enableExtraColumns: boolean;
-  /**
-   * Enables the merging of columns by dragging them into different columns.
-   * @default true
-   */
-  enableMergeColumns: boolean;
-  /**
-   * Enables the sorting of columns by dragging them into different columns.
-   */
-  enableSortableColumns: boolean;
-  /**
-   * Expands groups when set to true.
-   */
-  expandGroups: boolean;
-  /**
-   * List of filters set by the user.
-   */
-  filters: GenericFilter;
-  /**
-   * Fixes the given number of columns so that they stay visible when horizontally scrolling the data-table.
-   * If grouping is active or the value of the prop is <= 0, this prop will have no effect.
-   * Can be combined with fixedRows.
-   * @see fixedRows
-   */
-  fixedColumns: number;
-  /**
-   * Fixes the given number of rows so that they stay visible when vertically scrolling the data-table.
-   * If grouping is active or the value of the prop is <= 0, this prop will have no effect.
-   * Can be combined with fixedColumns.
-   * @see fixedColumns
-   */
-  fixedRows: number;
-  /**
-   * Forces cells with long text and a fixed column size to have an ellipsis set on their text.
-   * The reflect attribute is mandatory to allow styling.
-   */
-  forceOneLine: boolean;
-  /**
-   * When set to true it activates the global filter.
-   */
-  globalFilter: boolean;
-  /**
-   * The value of the global filter.
-   */
-  globalFilterValue: string;
-  /**
-   * How the label of a group must be displayed.
-   * For available values [see here]{@link GroupLabelDisplayMode}
-   */
-  groupLabelDisplay: GroupLabelDisplayMode;
-  /**
-   * The list of groups.
-   */
-  groups: Array<GroupObject>;
-  /**
-   * When set to true the header will stick on top of the table when scrolling.
-   */
-  headerIsPersistent: boolean;
-  /**
-   * Enables insert mode.
-   * @default '''
-   */
-  insertMode: KupDataTableInsertMode;
-  /**
-   * When set to true, clicked-on rows will have a visual feedback.
-   * @default false
-   */
-  isFocusable: boolean;
-  /**
-   * When set to true, extra rows will be automatically loaded once the last row enters the viewport. When groups are present, the number of rows is referred to groups and not to their content. Paginator is disabled.
-   */
-  lazyLoadRows: boolean;
-  /**
-   * Defines the placeholder character which will be replaced by a line break inside table header cells, normal or sticky.
-   */
-  lineBreakCharacter: string;
-  /**
-   * Sets a maximum limit of new records which can be required by the load more functionality.
-   */
-  loadMoreLimit: number;
-  /**
-   * Establish the modality of how many new records will be downloaded.
-   *
-   * This property is regulated also by loadMoreStep.
-   * @see loadMoreStep
-   * @see loadMoreLimit
-   */
-  loadMoreMode: LoadMoreMode;
-  /**
-   * The number of records which will be requested to be downloaded when clicking on the load more button.
-   *
-   * This property is regulated also by loadMoreMode.
-   * @see loadMoreMode
-   * @see loadMoreLimit
-   */
-  loadMoreStep: number;
-  /**
-   * Current selected page set on component load
-   */
-  pageSelected: number;
-  /**
-   * Sets the position of the paginator. Available positions: top, bottom or both.
-   */
-  paginatorPos: PaginatorPos;
-  /**
-   * Sets the possibility to remove the selected column.
-   */
-  removableColumns: boolean;
-  /**
-   * Gives the possibility to resize columns by dragging on their right edge.
-   */
-  resizableColumns: boolean;
-  /**
-   * Sets the actions of the rows.
-   */
-  rowActions: Array<KupDataRowAction>;
-  /**
-   * Sets the number of rows per page to display.
-   */
-  rowsPerPage: number;
-  /**
-   * Activates the scroll on hover function.
-   */
-  scrollOnHover: boolean;
-  /**
-   * Set the type of the rows selection.
-   */
-  selection: SelectionMode;
-  /**
-   * If set to true, displays the button to open the customization panel.
-   */
-  showCustomization: boolean;
-  /**
-   * Enables the delete row button.
-   */
-  showDeleteButton: boolean;
-  /**
-   * When set to true enables the column filters.
-   */
-  showFilters: boolean;
-  /**
-   * When set to true shows the footer.
-   */
-  showFooter: boolean;
-  /**
-   * Can be used to customize the grid view of the table.
-   */
-  showGrid: ShowGrid;
-  /**
-   * When set to true enables the column grouping.
-   */
-  showGroups: boolean;
-  /**
-   * Enables rendering of the table header.
-   * @namespace KupDataTable.showHeader
-   */
-  showHeader: boolean;
-  /**
-   * If set to true, displays the button to load more records.
-   */
-  showLoadMore: boolean;
-  /**
-   * Defines the current sorting options.
-   */
-  sort: Array<SortObject>;
-  /**
-   * If set to true, when a column is dragged to be sorted, the component directly mutates the data.columns property
-   * and then fires the event
-   */
-  sortableColumnsMutateData: boolean;
-  /**
-   * When set to true enables the sorting of the columns by clicking on the column header.
-   */
-  sortEnabled: boolean;
-  /**
-   * Sets the height of the table.
-   */
-  tableHeight: string;
-  /**
-   * Sets the width of the table.
-   */
-  tableWidth: string;
-  /**
-   * Defines the current totals options
-   */
-  totals: TotalsMap;
-  /**
-   * Transposes the data of the data table
-   */
-  transpose: boolean;
-  private lazyLoadCells;
-  private currentPage;
-  private currentRowsPerPage;
-  private selectedRows;
-  private selectedColumn;
-  private columnMenuAnchor;
-  private groupState;
-  /**
-   * name of the column with the opened total menu
-   */
-  private openedTotalMenu;
-  private openedCustomSettings;
-  private fontsize;
-  rowsPerPageHandler(newValue: number): void;
-  expandGroupsHandler(): void;
-  filtersChanged(): void;
-  recalculateRows(): void;
-  identifyAndInitRows(): void;
-  recalculateRowsAndUndoSelections(): void;
-  controlFixedRowsColumns(): void;
-  recalculateData(): void;
-  columnFilterTimeout: number;
-  /**
-   * When component unload is complete
-   */
-  kupDidUnload: EventEmitter<KupEventPayload>;
-  /**
-   * When component load is complete
-   */
-  kupDidLoad: EventEmitter<KupEventPayload>;
-  /**
-   * When rows selections reset
-   */
-  kupResetSelectedRows: EventEmitter<KupEventPayload>;
-  /**
-   * When a row is selected
-   */
-  kupRowSelected: EventEmitter<KupDatatableRowSelectedEventPayload>;
-  /**
-   * Generic click event on data table.
-   */
-  kupDataTableClick: EventEmitter<KupDatatableClickEventPayload>;
-  /**
-   * Generic right click event on data table.
-   */
-  kupDataTableContextMenu: EventEmitter<KupDatatableClickEventPayload>;
-  /**
-   * Generic double click event on data table.
-   */
-  kupDataTableDblClick: EventEmitter<KupDatatableClickEventPayload>;
-  /**
-   * Emitted by the column menu card when opened/closed or when a kup-card-event is fired.
-   */
-  kupDataTableColumnMenu: EventEmitter<KupDatatableColumnMenuEventPayload>;
-  /**
-   * When a row action is clicked
-   */
-  kupRowActionClick: EventEmitter<KupDatatableRowActionClickEventPayload>;
-  kupLoadMoreClick: EventEmitter<KupDatatableLoadMoreClickEventPayload>;
-  /**
-   * Event fired when columns are moved (sorted).
-   */
-  kupColumnMove: EventEmitter<KupDatatableColumnMoveEventPayload>;
-  /**
-   * Event fired when columns are removed (set to hidden).
-   */
-  kupColumnRemove: EventEmitter<KupDatatableColumnRemoveEventPayload>;
-  /**
-   * Event fired when the delete row button is pressed.
-   */
-  kupDeleteRow: EventEmitter<KupDatatableDeleteRowEventPayload>;
-  /**
-   * Event fired when the save button is pressed.
-   */
-  kupSave: EventEmitter<KupDatatableInsertRowEventPayload>;
-  /**
-   * Event fired when the insert row confirm button is pressed.
-   */
-  kupInsertRow: EventEmitter<KupDatatableInsertRowEventPayload>;
-  /**
-   * Closes any opened column menu.
-   */
-  closeColumnMenu(): Promise<void>;
-  /**
-   * Collapses all groups.
-   */
-  collapseAll(): Promise<void>;
-  /**
-   * This method will delete rows by id from the data table dataset.
-   * @param {string[]} ids - Array of row ids to delete.
-   * @returns {Promise<Array<KupDataTableRow>>} Deleted rows.
-   */
-  deleteRows(ids?: string[]): Promise<Array<KupDataTableRow>>;
-  /**
-   * Closes the insert new record card (called by backend, on success)
-   */
-  closeInsertCard(): Promise<void>;
-  /**
-   * Closes the delete confirm card (called by backend, on success)
-   */
-  closeConfirmDeleteCard(): Promise<void>;
-  /**
-   * Returns cards and sub components
-   */
-  getCards(): Promise<any>;
-  /**
-   * Adds a new row to the list data
-   * @param row new row
-   */
-  insertNewRow(row: KupDataTableRow): Promise<void>;
-  /**
-   * Expands all groups.
-   */
-  expandAll(): Promise<void>;
-  /**
-   * Used to retrieve component's props values.
-   * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
-   * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
-   */
-  getProps(descriptions?: boolean): Promise<GenericObject>;
-  /**
-   * This method will get the selected rows of the component.
-   */
-  getSelectedRows(): Promise<Array<KupDataTableRow>>;
-  /**
-   * Hides the given column.
-   * @param {KupDataColumn} column - Column to hide.
-   */
-  hideColumn(column: KupDataColumn): Promise<void>;
-  /**
-   * Invokes the KupData API for column creation, then refreshes the component in case no errors were catched.
-   * @param {KupDataNewColumnTypes} type - Type of the column creation.
-   * @param {KupDataNewColumnOptions} options - Options of the creation.
-   * @returns {string|KupDataColumn} Returns the new column created or a string containing the error message if something went wrong.
-   */
-  newColumn(type: KupDataNewColumnTypes, options: KupDataNewColumnOptions): Promise<string | KupDataColumn>;
-  /**
-   * Opens the column menu of the given column.
-   * @param {string} column - Name of the column.
-   */
-  openColumnMenu(column: string): Promise<void>;
-  /**
-   * This method is used to trigger a new render of the component.
-   */
-  refresh(recalcRows?: boolean): Promise<void>;
-  /**
-   * This method is invoked by KupManager whenever the component changes size.
-   */
-  resizeCallback(): Promise<void>;
-  /**
-   * Sets the cell value in a table cell.
-   * @param {string} columnName - Name of the column.
-   * @param {string} rowId - Id of the row.
-   * @param {string} value - Value to set.
-   */
-  setCellValue(columnName: string, rowId: string, value: string): Promise<void>;
-  /**
-   * Sets the focus on an editable table cell.
-   * @param {string} column - Name of the column.
-   * @param {string} rowId - Id of the row.
-   */
-  setFocus(column: string, rowId: string): Promise<void>;
-  /**
-   * Sets the props to the component.
-   * @param {GenericObject} props - Object containing props that will be set to the component.
-   */
-  setProps(props: GenericObject): Promise<void>;
-  /**
-   * This method will set the selected rows of the component.
-   * @param {string|number[]} rowsIdentifiers - Array of ids (dataset) or indexes (rendered rows).
-   * @param {boolean} emitEvent - The event will always be emitted unless emitEvent is set to false.
-   */
-  setSelectedRows(rowsIdentifiers: string[] | number[], emitEvent?: boolean): Promise<void>;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  componentDidLoad(): void;
-  resetCurrentPage(): void;
-  getColumns(): Array<KupDataColumn>;
-  getVisibleColumns(): Array<KupDataColumn>;
-  getGroupByName(column: string): GroupObject;
-  getColumnValues(column: KupDataColumn): ValueDisplayedValue[];
-  getRows(): Array<KupDataTableRow>;
-  getInternalState(): Promise<{
-    groups: GroupObject[];
-    filters: GenericFilter;
-    data: KupDataTableDataset;
-  }>;
-  defaultSortingFunction(columns: KupDataColumn[], receivingColumnIndex: number, sortedColumnIndex: number, useNewObject?: boolean): Promise<KupDataColumn[]>;
-  areTotalsSelected(column: KupDataColumn): boolean;
-  onTotalsChange(event: any, column: any): void;
-  renderFooter(): any;
-  renderCustomizePanel(): any;
-  render(): any;
-  disconnectedCallback(): void;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GroupLabelDisplayMode, GroupObject, LoadMoreMode, PaginatorPos, ShowGrid, SortObject, TotalsMap, SelectionMode, KupDatatableRowSelectedEventPayload, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableRowActionClickEventPayload, KupDatatableLoadMoreClickEventPayload, KupDatatableColumnRemoveEventPayload, KupDatatableColumnMoveEventPayload, KupDataTableDataset, KupDataTableRow, KupDatatableDeleteRowEventPayload, KupDatatableInsertRowEventPayload, KupDataTableInsertMode, KupDatatableHistoryEventPayload } from './kup-data-table-declarations';
+import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
+import { KupDataTableState } from './kup-data-table-state';
+import { KupStore } from '../kup-state/kup-store';
+import { GenericFilter, ValueDisplayedValue } from '../../utils/filters/filters-declarations';
+import { FCellPadding } from '../../f-components/f-cell/f-cell-declarations';
+import { KupDataColumn, KupDataNewColumnOptions, KupDataNewColumnTypes, KupDataRowAction } from '../../managers/kup-data/kup-data-declarations';
+export declare class KupDataTable {
+  #private;
+  stateId: string;
+  store: KupStore;
+  state: KupDataTableState;
+  initWithPersistedState(): void;
+  persistState(): void;
+  rootElement: HTMLElement;
+  /**
+   * When true and when a row is missing some columns, the missing cells will be autogenerated.
+   * @default false
+   */
+  autoFillMissingCells: boolean;
+  /**
+   * Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization
+   */
+  customStyle: string;
+  /**
+   * The data of the table.
+   */
+  data: KupDataTableDataset;
+  /**
+   * The density of the rows, defaults at 'medium' and can be also set to 'large' or 'small'.
+   */
+  density: FCellPadding;
+  /**
+   * Enables drag.
+   */
+  dragEnabled: boolean;
+  /**
+   * Enables drop.
+   */
+  dropEnabled: boolean;
+  /**
+   * When set to true, editable cells will be rendered using input components.
+   * @default false
+   */
+  editableData: boolean;
+  /**
+   * Defines the label to show when the table is empty.
+   */
+  emptyDataLabel: string;
+  /**
+   * Enables the choice to set formulas on columns by dragging them into different columns.
+   * @default true
+   */
+  enableColumnsFormula: boolean;
+  /**
+   * Enables the extracolumns add buttons.
+   */
+  enableExtraColumns: boolean;
+  /**
+   * Enables the merging of columns by dragging them into different columns.
+   * @default true
+   */
+  enableMergeColumns: boolean;
+  /**
+   * Enables the sorting of columns by dragging them into different columns.
+   */
+  enableSortableColumns: boolean;
+  /**
+   * Expands groups when set to true.
+   */
+  expandGroups: boolean;
+  /**
+   * List of filters set by the user.
+   */
+  filters: GenericFilter;
+  /**
+   * Fixes the given number of columns so that they stay visible when horizontally scrolling the data-table.
+   * If grouping is active or the value of the prop is <= 0, this prop will have no effect.
+   * Can be combined with fixedRows.
+   * @see fixedRows
+   */
+  fixedColumns: number;
+  /**
+   * Fixes the given number of rows so that they stay visible when vertically scrolling the data-table.
+   * If grouping is active or the value of the prop is <= 0, this prop will have no effect.
+   * Can be combined with fixedColumns.
+   * @see fixedColumns
+   */
+  fixedRows: number;
+  /**
+   * Forces cells with long text and a fixed column size to have an ellipsis set on their text.
+   * The reflect attribute is mandatory to allow styling.
+   */
+  forceOneLine: boolean;
+  /**
+   * When set to true it activates the global filter.
+   */
+  globalFilter: boolean;
+  /**
+   * The value of the global filter.
+   */
+  globalFilterValue: string;
+  /**
+   * How the label of a group must be displayed.
+   * For available values [see here]{@link GroupLabelDisplayMode}
+   */
+  groupLabelDisplay: GroupLabelDisplayMode;
+  /**
+   * The list of groups.
+   */
+  groups: Array<GroupObject>;
+  /**
+   * When set to true the header will stick on top of the table when scrolling.
+   */
+  headerIsPersistent: boolean;
+  /**
+   * Enables insert mode.
+   * @default '''
+   */
+  insertMode: KupDataTableInsertMode;
+  /**
+   * When set to true, clicked-on rows will have a visual feedback.
+   * @default false
+   */
+  isFocusable: boolean;
+  /**
+   * When set to true, extra rows will be automatically loaded once the last row enters the viewport. When groups are present, the number of rows is referred to groups and not to their content. Paginator is disabled.
+   */
+  lazyLoadRows: boolean;
+  /**
+   * Defines the placeholder character which will be replaced by a line break inside table header cells, normal or sticky.
+   */
+  lineBreakCharacter: string;
+  /**
+   * Sets a maximum limit of new records which can be required by the load more functionality.
+   */
+  loadMoreLimit: number;
+  /**
+   * Establish the modality of how many new records will be downloaded.
+   *
+   * This property is regulated also by loadMoreStep.
+   * @see loadMoreStep
+   * @see loadMoreLimit
+   */
+  loadMoreMode: LoadMoreMode;
+  /**
+   * The number of records which will be requested to be downloaded when clicking on the load more button.
+   *
+   * This property is regulated also by loadMoreMode.
+   * @see loadMoreMode
+   * @see loadMoreLimit
+   */
+  loadMoreStep: number;
+  /**
+   * Current selected page set on component load
+   */
+  pageSelected: number;
+  /**
+   * Sets the position of the paginator. Available positions: top, bottom or both.
+   */
+  paginatorPos: PaginatorPos;
+  /**
+   * Sets the possibility to remove the selected column.
+   */
+  removableColumns: boolean;
+  /**
+   * Gives the possibility to resize columns by dragging on their right edge.
+   */
+  resizableColumns: boolean;
+  /**
+   * Sets the actions of the rows.
+   */
+  rowActions: Array<KupDataRowAction>;
+  /**
+   * Sets the number of rows per page to display.
+   */
+  rowsPerPage: number;
+  /**
+   * Activates the scroll on hover function.
+   */
+  scrollOnHover: boolean;
+  /**
+   * Set the type of the rows selection.
+   */
+  selection: SelectionMode;
+  /**
+   * If set to true, displays the button to open the customization panel.
+   */
+  showCustomization: boolean;
+  /**
+   * Enables the delete row button.
+   */
+  showDeleteButton: boolean;
+  /**
+   * Enables the history button.
+   */
+  showHistoryButton: boolean;
+  /**
+   * When set to true enables the column filters.
+   */
+  showFilters: boolean;
+  /**
+   * When set to true shows the footer.
+   */
+  showFooter: boolean;
+  /**
+   * Can be used to customize the grid view of the table.
+   */
+  showGrid: ShowGrid;
+  /**
+   * When set to true enables the column grouping.
+   */
+  showGroups: boolean;
+  /**
+   * Enables rendering of the table header.
+   * @namespace KupDataTable.showHeader
+   */
+  showHeader: boolean;
+  /**
+   * If set to true, displays the button to load more records.
+   */
+  showLoadMore: boolean;
+  /**
+   * Defines the current sorting options.
+   */
+  sort: Array<SortObject>;
+  /**
+   * If set to true, when a column is dragged to be sorted, the component directly mutates the data.columns property
+   * and then fires the event
+   */
+  sortableColumnsMutateData: boolean;
+  /**
+   * When set to true enables the sorting of the columns by clicking on the column header.
+   */
+  sortEnabled: boolean;
+  /**
+   * Sets the height of the table.
+   */
+  tableHeight: string;
+  /**
+   * Sets the width of the table.
+   */
+  tableWidth: string;
+  /**
+   * Defines the current totals options
+   */
+  totals: TotalsMap;
+  /**
+   * Transposes the data of the data table
+   */
+  transpose: boolean;
+  private lazyLoadCells;
+  private currentPage;
+  private currentRowsPerPage;
+  private selectedRows;
+  private selectedColumn;
+  private columnMenuAnchor;
+  private groupState;
+  /**
+   * name of the column with the opened total menu
+   */
+  private openedTotalMenu;
+  private openedCustomSettings;
+  private fontsize;
+  rowsPerPageHandler(newValue: number): void;
+  expandGroupsHandler(): void;
+  filtersChanged(): void;
+  recalculateRows(): void;
+  identifyAndInitRows(): void;
+  recalculateRowsAndUndoSelections(): void;
+  controlFixedRowsColumns(): void;
+  recalculateData(): void;
+  columnFilterTimeout: number;
+  /**
+   * When component unload is complete
+   */
+  kupDidUnload: EventEmitter<KupEventPayload>;
+  /**
+   * When component load is complete
+   */
+  kupDidLoad: EventEmitter<KupEventPayload>;
+  /**
+   * When rows selections reset
+   */
+  kupResetSelectedRows: EventEmitter<KupEventPayload>;
+  /**
+   * When a row is selected
+   */
+  kupRowSelected: EventEmitter<KupDatatableRowSelectedEventPayload>;
+  /**
+   * Generic click event on data table.
+   */
+  kupDataTableClick: EventEmitter<KupDatatableClickEventPayload>;
+  /**
+   * Generic right click event on data table.
+   */
+  kupDataTableContextMenu: EventEmitter<KupDatatableClickEventPayload>;
+  /**
+   * Generic double click event on data table.
+   */
+  kupDataTableDblClick: EventEmitter<KupDatatableClickEventPayload>;
+  /**
+   * Emitted by the column menu card when opened/closed or when a kup-card-event is fired.
+   */
+  kupDataTableColumnMenu: EventEmitter<KupDatatableColumnMenuEventPayload>;
+  /**
+   * When a row action is clicked
+   */
+  kupRowActionClick: EventEmitter<KupDatatableRowActionClickEventPayload>;
+  kupLoadMoreClick: EventEmitter<KupDatatableLoadMoreClickEventPayload>;
+  /**
+   * Event fired when columns are moved (sorted).
+   */
+  kupColumnMove: EventEmitter<KupDatatableColumnMoveEventPayload>;
+  /**
+   * Event fired when columns are removed (set to hidden).
+   */
+  kupColumnRemove: EventEmitter<KupDatatableColumnRemoveEventPayload>;
+  /**
+   * Event fired when the delete row button is pressed.
+   */
+  kupDeleteRow: EventEmitter<KupDatatableDeleteRowEventPayload>;
+  /**
+   * Event fired when the save button is pressed.
+   */
+  kupSave: EventEmitter<KupDatatableInsertRowEventPayload>;
+  /**
+   * Event fired when the insert row confirm button is pressed.
+   */
+  kupInsertRow: EventEmitter<KupDatatableInsertRowEventPayload>;
+  /**
+   * Event fired when the history confirm button is pressed.
+   */
+  kupHistory: EventEmitter<KupDatatableHistoryEventPayload>;
+  /**
+   * Closes any opened column menu.
+   */
+  closeColumnMenu(): Promise<void>;
+  /**
+   * Collapses all groups.
+   */
+  collapseAll(): Promise<void>;
+  /**
+   * This method will delete rows by id from the data table dataset.
+   * @param {string[]} ids - Array of row ids to delete.
+   * @returns {Promise<Array<KupDataTableRow>>} Deleted rows.
+   */
+  deleteRows(ids?: string[]): Promise<Array<KupDataTableRow>>;
+  /**
+   * Closes the insert new record card (called by backend, on success)
+   */
+  closeInsertCard(): Promise<void>;
+  /**
+   * Closes the delete confirm card (called by backend, on success)
+   */
+  closeConfirmDeleteCard(): Promise<void>;
+  /**
+   * Returns cards and sub components
+   */
+  getCards(): Promise<any>;
+  /**
+   * Adds a new row to the list data
+   * @param row new row
+   */
+  insertNewRow(row: KupDataTableRow): Promise<void>;
+  /**
+   * Expands all groups.
+   */
+  expandAll(): Promise<void>;
+  /**
+   * Used to retrieve component's props values.
+   * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+   * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+   */
+  getProps(descriptions?: boolean): Promise<GenericObject>;
+  /**
+   * This method will get the selected rows of the component.
+   */
+  getSelectedRows(): Promise<Array<KupDataTableRow>>;
+  /**
+   * Hides the given column.
+   * @param {KupDataColumn} column - Column to hide.
+   */
+  hideColumn(column: KupDataColumn): Promise<void>;
+  /**
+   * Invokes the KupData API for column creation, then refreshes the component in case no errors were catched.
+   * @param {KupDataNewColumnTypes} type - Type of the column creation.
+   * @param {KupDataNewColumnOptions} options - Options of the creation.
+   * @returns {string|KupDataColumn} Returns the new column created or a string containing the error message if something went wrong.
+   */
+  newColumn(type: KupDataNewColumnTypes, options: KupDataNewColumnOptions): Promise<string | KupDataColumn>;
+  /**
+   * Opens the column menu of the given column.
+   * @param {string} column - Name of the column.
+   */
+  openColumnMenu(column: string): Promise<void>;
+  /**
+   * This method is used to trigger a new render of the component.
+   */
+  refresh(recalcRows?: boolean): Promise<void>;
+  /**
+   * This method is invoked by KupManager whenever the component changes size.
+   */
+  resizeCallback(): Promise<void>;
+  /**
+   * Sets the cell value in a table cell.
+   * @param {string} columnName - Name of the column.
+   * @param {string} rowId - Id of the row.
+   * @param {string} value - Value to set.
+   */
+  setCellValue(columnName: string, rowId: string, value: string): Promise<void>;
+  /**
+   * Sets the focus on an editable table cell.
+   * @param {string} column - Name of the column.
+   * @param {string} rowId - Id of the row.
+   */
+  setFocus(column: string, rowId: string): Promise<void>;
+  /**
+   * Sets the props to the component.
+   * @param {GenericObject} props - Object containing props that will be set to the component.
+   */
+  setProps(props: GenericObject): Promise<void>;
+  /**
+   * This method will set the selected rows of the component.
+   * @param {string|number[]} rowsIdentifiers - Array of ids (dataset) or indexes (rendered rows).
+   * @param {boolean} emitEvent - The event will always be emitted unless emitEvent is set to false.
+   */
+  setSelectedRows(rowsIdentifiers: string[] | number[], emitEvent?: boolean): Promise<void>;
+  componentWillLoad(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  resetCurrentPage(): void;
+  getColumns(): Array<KupDataColumn>;
+  getVisibleColumns(): Array<KupDataColumn>;
+  getGroupByName(column: string): GroupObject;
+  getColumnValues(column: KupDataColumn): ValueDisplayedValue[];
+  getRows(): Array<KupDataTableRow>;
+  getInternalState(): Promise<{
+    groups: GroupObject[];
+    filters: GenericFilter;
+    data: KupDataTableDataset;
+  }>;
+  defaultSortingFunction(columns: KupDataColumn[], receivingColumnIndex: number, sortedColumnIndex: number, useNewObject?: boolean): Promise<KupDataColumn[]>;
+  areTotalsSelected(column: KupDataColumn): boolean;
+  onTotalsChange(event: any, column: any): void;
+  renderFooter(): any;
+  renderCustomizePanel(): any;
+  render(): any;
+  disconnectedCallback(): void;
+}