smart-webcomponents-react 14.0.0 → 14.0.35

package/source/typescript/smart.combobox.d.ts

@@ -228,6 +228,11 @@ export interface ComboBoxProperties {
    * Default value: 2
    */
   minLength?: number;
+  /**
+   * Determines the maximum number of characters inside the input.
+   * Default value: -1
+   */
+  maxLength?: number;
   /**
    * Sets or gets the name attribute for the element. Name is used when submiting HTML forms.
    * Default value: ""

package/source/typescript/smart.elements.d.ts

@@ -5752,6 +5752,11 @@ export interface ComboBoxProperties {
    * Default value: 2
    */
   minLength?: number;
+  /**
+   * Determines the maximum number of characters inside the input.
+   * Default value: -1
+   */
+  maxLength?: number;
   /**
    * Sets or gets the name attribute for the element. Name is used when submiting HTML forms.
    * Default value: ""
@@ -13860,7 +13865,7 @@ export interface GridProperties {
    * Callback function() called when the grid has been rendered.
    * Default value: null
    */
-  onRender?: any;
+  onRender?: {(): void};
   /**
    * Callback function(event: KeyboardEvent) called when the grid is on focus and a keyboard key is pressed.
    * Default value: null
@@ -14010,7 +14015,7 @@ export interface Grid extends BaseElement, GridProperties {
   /* Get a member by its name */
   [name: string]: any;
   /**
-   * This event is triggered, when the edit begins.
+   * This event is triggered, when the edit begins. After the event occurs, editing starts. If you need to prevent the editing for specific cells, rows or columns, you can call event.preventDefault();.
 	* @param event. The custom event. Custom data event was created with: ev.detail(id, dataField, row, column, cell)
    *  id - The edited row id.
    *  dataField - The edited column data field.
@@ -14321,9 +14326,9 @@ export interface Grid extends BaseElement, GridProperties {
    * Adds a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
    * @param {any} data. row data matching the data source
    * @param {boolean} insertAtBottom?. Determines whether to add the new row to the bottom or top of the collection. The default value is 'true'
-   * @param {any} callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
+   * @param  callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
    */
-  addRow(data: any, insertAtBottom?: boolean, callback?: any): void;
+  addRow(data: any, insertAtBottom?: boolean, callback?: {(row: GridRow): void}): void;
   /**
    * Adds a new row and puts it into edit mode. When batch editing is enabled, the row is not saved until the batch edit is saved.
    * @param {string} position?. 'near' or 'far'
@@ -14344,7 +14349,7 @@ export interface Grid extends BaseElement, GridProperties {
    */
   addUnboundRow(count: number, position?: string): boolean;
   /**
-   * Adds a filter to a column. This method will apply a filter to the Grid data.
+   * Adds a filter to a column. This method will apply a filter to the Grid data. Example for adding multiple filters to a column: grid.addFilter('lastName', ['CONTAINS "burke"', 'or', 'CONTAINS "peterson"']). Example for adding single filter to a column: grid.addFilter('lastName', 'CONTAINS "burke"'). Example for adding numeric filter:  grid.addFilter('quantity', '<= 5')
    * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    * @param {string} filter. Filter expression like: 'startsWith B'. Example 2: ['contains Andrew or contains Nancy'], Example 3:  ['quantity', '<= 3 and >= 8'].  Filter conditions which you can use in the expressions: '=', 'EQUAL','<>', 'NOT_EQUAL', '!=', '<', 'LESS_THAN','>', 'GREATER_THAN', '<=', 'LESS_THAN_OR_EQUAL', '>=', 'GREATER_THAN_OR_EQUAL','starts with', 'STARTS_WITH','ends with', 'ENDS_WITH', '', 'EMPTY', 'CONTAINS','DOES_NOT_CONTAIN', 'NULL','NOT_NULL'
    * @param {boolean} refreshFilters?. Set this to false, if you will use multiple 'addFilter' calls. By doing this, you will avoid unnecessary renders.
@@ -14439,9 +14444,9 @@ export interface Grid extends BaseElement, GridProperties {
   /**
    * Delete a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
    * @param {string | number} rowId. row bound id
-   * @param {any} callback?. Sets a callback function, which is called after the row is deleted. The callback's argument is the deleted row.
+   * @param  callback?. Sets a callback function, which is called after the row is deleted. The callback's argument is the deleted row.
    */
-  deleteRow(rowId: string | number, callback?: any): void;
+  deleteRow(rowId: string | number, callback?: {(row: GridRow): void}): void;
   /**
    * Scrolls to a row or cell. This method scrolls to a row or cell, when scrolling is necessary. If pagination is enabled, it will automatically change the page.
    * @param {string | number} rowId. row bound id
@@ -14534,10 +14539,20 @@ export interface Grid extends BaseElement, GridProperties {
    */
   getSelection(): any;
   /**
-   * Gets the selected row ids.
+   * Gets an Array where each item is an Array of row id and row data. If the Grid is used in virtual mode, the row data parameter is empty object, because the data is loaded on demand.
    * @returns {any[]}
    */
   getSelectedRows(): any[];
+  /**
+   * Gets the selected row ids.
+   * @returns {any[]}
+   */
+  getSelectedRowIds(): any[];
+  /**
+   * Gets the selected row indexes.
+   * @returns {any[]}
+   */
+  getSelectedRowIndexes(): any[];
   /**
    * Gets the selected cells. The method returns an array of cell. Each cell is an array with row id, column data field and cell value.
    * @returns {any[]}
@@ -14598,9 +14613,9 @@ export interface Grid extends BaseElement, GridProperties {
   /**
    * Gets the Row's id.
    * @param {number} rowIndex. row index
-   * @returns {any}
+   * @returns {string | number}
    */
-  getRowId(rowIndex: number): any;
+  getRowId(rowIndex: number): string | number;
   /**
    * Gets whether a column's drop-down menu is opened.
    * @returns {boolean}
@@ -14638,9 +14653,9 @@ export interface Grid extends BaseElement, GridProperties {
    * Inserts a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
    * @param {any} data. row data matching the data source
    * @param {number} index?. Determines the insert index. The default value is the last index.
-   * @param {any} callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
+   * @param  callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
    */
-  insertRow(data: any, index?: number, callback?: any): void;
+  insertRow(data: any, index?: number, callback?: {(row: GridRow): void}): void;
   /**
    * Opens a column drop-down menu.
    * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
@@ -14767,16 +14782,16 @@ export interface Grid extends BaseElement, GridProperties {
   /**
    * Sets a style to a row.
    * @param {string | number} rowId. row bound id
-   * @param {any} rowStyle. The row style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
+   * @param  rowStyle. The row style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
    */
-  setRowStyle(rowId: string | number, rowStyle: any): void;
+  setRowStyle(rowId: string | number, rowStyle: {background?: string, color?: string, fontSize?: string, fontFamily?: string, textDecoration?: string, fontStyle?: string, fontWeight?: string}): void;
   /**
    * Sets a style to a row.
    * @param {string | number} rowId. row bound id
    * @param {string} dataField. Column bound field name.
-   * @param {any} rowStyle. The cell style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
+   * @param  rowStyle. The cell style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
    */
-  setCellStyle(rowId: string | number, dataField: string, rowStyle: any): void;
+  setCellStyle(rowId: string | number, dataField: string, rowStyle: {background?: string, color?: string, fontSize?: string, fontFamily?: string, textDecoration?: string, fontStyle?: string, fontWeight?: string}): void;
   /**
    * Sets the position of the vertical scrollbar. You can use this method in combination with the getVerticalScrollValue and getVerticalScrollMax.
    * @param {number} value. The new scroll position
@@ -14796,9 +14811,9 @@ export interface Grid extends BaseElement, GridProperties {
    * Updates a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
    * @param {string | number} rowId. row bound id
    * @param {any} data. row data matching the data source
-   * @param {any} callback?. Sets a callback function, which is called after the row is updated. The callback's argument is the updated row.
+   * @param  callback?. Sets a callback function, which is called after the row is updated. The callback's argument is the updated row.
    */
-  updateRow(rowId: string | number, data: any, callback?: any): void;
+  updateRow(rowId: string | number, data: any, callback?: {(row: GridRow): void}): void;
   /**
    * Unselects a row, cell or column.
    * @param {string | number} rowId. row bound id
@@ -15154,7 +15169,7 @@ export interface GridClipboard {
    * Sets or gets a callback on paste.
    * Default value: null
    */
-  onPasteValue?: any;
+  onPasteValue?: {(args: {value: any, oldValue: any, dataField: string, id: string | number}): void};
 }
 
 export interface GridColumn {
@@ -15279,7 +15294,7 @@ export interface GridColumn {
    */
   element?: HTMLElement;
   /**
-   * Sets or gets the column's editor. The property expects 'input', 'autoComplete', 'comboBox', 'dropDownList', 'image', 'numberInput', 'checkBox', 'multiInput', 'multiComboInput', 'checkInput', 'slider', 'dateTimePicker', 'timeInput', 'dateInput', 'dateRangeInput', 'maskedTextBox', 'textArea' or a custom object with 'template' property which defines the editor type, 'settings' property which defines the custom editor's properties, 'onInit(int row, string column, object editor, object rowData): object', 'onRender(int row, string column, object editor, object rowData): object', 'setValue(object value): void' and 'getValue(object value): object' callback functions.
+   * Sets or gets the column's editor. The property expects 'input', 'autoComplete', 'comboBox', 'dropDownList', 'image', 'numberInput', 'checkBox', 'multiInput', 'multiComboInput', 'checkInput', 'slider', 'dateTimePicker', 'timeInput', 'dateInput', 'dateRangeInput', 'maskedTextBox', 'textArea' or a custom object with 'template' property which defines the editor type, 'settings' property which defines the custom editor's properties, 'onInit(int row, string column, object editor, object rowData): void', 'onRender(int row, string column, object editor, object rowData): void', 'setValue(object value): void' and 'getValue(object value): any' callback functions.
    * Default value: null
    */
   editor?: any;
@@ -15302,12 +15317,12 @@ export interface GridColumn {
    * Sets or gets the column's format function.
    * Default value: null
    */
-  formatFunction?: any;
+  formatFunction?: {(formatObject: {row?: GridRow, column?: GridColumn, cell?: GridCell, oldValue?: any, value?: any, template?: any}): void};
   /**
    * Sets or gets the column's format settings. You can use any of the build in formatting options or to NumberFormat object like that: 'Intl: {  NumberFormat: {  style: \'currency\', currency: \'EUR\' }}' or DateTimeFormat object like that: 'Intl: {  DateTimeFormat: {  dateStyle: \'full\' }}''
    * Default value: [object Object]
    */
-  formatSettings?: any;
+  formatSettings?: GridColumnFormatSettings;
   /**
    * Sets or gets the column's group.
    * Default value: ""
@@ -15385,6 +15400,40 @@ export interface GridColumn {
   visible?: boolean;
 }
 
+/**Sets or gets the column's format settings. You can use any of the build in formatting options or to NumberFormat object like that: 'Intl: {  NumberFormat: {  style: \'currency\', currency: \'EUR\' }}' or DateTimeFormat object like that: 'Intl: {  DateTimeFormat: {  dateStyle: \'full\' }}'' */
+export interface GridColumnFormatSettings {
+  /**
+   * Sets the decimal places.
+   * Default value: 
+   */
+  decimalPlaces?: number;
+  /**
+   * Sets the negativeWithBrackets property. Displays brackets around negative numbers
+   * Default value: false
+   */
+  negativeWithBrackets?: boolean;
+  /**
+   * Sets the prefix of the formatted value.
+   * Default value: ""
+   */
+  prefix?: string;
+  /**
+   * Sets the sufix of the formatted value.
+   * Default value: ""
+   */
+  sufix?: string;
+  /**
+   * Sets the thousands separator.
+   * Default value: 
+   */
+  thousandsSeparator?: number;
+  /**
+   * Sets the date format string.
+   * Default value: ""
+   */
+  dateFormat?: string;
+}
+
 /**Column Menu is the drop-down menu displayed after clicking the column header's drop-down button, which is displayed when you hover the column header. It allows you to customize column settings. For example: Sort, Filter or Group the Grid by the current column. */
 export interface GridColumnMenu {
   /**
@@ -15614,7 +15663,7 @@ export interface GridCharting {
    * Sets or gets the chart's container.
    * Default value: null
    */
-  appendTo?: any;
+  appendTo?: string | HTMLElement;
   /**
    * Sets or gets the charting dialog.
    * Default value: [object Object]
@@ -15802,12 +15851,12 @@ export interface GridDataSourceSettings {
    */
   mapChar?: string;
   /**
-   * Sets the virtual data source function which is called each time the Grid requests data. Demos using 'virtualDataSource' are available on the Grid demos page.
+   * Sets the virtual data source function which is called each time the Grid requests data. Example for calling the callback function with the new data set: resultCallbackFunction({dataSource: data}); Demos using 'virtualDataSource' are available on the Grid demos page. Example: https://www.htmlelements.com/demos/grid/virtualscroll/
    * Default value: null
    */
-  virtualDataSource?: any;
+  virtualDataSource?: {(resultCallbackFunction: any, details: DataAdapterVirtualDataSourceDetails): void};
   /**
-   * Sets the virtual data source on expand function. This function is called when we load data on demand in Tree or TreeGrid and virtualDataSource in these components is set, too
+   * Sets the virtual data source on expand function. This function is called when we load data on demand in Tree or TreeGrid and virtualDataSource in these components is set, too. Example: https://www.htmlelements.com/demos/grid/virtual-tree-grid/
    * Default value: null
    */
   virtualDataSourceOnExpand?: any;
@@ -16114,6 +16163,11 @@ export interface GridFiltering {
    * Default value: false
    */
   enabled?: boolean;
+  /**
+   * Determines the filtering operator used in the Grid. By default filters are applied with 'and' operator i.e returns a set of rows matching the filter expressions of columnA AND columnB. The other option is to return a set of rows matching the filter expressions of columnA OR columnB. For example: grid.filtering.operator = 'or'; grid.addFilter('lastName', 'contains "davolio"') grid.addFilter('firstName', 'contains "Antoni"'); - that code will apply two filters to the Grid and will return all rows where firstName is 'Antoni' or the lastName is 'Davolio'
+   * Default value: "and"
+   */
+  operator?: string;
   /**
    * An array of filtering conditions to apply to the DataGrid. Each member of the filter array is an array with two members. The first one is the column dataField to apply the filter to. The second one is the filtering condition. Example: [['firstName', 'contains Andrew or contains Nancy'], ['quantity', '<= 3 and >= 8']]. Additional example with filter which we want to apply to a column with filterMenuMode='excel' - [['firstName', 'EQUAL' 'Andrew' or 'EQUAL' 'Antoni' or 'EQUAL' 'Beate']]. Example with a string filter applied to a string column - [['lastName','CONTAINS' 'burke' or 'CONTAINS' 'peterson']]. Filter conditions which you can use in the expressions: '=', 'EQUAL','<>', 'NOT_EQUAL', '!=', '<', 'LESS_THAN','>', 'GREATER_THAN', '<=', 'LESS_THAN_OR_EQUAL', '>=', 'GREATER_THAN_OR_EQUAL','starts with', 'STARTS_WITH','ends with', 'ENDS_WITH', '', 'EMPTY', 'CONTAINS','DOES_NOT_CONTAIN', 'NULL','NOT_NULL'
    * Default value: 
@@ -16520,7 +16574,7 @@ export interface GridRowDetail {
    * Sets the template of the row details.
    * Default value: 
    */
-  template?: any;
+  template?: string | HTMLTemplateElement;
   /**
    * Sets the visibility of the Column which allows you to dynamically expand/collapse the row details.
    * Default value: true
@@ -16586,7 +16640,7 @@ export interface GridHeader {
    * This callback function can be used for customization of the Header toolbar. The Toolbar HTML Element is passed as an argument.
    * Default value: null
    */
-  onInit?: any;
+  onInit?: {(element: HTMLElement): void};
   /**
    * Determines the buttons displayed in the Grid header. 'columns' displays a button opening the columns chooser panel. 'filter'  displays a button opening the filtering panel.  'group' displays a button opening the grouping panel. 'sort'  displays a button opening the sorting panel. 'format'  displays a button opening the conditional formatting panel. 'search' displays a button opening the search panel.
    * Default value: [ "columns", "filter", "group", "sort", "format", "search" ]
@@ -17470,6 +17524,11 @@ export interface KanbanProperties {
    * Default value: true
    */
   allowDrop?: boolean;
+  /**
+   * This property changes the visual appeal of the Kanban columns and tasks. When set to true and the Kanban columns have their 'color' property set, the color is also applied to the tasks and edit dialog.
+   * Default value: false
+   */
+  applyColumnColorToTasks?: boolean;
   /**
    * Enables or disables auto load state from the browser's localStorage. Information about tasks and their position and selected state, filtering, sorting, collapsed columns, as well as the values of the properties taskActions, taskComments, taskDue, taskPriority, taskProgress, taskTags, and taskUserIcon is loaded.
    * Default value: true
@@ -17480,6 +17539,11 @@ export interface KanbanProperties {
    * Default value: false
    */
   autoSaveState?: boolean;
+  /**
+   * Automatically updates the columns height depending on the tasks inside the column. The effect of this property is observed when 'columnColorEntireSurface' is true.
+   * Default value: false
+   */
+  autoColumnHeight?: boolean;
   /**
    * Allows collapsing the card content.
    * Default value: false
@@ -24814,7 +24878,7 @@ export interface SchedulerProperties {
   timeRulerTicks?: boolean;
   /**
    * Determines the timeZone for the element. By default if the local time zone is used if the property is not set.
-   * Default value: 
+   * Default value: Local
    */
   timeZone?: SchedulerTimeZone | string;
   /**
@@ -27496,7 +27560,7 @@ export interface Table extends BaseElement, TableProperties {
   /**
    * Adds a filter to a specific column.
    * @param {string} dataField. The column's data field.
-   * @param {any} filter. FilterGroup object.
+   * @param {any} filter. FilterGroup object or a Filter expression. Filter expression like: 'startsWith B'. Example 2: ['contains Andrew or contains Nancy'], Example 3:  ['quantity', '<= 3 and >= 8'].  Filter conditions which you can use in the expressions: '=', 'EQUAL','<>', 'NOT_EQUAL', '!=', '<', 'LESS_THAN','>', 'GREATER_THAN', '<=', 'LESS_THAN_OR_EQUAL', '>=', 'GREATER_THAN_OR_EQUAL','starts with', 'STARTS_WITH','ends with', 'ENDS_WITH', '', 'EMPTY', 'CONTAINS','DOES_NOT_CONTAIN', 'NULL','NOT_NULL'
    */
   addFilter(dataField: string, filter: any): void;
   /**
@@ -29970,6 +30034,11 @@ export interface TreeProperties {
    * Default value: false
    */
   filterable?: boolean;
+  /**
+   * Applies a filter only after the 'Enter' key is pressed.
+   * Default value: false
+   */
+  filterOnEnter?: boolean;
   /**
    * Sets custom text for placeholder in the filter input.
    * Default value: ""

package/source/typescript/smart.grid.d.ts

@@ -132,7 +132,7 @@ export interface GridProperties {
    * Callback function() called when the grid has been rendered.
    * Default value: null
    */
-  onRender?: any;
+  onRender?: {(): void};
   /**
    * Callback function(event: KeyboardEvent) called when the grid is on focus and a keyboard key is pressed.
    * Default value: null
@@ -282,7 +282,7 @@ export interface Grid extends BaseElement, GridProperties {
   /* Get a member by its name */
   [name: string]: any;
   /**
-   * This event is triggered, when the edit begins.
+   * This event is triggered, when the edit begins. After the event occurs, editing starts. If you need to prevent the editing for specific cells, rows or columns, you can call event.preventDefault();.
 	* @param event. The custom event. Custom data event was created with: ev.detail(id, dataField, row, column, cell)
    *  id - The edited row id.
    *  dataField - The edited column data field.
@@ -593,9 +593,9 @@ export interface Grid extends BaseElement, GridProperties {
    * Adds a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
    * @param {any} data. row data matching the data source
    * @param {boolean} insertAtBottom?. Determines whether to add the new row to the bottom or top of the collection. The default value is 'true'
-   * @param {any} callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
+   * @param  callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
    */
-  addRow(data: any, insertAtBottom?: boolean, callback?: any): void;
+  addRow(data: any, insertAtBottom?: boolean, callback?: {(row: GridRow): void}): void;
   /**
    * Adds a new row and puts it into edit mode. When batch editing is enabled, the row is not saved until the batch edit is saved.
    * @param {string} position?. 'near' or 'far'
@@ -616,7 +616,7 @@ export interface Grid extends BaseElement, GridProperties {
    */
   addUnboundRow(count: number, position?: string): boolean;
   /**
-   * Adds a filter to a column. This method will apply a filter to the Grid data.
+   * Adds a filter to a column. This method will apply a filter to the Grid data. Example for adding multiple filters to a column: grid.addFilter('lastName', ['CONTAINS "burke"', 'or', 'CONTAINS "peterson"']). Example for adding single filter to a column: grid.addFilter('lastName', 'CONTAINS "burke"'). Example for adding numeric filter:  grid.addFilter('quantity', '<= 5')
    * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
    * @param {string} filter. Filter expression like: 'startsWith B'. Example 2: ['contains Andrew or contains Nancy'], Example 3:  ['quantity', '<= 3 and >= 8'].  Filter conditions which you can use in the expressions: '=', 'EQUAL','<>', 'NOT_EQUAL', '!=', '<', 'LESS_THAN','>', 'GREATER_THAN', '<=', 'LESS_THAN_OR_EQUAL', '>=', 'GREATER_THAN_OR_EQUAL','starts with', 'STARTS_WITH','ends with', 'ENDS_WITH', '', 'EMPTY', 'CONTAINS','DOES_NOT_CONTAIN', 'NULL','NOT_NULL'
    * @param {boolean} refreshFilters?. Set this to false, if you will use multiple 'addFilter' calls. By doing this, you will avoid unnecessary renders.
@@ -711,9 +711,9 @@ export interface Grid extends BaseElement, GridProperties {
   /**
    * Delete a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
    * @param {string | number} rowId. row bound id
-   * @param {any} callback?. Sets a callback function, which is called after the row is deleted. The callback's argument is the deleted row.
+   * @param  callback?. Sets a callback function, which is called after the row is deleted. The callback's argument is the deleted row.
    */
-  deleteRow(rowId: string | number, callback?: any): void;
+  deleteRow(rowId: string | number, callback?: {(row: GridRow): void}): void;
   /**
    * Scrolls to a row or cell. This method scrolls to a row or cell, when scrolling is necessary. If pagination is enabled, it will automatically change the page.
    * @param {string | number} rowId. row bound id
@@ -806,10 +806,20 @@ export interface Grid extends BaseElement, GridProperties {
    */
   getSelection(): any;
   /**
-   * Gets the selected row ids.
+   * Gets an Array where each item is an Array of row id and row data. If the Grid is used in virtual mode, the row data parameter is empty object, because the data is loaded on demand.
    * @returns {any[]}
    */
   getSelectedRows(): any[];
+  /**
+   * Gets the selected row ids.
+   * @returns {any[]}
+   */
+  getSelectedRowIds(): any[];
+  /**
+   * Gets the selected row indexes.
+   * @returns {any[]}
+   */
+  getSelectedRowIndexes(): any[];
   /**
    * Gets the selected cells. The method returns an array of cell. Each cell is an array with row id, column data field and cell value.
    * @returns {any[]}
@@ -870,9 +880,9 @@ export interface Grid extends BaseElement, GridProperties {
   /**
    * Gets the Row's id.
    * @param {number} rowIndex. row index
-   * @returns {any}
+   * @returns {string | number}
    */
-  getRowId(rowIndex: number): any;
+  getRowId(rowIndex: number): string | number;
   /**
    * Gets whether a column's drop-down menu is opened.
    * @returns {boolean}
@@ -910,9 +920,9 @@ export interface Grid extends BaseElement, GridProperties {
    * Inserts a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
    * @param {any} data. row data matching the data source
    * @param {number} index?. Determines the insert index. The default value is the last index.
-   * @param {any} callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
+   * @param  callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
    */
-  insertRow(data: any, index?: number, callback?: any): void;
+  insertRow(data: any, index?: number, callback?: {(row: GridRow): void}): void;
   /**
    * Opens a column drop-down menu.
    * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
@@ -1039,16 +1049,16 @@ export interface Grid extends BaseElement, GridProperties {
   /**
    * Sets a style to a row.
    * @param {string | number} rowId. row bound id
-   * @param {any} rowStyle. The row style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
+   * @param  rowStyle. The row style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
    */
-  setRowStyle(rowId: string | number, rowStyle: any): void;
+  setRowStyle(rowId: string | number, rowStyle: {background?: string, color?: string, fontSize?: string, fontFamily?: string, textDecoration?: string, fontStyle?: string, fontWeight?: string}): void;
   /**
    * Sets a style to a row.
    * @param {string | number} rowId. row bound id
    * @param {string} dataField. Column bound field name.
-   * @param {any} rowStyle. The cell style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
+   * @param  rowStyle. The cell style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
    */
-  setCellStyle(rowId: string | number, dataField: string, rowStyle: any): void;
+  setCellStyle(rowId: string | number, dataField: string, rowStyle: {background?: string, color?: string, fontSize?: string, fontFamily?: string, textDecoration?: string, fontStyle?: string, fontWeight?: string}): void;
   /**
    * Sets the position of the vertical scrollbar. You can use this method in combination with the getVerticalScrollValue and getVerticalScrollMax.
    * @param {number} value. The new scroll position
@@ -1068,9 +1078,9 @@ export interface Grid extends BaseElement, GridProperties {
    * Updates a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
    * @param {string | number} rowId. row bound id
    * @param {any} data. row data matching the data source
-   * @param {any} callback?. Sets a callback function, which is called after the row is updated. The callback's argument is the updated row.
+   * @param  callback?. Sets a callback function, which is called after the row is updated. The callback's argument is the updated row.
    */
-  updateRow(rowId: string | number, data: any, callback?: any): void;
+  updateRow(rowId: string | number, data: any, callback?: {(row: GridRow): void}): void;
   /**
    * Unselects a row, cell or column.
    * @param {string | number} rowId. row bound id
@@ -1426,7 +1436,7 @@ export interface GridClipboard {
    * Sets or gets a callback on paste.
    * Default value: null
    */
-  onPasteValue?: any;
+  onPasteValue?: {(args: {value: any, oldValue: any, dataField: string, id: string | number}): void};
 }
 
 export interface GridColumn {
@@ -1551,7 +1561,7 @@ export interface GridColumn {
    */
   element?: HTMLElement;
   /**
-   * Sets or gets the column's editor. The property expects 'input', 'autoComplete', 'comboBox', 'dropDownList', 'image', 'numberInput', 'checkBox', 'multiInput', 'multiComboInput', 'checkInput', 'slider', 'dateTimePicker', 'timeInput', 'dateInput', 'dateRangeInput', 'maskedTextBox', 'textArea' or a custom object with 'template' property which defines the editor type, 'settings' property which defines the custom editor's properties, 'onInit(int row, string column, object editor, object rowData): object', 'onRender(int row, string column, object editor, object rowData): object', 'setValue(object value): void' and 'getValue(object value): object' callback functions.
+   * Sets or gets the column's editor. The property expects 'input', 'autoComplete', 'comboBox', 'dropDownList', 'image', 'numberInput', 'checkBox', 'multiInput', 'multiComboInput', 'checkInput', 'slider', 'dateTimePicker', 'timeInput', 'dateInput', 'dateRangeInput', 'maskedTextBox', 'textArea' or a custom object with 'template' property which defines the editor type, 'settings' property which defines the custom editor's properties, 'onInit(int row, string column, object editor, object rowData): void', 'onRender(int row, string column, object editor, object rowData): void', 'setValue(object value): void' and 'getValue(object value): any' callback functions.
    * Default value: null
    */
   editor?: any;
@@ -1574,12 +1584,12 @@ export interface GridColumn {
    * Sets or gets the column's format function.
    * Default value: null
    */
-  formatFunction?: any;
+  formatFunction?: {(formatObject: {row?: GridRow, column?: GridColumn, cell?: GridCell, oldValue?: any, value?: any, template?: any}): void};
   /**
    * Sets or gets the column's format settings. You can use any of the build in formatting options or to NumberFormat object like that: 'Intl: {  NumberFormat: {  style: \'currency\', currency: \'EUR\' }}' or DateTimeFormat object like that: 'Intl: {  DateTimeFormat: {  dateStyle: \'full\' }}''
    * Default value: [object Object]
    */
-  formatSettings?: any;
+  formatSettings?: GridColumnFormatSettings;
   /**
    * Sets or gets the column's group.
    * Default value: ""
@@ -1657,6 +1667,40 @@ export interface GridColumn {
   visible?: boolean;
 }
 
+/**Sets or gets the column's format settings. You can use any of the build in formatting options or to NumberFormat object like that: 'Intl: {  NumberFormat: {  style: \'currency\', currency: \'EUR\' }}' or DateTimeFormat object like that: 'Intl: {  DateTimeFormat: {  dateStyle: \'full\' }}'' */
+export interface GridColumnFormatSettings {
+  /**
+   * Sets the decimal places.
+   * Default value: 
+   */
+  decimalPlaces?: number;
+  /**
+   * Sets the negativeWithBrackets property. Displays brackets around negative numbers
+   * Default value: false
+   */
+  negativeWithBrackets?: boolean;
+  /**
+   * Sets the prefix of the formatted value.
+   * Default value: ""
+   */
+  prefix?: string;
+  /**
+   * Sets the sufix of the formatted value.
+   * Default value: ""
+   */
+  sufix?: string;
+  /**
+   * Sets the thousands separator.
+   * Default value: 
+   */
+  thousandsSeparator?: number;
+  /**
+   * Sets the date format string.
+   * Default value: ""
+   */
+  dateFormat?: string;
+}
+
 /**Column Menu is the drop-down menu displayed after clicking the column header's drop-down button, which is displayed when you hover the column header. It allows you to customize column settings. For example: Sort, Filter or Group the Grid by the current column. */
 export interface GridColumnMenu {
   /**
@@ -1886,7 +1930,7 @@ export interface GridCharting {
    * Sets or gets the chart's container.
    * Default value: null
    */
-  appendTo?: any;
+  appendTo?: string | HTMLElement;
   /**
    * Sets or gets the charting dialog.
    * Default value: [object Object]
@@ -2074,12 +2118,12 @@ export interface GridDataSourceSettings {
    */
   mapChar?: string;
   /**
-   * Sets the virtual data source function which is called each time the Grid requests data. Demos using 'virtualDataSource' are available on the Grid demos page.
+   * Sets the virtual data source function which is called each time the Grid requests data. Example for calling the callback function with the new data set: resultCallbackFunction({dataSource: data}); Demos using 'virtualDataSource' are available on the Grid demos page. Example: https://www.htmlelements.com/demos/grid/virtualscroll/
    * Default value: null
    */
-  virtualDataSource?: any;
+  virtualDataSource?: {(resultCallbackFunction: any, details: DataAdapterVirtualDataSourceDetails): void};
   /**
-   * Sets the virtual data source on expand function. This function is called when we load data on demand in Tree or TreeGrid and virtualDataSource in these components is set, too
+   * Sets the virtual data source on expand function. This function is called when we load data on demand in Tree or TreeGrid and virtualDataSource in these components is set, too. Example: https://www.htmlelements.com/demos/grid/virtual-tree-grid/
    * Default value: null
    */
   virtualDataSourceOnExpand?: any;
@@ -2386,6 +2430,11 @@ export interface GridFiltering {
    * Default value: false
    */
   enabled?: boolean;
+  /**
+   * Determines the filtering operator used in the Grid. By default filters are applied with 'and' operator i.e returns a set of rows matching the filter expressions of columnA AND columnB. The other option is to return a set of rows matching the filter expressions of columnA OR columnB. For example: grid.filtering.operator = 'or'; grid.addFilter('lastName', 'contains "davolio"') grid.addFilter('firstName', 'contains "Antoni"'); - that code will apply two filters to the Grid and will return all rows where firstName is 'Antoni' or the lastName is 'Davolio'
+   * Default value: "and"
+   */
+  operator?: string;
   /**
    * An array of filtering conditions to apply to the DataGrid. Each member of the filter array is an array with two members. The first one is the column dataField to apply the filter to. The second one is the filtering condition. Example: [['firstName', 'contains Andrew or contains Nancy'], ['quantity', '<= 3 and >= 8']]. Additional example with filter which we want to apply to a column with filterMenuMode='excel' - [['firstName', 'EQUAL' 'Andrew' or 'EQUAL' 'Antoni' or 'EQUAL' 'Beate']]. Example with a string filter applied to a string column - [['lastName','CONTAINS' 'burke' or 'CONTAINS' 'peterson']]. Filter conditions which you can use in the expressions: '=', 'EQUAL','<>', 'NOT_EQUAL', '!=', '<', 'LESS_THAN','>', 'GREATER_THAN', '<=', 'LESS_THAN_OR_EQUAL', '>=', 'GREATER_THAN_OR_EQUAL','starts with', 'STARTS_WITH','ends with', 'ENDS_WITH', '', 'EMPTY', 'CONTAINS','DOES_NOT_CONTAIN', 'NULL','NOT_NULL'
    * Default value: 
@@ -2792,7 +2841,7 @@ export interface GridRowDetail {
    * Sets the template of the row details.
    * Default value: 
    */
-  template?: any;
+  template?: string | HTMLTemplateElement;
   /**
    * Sets the visibility of the Column which allows you to dynamically expand/collapse the row details.
    * Default value: true
@@ -2858,7 +2907,7 @@ export interface GridHeader {
    * This callback function can be used for customization of the Header toolbar. The Toolbar HTML Element is passed as an argument.
    * Default value: null
    */
-  onInit?: any;
+  onInit?: {(element: HTMLElement): void};
   /**
    * Determines the buttons displayed in the Grid header. 'columns' displays a button opening the columns chooser panel. 'filter'  displays a button opening the filtering panel.  'group' displays a button opening the grouping panel. 'sort'  displays a button opening the sorting panel. 'format'  displays a button opening the conditional formatting panel. 'search' displays a button opening the search panel.
    * Default value: [ "columns", "filter", "group", "sort", "format", "search" ]

package/source/typescript/smart.kanban.d.ts

@@ -51,6 +51,11 @@ export interface KanbanProperties {
    * Default value: true
    */
   allowDrop?: boolean;
+  /**
+   * This property changes the visual appeal of the Kanban columns and tasks. When set to true and the Kanban columns have their 'color' property set, the color is also applied to the tasks and edit dialog.
+   * Default value: false
+   */
+  applyColumnColorToTasks?: boolean;
   /**
    * Enables or disables auto load state from the browser's localStorage. Information about tasks and their position and selected state, filtering, sorting, collapsed columns, as well as the values of the properties taskActions, taskComments, taskDue, taskPriority, taskProgress, taskTags, and taskUserIcon is loaded.
    * Default value: true
@@ -61,6 +66,11 @@ export interface KanbanProperties {
    * Default value: false
    */
   autoSaveState?: boolean;
+  /**
+   * Automatically updates the columns height depending on the tasks inside the column. The effect of this property is observed when 'columnColorEntireSurface' is true.
+   * Default value: false
+   */
+  autoColumnHeight?: boolean;
   /**
    * Allows collapsing the card content.
    * Default value: false

package/source/typescript/smart.scheduler.d.ts

@@ -428,7 +428,7 @@ export interface SchedulerProperties {
   timeRulerTicks?: boolean;
   /**
    * Determines the timeZone for the element. By default if the local time zone is used if the property is not set.
-   * Default value: 
+   * Default value: Local
    */
   timeZone?: SchedulerTimeZone | string;
   /**

package/source/typescript/smart.table.d.ts

@@ -472,7 +472,7 @@ export interface Table extends BaseElement, TableProperties {
   /**
    * Adds a filter to a specific column.
    * @param {string} dataField. The column's data field.
-   * @param {any} filter. FilterGroup object.
+   * @param {any} filter. FilterGroup object or a Filter expression. Filter expression like: 'startsWith B'. Example 2: ['contains Andrew or contains Nancy'], Example 3:  ['quantity', '<= 3 and >= 8'].  Filter conditions which you can use in the expressions: '=', 'EQUAL','<>', 'NOT_EQUAL', '!=', '<', 'LESS_THAN','>', 'GREATER_THAN', '<=', 'LESS_THAN_OR_EQUAL', '>=', 'GREATER_THAN_OR_EQUAL','starts with', 'STARTS_WITH','ends with', 'ENDS_WITH', '', 'EMPTY', 'CONTAINS','DOES_NOT_CONTAIN', 'NULL','NOT_NULL'
    */
   addFilter(dataField: string, filter: any): void;
   /**