smart-webcomponents-react 14.2.83 → 14.3.0

package/grid/grid.esm.js

@@ -9,31 +9,6 @@ import '../source/modules/smart.grid';
 
 import React from 'react';
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
 const Smart = window.Smart;
 /**
  Data Grid UI Component that covers everything from paging, sorting, grouping, filtering, and editing to row and column virtualization, right-to-left layout, export to Excel and PDF and Accessibility.
@@ -325,7 +300,7 @@ class Grid extends React.Component {
             this.nativeElement.onAfterInit = value;
         }
     }
-    /** Describes the paging settings.
+    /** Sets the grid's image upload settings for the image columns.
     *	Property type: any
     */
     get onChartInit() {
@@ -336,7 +311,7 @@ class Grid extends React.Component {
             this.nativeElement.onChartInit = value;
         }
     }
-    /** Describes the pager settings.
+    /** Describes the paging settings.
     *	Property type: any
     */
     get onRender() {
@@ -347,7 +322,7 @@ class Grid extends React.Component {
             this.nativeElement.onRender = value;
         }
     }
-    /** Sets the row details.
+    /** Describes the pager settings.
     *	Property type: any
     */
     get onLoad() {
@@ -358,7 +333,7 @@ class Grid extends React.Component {
             this.nativeElement.onLoad = value;
         }
     }
-    /** Sets the scroll mode settings.
+    /** Sets the row details.
     *	Property type: {(event: KeyboardEvent): void}
     */
     get onKey() {
@@ -369,7 +344,7 @@ class Grid extends React.Component {
             this.nativeElement.onKey = value;
         }
     }
-    /** Describes the column header settings.
+    /** Sets the scroll mode settings.
     *	Property type: {(index: number, row: GridRow): void}
     */
     get onRowInit() {
@@ -380,7 +355,7 @@ class Grid extends React.Component {
             this.nativeElement.onRowInit = value;
         }
     }
-    /** Describes the summary row settings.
+    /** Describes the column header settings.
     *	Property type: {(index: number, row: GridRow, details: HTMLElement): void}
     */
     get onRowDetailInit() {
@@ -391,7 +366,7 @@ class Grid extends React.Component {
             this.nativeElement.onRowDetailInit = value;
         }
     }
-    /** Describes the settings for the group header.
+    /** Describes the summary row settings.
     *	Property type: {(index: number, row: GridRow, details: HTMLElement): void}
     */
     get onRowDetailUpdated() {
@@ -402,7 +377,7 @@ class Grid extends React.Component {
             this.nativeElement.onRowDetailUpdated = value;
         }
     }
-    /** Describes the header settings of the grid.
+    /** Describes the settings for the group header.
     *	Property type: {(index: number, row: GridRow, history: any[]): void}
     */
     get onRowHistory() {
@@ -413,7 +388,7 @@ class Grid extends React.Component {
             this.nativeElement.onRowHistory = value;
         }
     }
-    /** Describes the footer settings of the grid.
+    /** Describes the header settings of the grid.
     *	Property type: {(index: number, row: GridRow, history: any[]): void}
     */
     get onRowStyle() {
@@ -424,7 +399,7 @@ class Grid extends React.Component {
             this.nativeElement.onRowStyle = value;
         }
     }
-    /** Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
+    /** Describes the footer settings of the grid.
     *	Property type: {(index: number[], row: GridRow[]): void}
     */
     get onRowInserted() {
@@ -435,7 +410,7 @@ class Grid extends React.Component {
             this.nativeElement.onRowInserted = value;
         }
     }
-    /** The rows property is used to describe all rows displayed in the grid.
+    /** Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
     *	Property type: {(indexes: number[], rows: GridRow[]): void}
     */
     get onRowRemoved() {
@@ -446,7 +421,7 @@ class Grid extends React.Component {
             this.nativeElement.onRowRemoved = value;
         }
     }
-    /** Describes the selection settings.
+    /** The rows property is used to describe all rows displayed in the grid.
     *	Property type: {(index: number[], row: GridRow[], oldValues: any[], values: any[], confirm: {(commit: boolean): void}): void}
     */
     get onRowUpdate() {
@@ -457,7 +432,7 @@ class Grid extends React.Component {
             this.nativeElement.onRowUpdate = value;
         }
     }
-    /** Describes sorting settings.
+    /** Describes the selection settings.
     *	Property type: {(index: number[], row: GridRow[]): void}
     */
     get onRowUpdated() {
@@ -468,7 +443,7 @@ class Grid extends React.Component {
             this.nativeElement.onRowUpdated = value;
         }
     }
-    /** undefined
+    /** Describes sorting settings.
     *	Property type: {(index: number, data: any, row: GridRow[]): void}
     */
     get onRowClass() {
@@ -590,6 +565,17 @@ class Grid extends React.Component {
         }
     }
     /** undefined
+    *	Property type: GridUploadSettings
+    */
+    get uploadSettings() {
+        return this.nativeElement ? this.nativeElement.uploadSettings : undefined;
+    }
+    set uploadSettings(value) {
+        if (this.nativeElement) {
+            this.nativeElement.uploadSettings = value;
+        }
+    }
+    /** undefined
     *	Property type: GridPaging
     */
     get paging() {
@@ -734,7 +720,7 @@ class Grid extends React.Component {
     }
     // Gets the properties of the React component.
     get properties() {
-        return ["appearance", "behavior", "layout", "locale", "clipboard", "columns", "contextMenu", "columnMenu", "columnGroups", "conditionalFormatting", "charting", "checkBoxes", "dataExport", "dataSource", "dataSourceSettings", "editing", "filtering", "grouping", "messages", "onCellValue", "onCellUpdate", "onCellRender", "onBeforeInit", "onInit", "onAfterInit", "onChartInit", "onRender", "onLoad", "onKey", "onRowInit", "onRowDetailInit", "onRowDetailUpdated", "onRowHistory", "onRowStyle", "onRowInserted", "onRowRemoved", "onRowUpdate", "onRowUpdated", "onRowClass", "onCellClass", "onColumnInit", "onColumnInserted", "onColumnRemoved", "onColumnUpdated", "onColumnClone", "onCommand", "rowCSSRules", "currentUser", "users", "paging", "pager", "rowDetail", "scrolling", "columnHeader", "summaryRow", "groupHeader", "header", "footer", "rightToLeft", "rows", "selection", "sorting"];
+        return ["appearance", "behavior", "layout", "locale", "clipboard", "columns", "contextMenu", "columnMenu", "columnGroups", "conditionalFormatting", "charting", "checkBoxes", "dataExport", "dataSource", "dataSourceSettings", "editing", "filtering", "grouping", "messages", "onCellValue", "onCellUpdate", "onCellRender", "onBeforeInit", "onInit", "onAfterInit", "onChartInit", "onRender", "onLoad", "onKey", "onRowInit", "onRowDetailInit", "onRowDetailUpdated", "onRowHistory", "onRowStyle", "onRowInserted", "onRowRemoved", "onRowUpdate", "onRowUpdated", "onRowClass", "onCellClass", "onColumnInit", "onColumnInserted", "onColumnRemoved", "onColumnUpdated", "onColumnClone", "onCommand", "rowCSSRules", "currentUser", "users", "uploadSettings", "paging", "pager", "rowDetail", "scrolling", "columnHeader", "summaryRow", "groupHeader", "header", "footer", "rightToLeft", "rows", "selection", "sorting"];
     }
     // Gets the events of the React component.
     get eventListeners() {
@@ -760,36 +746,16 @@ class Grid extends React.Component {
     * @returns {boolean}
   */
     addNewRow(position) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.addNewRow(position);
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.addNewRow(position);
+        return result;
     }
     /** Adds a new column.
     * @param {any} column. A Grid column object. See 'columns' property.
     * @returns {boolean}
   */
     addNewColumn(column) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.addNewColumn(column);
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.addNewColumn(column);
+        return result;
     }
     /** Adds a new unbound row to the top or bottom. Unbound rows are not part of the Grid's dataSource. They become part of the dataSource, after an unbound row is edited.
     * @param {number} count. The count of unbound rows.
@@ -797,18 +763,8 @@ class Grid extends React.Component {
     * @returns {boolean}
   */
     addUnboundRow(count, position) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.addUnboundRow(count, position);
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.addUnboundRow(count, position);
+        return result;
     }
     /** 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.
@@ -893,18 +849,8 @@ class Grid extends React.Component {
     * @returns {boolean}
   */
     areAllRowsSelected() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.areAllRowsSelected();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.areAllRowsSelected();
+        return result;
     }
     /** Starts an update operation. This is appropriate when calling multiple methods or set multiple properties at once.
     */
@@ -1100,18 +1046,8 @@ class Grid extends React.Component {
     * @returns {boolean}
   */
     ensureVisible(rowId, dataField) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.ensureVisible(rowId, dataField);
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.ensureVisible(rowId, dataField);
+        return result;
     }
     /** Ends the editing. This method confirms all changes and closes the opened cell editor(s).
     */
@@ -1196,36 +1132,16 @@ class Grid extends React.Component {
     * @returns {any[]}
   */
     find(query, dataField, condition) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.find(query, dataField, condition);
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.find(query, dataField, condition);
+        return result;
     }
     /** Finds entries by using a query and returns an array of cells. Each cell in the array is also an array in this format: [id, dataField, value]. Example: const cells = grid.findCells('nancy'); returns all cells that have 'nancy' value. Example 2: const cells = grid.findCells('nancy, davolio'); returns all cells that have 'nancy' and 'davolio' values.
     * @param {string} query. Search query. You can enter multiple search strings, by using ','. Example: 'nancy, davolio'
     * @returns {any[]}
   */
     findCells(query) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.findCells(query);
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.findCells(query);
+        return result;
     }
     /** Navigates to a page, when paging is enabled.
     * @param {number} index. page index
@@ -1332,307 +1248,127 @@ class Grid extends React.Component {
     * @returns {number}
   */
     getVerticalScrollMax() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getVerticalScrollMax();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getVerticalScrollMax();
+        return result;
     }
     /** Gets the position of the vertical scrollbar.
     * @returns {number}
   */
     getVerticalScrollValue() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getVerticalScrollValue();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getVerticalScrollValue();
+        return result;
     }
     /** Gets the maximum position of the horizontal scrollbar. You can use this method in combination with the setHorizontalScrollValue to apply a new scroll position.
     * @returns {number}
   */
     getHorizontalScrollMax() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getHorizontalScrollMax();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getHorizontalScrollMax();
+        return result;
     }
     /** Gets the position of the horizontal scrollbar.
     * @returns {number}
   */
     getHorizontalScrollValue() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getHorizontalScrollValue();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getHorizontalScrollValue();
+        return result;
     }
     /** Gets the columns array. Each item in the array contains the column properties which are dynamically set by the user interaction and the columns initialization data properties such as: 'label', 'dataField', 'dataType', 'visible'.
     * @returns {any}
   */
     getColumns() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getColumns();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getColumns();
+        return result;
     }
     /** Gets the editing cell(s), when the grid is editing.
     * @returns {any[]}
   */
     getEditCells() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getEditCells();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getEditCells();
+        return result;
     }
     /** Gets the groups array.
     * @returns {any[]}
   */
     getGroups() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getGroups();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getGroups();
+        return result;
     }
     /** Gets an array of columns with applied sorting. Each member in the array is with column's data field used as a key and 'sortOrder' and 'sortIndex' as a value.
     * @returns {{[dataField: string]: { sortOrder: string, sortIndex: number }}}
   */
     getSortedColumns() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getSortedColumns();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getSortedColumns();
+        return result;
     }
     /** Gets the selection.
     * @returns {any}
   */
     getSelection() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getSelection();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getSelection();
+        return result;
     }
     /** 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() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getSelectedRows();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getSelectedRows();
+        return result;
     }
     /** Gets the selected row ids.
     * @returns {any[]}
   */
     getSelectedRowIds() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getSelectedRowIds();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getSelectedRowIds();
+        return result;
     }
     /** Gets the selected row indexes.
     * @returns {any[]}
   */
     getSelectedRowIndexes() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getSelectedRowIndexes();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getSelectedRowIndexes();
+        return result;
     }
     /** 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[]}
   */
     getSelectedCells() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getSelectedCells();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getSelectedCells();
+        return result;
     }
     /** Gets an array of columns with applied filters.
     * @returns {any}
   */
     getFilteredColumns() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getFilteredColumns();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getFilteredColumns();
+        return result;
     }
     /** Gets an array of rows, which are visible and match the applied filter.
     * @returns {any}
   */
     getVisibleRows() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getVisibleRows();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getVisibleRows();
+        return result;
     }
     /** Gets the result of the getVisibleRows or the rows hierarchy, when the Grid is in TreeGrid/Grouping mode.
     * @returns {any}
   */
     getViewRows() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getViewRows();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getViewRows();
+        return result;
     }
     /** Gets a JSON object with the following fields: 'sort', 'filter', 'groups', 'paging', 'selectedCells', 'selectedrows'.
     * @returns {any}
   */
     getState() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getState();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getState();
+        return result;
     }
     /** Gets the changes from the batch edit.
     * @returns {{ upDated: [{ id: string, dataField: string, oldValue: Object, newValue: Object }], deleted: [{id: string, data: Object}], added: [{id: string, data: Object}] }}
   */
     getBatchEditChanges() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getBatchEditChanges();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getBatchEditChanges();
+        return result;
     }
     /** Gets a value of a cell.
     * @param {string | number} rowId. row bound id
@@ -1640,36 +1376,16 @@ class Grid extends React.Component {
     * @returns {any}
   */
     getCellValue(rowId, dataField) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getCellValue(rowId, dataField);
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getCellValue(rowId, dataField);
+        return result;
     }
     /** Gets a column. Returns a Grid column object.
     * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
     * @returns {GridColumn}
   */
     getColumn(dataField) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getColumn(dataField);
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getColumn(dataField);
+        return result;
     }
     /** Gets a value of a column.
     * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
@@ -1677,18 +1393,8 @@ class Grid extends React.Component {
     * @returns {any}
   */
     getColumnProperty(dataField, propertyName) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getColumnProperty(dataField, propertyName);
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getColumnProperty(dataField, propertyName);
+        return result;
     }
     /** Gets a value of a row.
     * @param {string | number} rowId. row bound id
@@ -1696,124 +1402,54 @@ class Grid extends React.Component {
     * @returns {any}
   */
     getRowProperty(rowId, propertyName) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getRowProperty(rowId, propertyName);
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getRowProperty(rowId, propertyName);
+        return result;
     }
     /** Gets a row. Returns a Grid row object.
     * @param {string | number} rowId. row bound id
     * @returns {GridRow}
   */
     getRow(rowId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getRow(rowId);
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getRow(rowId);
+        return result;
     }
     /** Gets a row by its index. Returns a Grid row object.
     * @param {number} rowIndex. row bound index
     * @returns {GridRow}
   */
     getRowByIndex(rowIndex) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getRowByIndex(rowIndex);
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getRowByIndex(rowIndex);
+        return result;
     }
     /** Gets the Data source data associated to the row.
     * @param {string | number} rowId. row bound id
     * @returns {any}
   */
     getRowData(rowId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getRowData(rowId);
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getRowData(rowId);
+        return result;
     }
     /** Gets the Row's id by a row index.
     * @param {number} rowIndex. row index
     * @returns {string | number}
   */
     getRowId(rowIndex) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.getRowId(rowIndex);
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.getRowId(rowIndex);
+        return result;
     }
     /** Gets whether a column's drop-down menu is opened.
     * @returns {boolean}
   */
     hasMenu() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.hasMenu();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.hasMenu();
+        return result;
     }
     /** This method returns true, if any rows in the Grid are selected.
     * @returns {boolean}
   */
     hasSelectedRows() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.hasSelectedRows();
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
+        const result = this.nativeElement.hasSelectedRows();
+        return result;
     }
     /** Hides the Details of a Row, when row details are enabled.
     * @param {string | number} rowId. row bound id