@refinitiv-ui/efx-grid 6.0.98 → 6.0.100

package/lib/rt-grid/es6/ColumnDefinition.d.ts

@@ -43,7 +43,8 @@ declare namespace ColumnDefinition {
         stationary?: boolean|null,
         leftPinned?: boolean|null,
         rightPinned?: boolean|null,
-        info?: any
+        info?: any,
+        focusable: boolean
     };
 
 }
@@ -158,6 +159,8 @@ declare class ColumnDefinition {
 
     public getColumnInfo(): any;
 
+    public isFocusable(): boolean;
+
 }
 
 declare const COL_DEF: string;

package/lib/rt-grid/es6/ColumnDefinition.js

@@ -50,6 +50,7 @@ import Engine from "../../tr-grid-util/es6/formula/Engine.js";
 * @property {boolean=} leftPinned=false If enabled, the column will not be part of the scrollable area and is pinned to the left side
 * @property {boolean=} rightPinned=false If enabled, the column will not be part of the scrollable area and is pinned to the right side
 * @property {Object=} info=null For storing any additional information to the column
+* @property {boolean} focusable=false If enabled, the column will be used to find focusable element when pressing tab key
 */
 
 /** mapping of field type to javascript type
@@ -258,6 +259,10 @@ ColumnDefinition.prototype._info = null;
 * @private
 */
 ColumnDefinition.prototype._coreColDef = null;
+/** @type {boolean}
+* @private
+*/
+ColumnDefinition.prototype._focusable = false;
 //#endregion Private Members
 
 
@@ -402,6 +407,11 @@ ColumnDefinition.prototype.initialize = function(columnOption) {
 		this._sortable = val ? true : false;
 	}
 
+	val = columnOption["focusable"];
+	if(val != null) {
+		this._focusable = val ? true : false;
+	}
+
 	val = columnOption["className"] || columnOption["class"];
 	if(typeof val === "string") {
 		this._classes = val.split(" ");
@@ -785,6 +795,10 @@ ColumnDefinition.prototype.getConfigObject = function(colOptions) {
 		obj["autoGenerated"] = this._autoGenerated;
 	}
 
+	if(this._focusable) {
+		obj["focusable"] = true;
+	}
+
 	let core = this._eventArg["core"];
 	let grid = this._eventArg["grid"];
 	let colIndex = grid.getColumnIndex(this);
@@ -1149,6 +1163,12 @@ ColumnDefinition.prototype._setCoreColumnDef = function(obj) {
 	this._coreColDef = obj || null;
 };
 
+/** @public
+* @return {boolean}
+*/
+ColumnDefinition.prototype.isFocusable = function() {
+	return this._focusable;
+};
 
 export {ColumnDefinition, COL_DEF};
 export default ColumnDefinition;

package/lib/rt-grid/es6/Grid.d.ts

@@ -184,6 +184,8 @@ declare class Grid extends EventDispatcher {
 
     public insertRow(rowOption?: (RowDefinition.Options|string)|null, rowRef?: Grid.RowReference|null): RowDefinition|null;
 
+    public insertSegmentSeparator(rowOption?: RowDefinition.Options|null, rowRef?: Grid.RowReference|null): RowDefinition|null;
+
     public insertRows(rowOptions: (RowDefinition.Options|string)[]|null, rowRef?: Grid.RowReference|null, opt_fields?: (string)[]|null): void;
 
     public addStaticDataRows(dataRows: any[]|null, fields?: (string)[]|null): void;
@@ -248,6 +250,8 @@ declare class Grid extends EventDispatcher {
 
     public setRicData(ric: string, values: any): void;
 
+    public getAllRics(): (string)[]|null;
+
     public setRowData(rowRef: Grid.RowReference|null, values: any): void;
 
     public setStaticRowData(rowRef: Grid.RowReference|null, values: any): void;

package/lib/rt-grid/es6/Grid.js

@@ -343,6 +343,11 @@ let Grid = function(placeholder, config) {
 	t._snapshotFillerDataChanged = t._snapshotFillerDataChanged.bind(t);
 	t._onPollingInterval = t._onPollingInterval.bind(t);
 
+	t._onKeyDown = t._onKeyDown.bind(t);
+	t._requestScroll = t._requestScroll.bind(t);
+	t._onVScroll = t._onVScroll.bind(t);
+	t._selfScrollToRow = t._selfScrollToRow.bind(t);
+
 	t._streamingConflator = new Conflator(50, t._updateStreamingData);
 	t._formulaConflator = new Conflator(300, t._onFormulaDataChanged);
 	t._chainConflator = new Conflator(100, t._addMemberOfChain);
@@ -422,6 +427,10 @@ let Grid = function(placeholder, config) {
 	t._grid.listen("postSectionDataBinding", t._onPostSectionDataBinding);
 	t._grid.listen("firstRendered", t._dispatch.bind(t, "firstRendered"));
 	t._grid.listen("afterContentBinding", t._dispatch.bind(t, "afterContentBinding"));
+	t._grid.listen("keydown", t._onKeyDown);
+
+	t._grid.getVScrollbar().listen("scroll", t._onVScroll);
+	t._hiddenInput = t._grid.getHiddenInput();
 
 	t._grid.enableRowHighlighting(true);
 
@@ -607,7 +616,14 @@ Grid.prototype._childDataField = "";
 * @private
 */
 Grid.prototype._topSection = true;
-
+/** @type {Object}
+* @private
+*/
+Grid.prototype._focusingArgs = null;
+/** @type {number}
+* @private
+*/
+Grid.prototype._scrolledRow = -1;
 /** @public
 */
 Grid.prototype.dispose = function() {
@@ -640,6 +656,11 @@ Grid.prototype.dispose = function() {
 		this._subs["dispose"]();
 		this._subs = null;
 	}
+
+	if(this._focusingArgs && this._focusingArgs.id) {
+		clearTimeout(this._focusingArgs.id);
+		this._focusingArgs = null;
+	}
 };
 /** @public
 * @return {Element}
@@ -2321,6 +2342,22 @@ Grid.prototype.insertRow = function(rowOption, rowRef) {
 	this._connector.addRic(rowDef);
 	return rowDef;
 };
+/** Insert a row as a segment separator
+* @public
+* @param {RowDefinition~Options=} rowOption
+* @param {Grid~RowReference=} rowRef Reference (i.e. row index, row id, or row definition) of the insert position
+* @returns {RowDefinition}
+*/
+Grid.prototype.insertSegmentSeparator = function(rowOption, rowRef) {
+	if(!rowOption) {
+		rowOption = {};
+	}
+	if(typeof rowOption === "object") {
+		rowOption.asSegment = true;
+		return this.insertRow(rowOption, rowRef);
+	}
+	return null;
+};
 /** @public
 * @param {Array.<RowDefinition~Options|string>} rowOptions Array of row option object
 * @param {Grid~RowReference=} rowRef Reference (i.e. row index, row id, or row definition) of the insert position
@@ -3051,6 +3088,13 @@ Grid.prototype.setRicData = function(ric, values) {
 		}
 	}
 };
+/** Retrieve all RIC subscriptions. This method is not dependent on the number of rows, the RIC can vary from the current row in the grid.
+* @public
+* @return {Array.<string>}
+*/
+Grid.prototype.getAllRics = function() {
+	return this._connector.getAllRics();
+};
 /** A shorthand to set row data based on index of the specified row. It is better to keep rowDefinition object for updating data directly as row index can be changed by sorting and filtering.
 * @public
 * @param {Grid~RowReference} rowRef
@@ -4116,5 +4160,198 @@ Grid.prototype.getVScrollView = function () {
 	return this._grid.getVScrollView();
 };
 
+/** @private
+* @param {Element} el
+* @return {boolean}
+*/
+function isValidInput(el) {
+	return el && el.tagName !== "SPAN" && !el.disabled;
+}
+/** @private
+* @param {Element} el
+* @param {Element} hiddenInput
+* @return {boolean}
+*/
+function isValidTarget(el, hiddenInput) {
+	return !el.classList.contains("valigner") && el !== hiddenInput;
+}
+/** @private
+* @param {Object} cell
+* @return {boolean}
+*/
+function focusCell(cell) {
+	if(cell) {
+		let cellContent = cell.getContent();
+		if(cellContent && isValidInput(cellContent)) {
+			cellContent.focus();
+			return true;
+		}
+	}
+	return false;
+}
+/** @private
+*/
+Grid.prototype._onVScroll = function() {
+	let args = this._focusingArgs;
+	if(!args) { return; }
+
+	this._focusingArgs = null;
+	let event = args.event;
+	let cell = args.section.getCell(args.colIndex, args.rowIndex);
+	if(focusCell(cell)) {
+		event.preventDefault();
+	} else {
+		if(event.shiftKey) {
+			this._findPrevFocusableCell(event, args.colIndex, args.rowIndex, args.focusableColIndices);
+		} else {
+			this._findNextFocusableCell(event, args.colIndex, args.rowIndex, args.focusableColIndices);
+		}
+	}
+};
+/** @private
+*/
+Grid.prototype._selfScrollToRow = function() {
+	let args = this._focusingArgs;
+	if(!args) { return; }
+	args.id = 0;
+	this.scrollToRow(args.rowIndex);
+};
+/** @private
+* @param {Object} e
+* @param {number} colIndex
+* @param {number} rowIndex
+* @param {Array} focusableColIndices
+* @param {Object} section
+*/
+Grid.prototype._requestScroll = function(e, colIndex, rowIndex, focusableColIndices, section) {
+	let args = this._focusingArgs;
+	if(args) { return; }
+	if(this._scrolledRow === rowIndex) { return; } // Avoid infinite loop
+
+	this._scrolledRow = rowIndex;
+	args = this._focusingArgs = {
+		event: e,
+		colIndex: colIndex,
+		rowIndex: rowIndex,
+		focusableColIndices: focusableColIndices,
+		section: section
+	};
+
+	args.id = setTimeout(this._selfScrollToRow); // Avoid event loop protection
+};
+/** @private
+* @param {Object} e
+* @param {number} colIndex
+* @param {number} rowIndex
+* @param {Array} focusableColIndices
+* @param {Element=} content
+*/
+Grid.prototype._findNextFocusableCell = function(e, colIndex, rowIndex, focusableColIndices, content) {
+	let startIdx = focusableColIndices.indexOf(colIndex);
+
+	// Calculate starting row and column index
+	if(!isValidTarget(e.target, this._hiddenInput) || startIdx < 0) {
+		rowIndex = 0;
+		startIdx = 0;
+	} else if(isValidInput(content) && startIdx >= 0) {
+		startIdx++;
+	}
+	let grid = this._grid;
+	let section = grid.getSection("content");
+	let viewInfo = grid.getVerticalViewInfo();
+	let bottomRowIndex = viewInfo.bottomRowIndex;
+	let rowCount = this.getRowCount();
+	for(let r = rowIndex; r < rowCount; r++) {
+		for(let i = startIdx; i < focusableColIndices.length; i++) {
+			let c = focusableColIndices[i];
+			if(r > bottomRowIndex) {
+				this._requestScroll(e, c, r, focusableColIndices, section);
+				return;
+			} else {
+				let cell = section.getCell(c, r);
+				if(focusCell(cell)) {
+					e.preventDefault();
+					return;
+				}
+			}
+		}
+		startIdx = 0;
+	}
+};
+/** @private
+* @param {Object} e
+* @param {number} colIndex
+* @param {number} rowIndex
+* @param {Array} focusableColIndices
+* @param {Element=} content
+*/
+Grid.prototype._findPrevFocusableCell = function(e, colIndex, rowIndex, focusableColIndices, content) {
+	let startIdx = focusableColIndices.indexOf(colIndex);
+	let len = focusableColIndices.length;
+
+	// Calculate starting row and column index
+	if(!isValidTarget(e.target, this._hiddenInput) || startIdx < 0) {
+		rowIndex = 0;
+		startIdx = 0;
+	} else if(isValidInput(content) && startIdx >= 0) {
+		startIdx--;
+	}
+
+	let grid = this._grid;
+	let section = grid.getSection("content");
+	let viewInfo = grid.getVerticalViewInfo();
+	let topRowIndex = viewInfo.topRowIndex;
+	for(let r = rowIndex; r >= 0; r--) {
+		for(let i = startIdx; i >= 0; i--) {
+			let c = focusableColIndices[i];
+			if(r < topRowIndex) {
+				this._requestScroll(e, c, r, focusableColIndices, section);
+				return;
+			} else {
+				let cell = section.getCell(c, r);
+				if(focusCell(cell)) {
+					e.preventDefault();
+					return;
+				}
+			}
+		}
+		startIdx = len - 1;
+	}
+};
+
+/** @private
+* @param {Object} e
+*/
+Grid.prototype._onKeyDown = function(e) {
+	if (e.keyCode !== 9 || e.ctrlKey || e.altKey || e.metaKey) {
+		return;
+	}
+
+	// Find next focusable cell
+	let colDefs = this.getColumnDefinitions();
+	let colCount = colDefs.length;
+
+	let focusableColIndices = [];
+	for(let c = 0; c < colCount; c++) {
+		if(colDefs[c].isFocusable()) {
+			focusableColIndices.push(c);
+		}
+	}
+
+	if(!focusableColIndices.length) {
+		return;
+	}
+
+	this._scrolledRow = -1; // Reset the scroll loop protector
+	let pos = this.getRelativePosition(e);
+	let content = pos["cell"] ? pos["cell"].getContent() : null;
+
+	if(e.shiftKey) {
+		this._findPrevFocusableCell(e, pos["colIndex"], pos["rowIndex"], focusableColIndices, content);
+	} else {
+		this._findNextFocusableCell(e, pos["colIndex"], pos["rowIndex"], focusableColIndices, content);
+	}
+};
+
 export { Grid };
 export default Grid;

package/lib/rt-grid/es6/RowDefinition.d.ts

@@ -142,7 +142,5 @@ declare const ROW_DEF: string;
 
 declare const ROW_TYPES: RowDefinition.RowTypes;
 
-declare function rowData(userInput: string, extractedOptions: any): boolean;
-
 export {RowDefinition, ROW_DEF, ROW_TYPES};
 export default RowDefinition;

package/lib/rt-grid/es6/RowDefinition.js

@@ -12,7 +12,7 @@ import { DataTable } from "../../core/es6/data/DataTable.js";
 * @property {Array.<string>=} fields=null Field that corresponds to the given static values
 * @property {boolean=} asChain=false The given ric will be treated as a chain
 * @property {string=} chainRic="" RIC to be used for chain request (overiding ric property)
-* @property {boolean=} collapsed=true Chain is collapsed by default
+* @property {boolean=} collapsed=true Chain or segment is collapsed by default
 * @property {(string|null)=} label=null
 * @property {boolean=} hidden=true When this row is hidden
 * @property {boolean=} realTime=true Realtime row, able to request for JET/RTK
@@ -104,6 +104,10 @@ RowDefinition.prototype._isChain = null;
 /** @type {boolean}
 * @private
 */
+RowDefinition.prototype._asSegment = false;
+/** @type {boolean}
+* @private
+*/
 RowDefinition.prototype._realTime = true;
 
 /** @type {string}
@@ -258,8 +262,8 @@ RowDefinition.prototype.initialize = function(rowOptions) {
 	}
 
 	val = extractedOptions["asChain"];
-	if(val !== null) {
-		this._isChain = val;
+	if(val != null) {
+		this._isChain = val ? true : false;
 	}
 
 	val = rowOptions["realTime"];
@@ -272,6 +276,12 @@ RowDefinition.prototype.initialize = function(rowOptions) {
 	if(val != null || !collapsed){
 		this._expanded = !collapsed;
 	}
+
+	val = rowOptions["asSegment"];
+	if(val != null) {
+		this._asSegment = val ? true : false;
+	}
+
 	val = rowOptions["keepModel"];
 	if(val) {
 		this._userModel = rowOptions;
@@ -315,6 +325,41 @@ RowDefinition.prototype._initializeAsConstituent = function(rowOptions) {
 		this.setStaticRowData(val, rowOptions["fields"]);
 	}
 };
+/** @private
+* @param {DataView} view
+* @param {string} rowId
+* @returns {string}
+*/
+let _getEndOfSegmentRowId = function(view, rowId) {
+	let rowIndex = view.getRowIndex(rowId);
+	do {
+		rowId = view.getRowId(++rowIndex);
+		if(rowId && !view.getSegmentParentRowId(rowId)) {
+			break;
+		}
+	} while(rowId);
+	return rowId;
+};
+
+/** @private
+* @param {DataView} view
+* @param {boolean} newState
+* @param {boolean} prevState
+* @returns {boolean} Current state
+*/
+let _stallSorting = function(view, newState, prevState) {
+	if(view && view.isSorting()) {
+		newState = newState ? true : false;
+		if(newState !== prevState) {
+			if(newState) {
+				view.synchronizeRowOrder();
+			}
+			view.stallSorting(newState);
+		}
+		return newState;
+	}
+	return false;
+};
 /** @public
 * @ignore
 * @param {string} userInput RIC
@@ -342,44 +387,53 @@ RowDefinition.prototype.setContent = function(userInput, extractedOptions) {
 		return false;
 	}
 
+	let asChain = extractedOptions["asChain"];
+	let realtimeRow = true;
+	if(userInput.charAt(0) === "'") { // Single quote is used as a marker for non realtime row
+		realtimeRow = false;
+		this._ric = this._chainRic = ""; // No ric for realtime request
+	}
+
+	let dv = this._view;
+	let stalledSorting = _stallSorting(dv, realtimeRow && asChain, false); // To preserve current position of the segment/chain
+
 	if(!this.unsubscribeForUpdates()){
 		this._clearStaticData();
 	}
 	this.resetUpdates(); // Remove all previous data updates because a new content is just entered
 
 	this._userInput = userInput;
-	if(this._userInput.charAt(0) === "'") { // This is a row header
-		this._ric = this._chainRic = ""; // No ric for realtime request
-	} else {
-		let asChain = extractedOptions["asChain"];
+	if(realtimeRow) {
 		let expanded = !extractedOptions["collapsed"];
 		let chainRic = extractedOptions["chainRic"];
 		if(asChain === true){
-			this._ric = expanded === false ? this._userInput : this._userInput.replace("0#", "");
+			this._ric = expanded === false ? userInput : userInput.replace("0#", "");
 			this._expanded = expanded; // Only chain can be expanded by 0#
 		} else {
-			this._ric = this._userInput;
+			this._ric = userInput;
 		}
 		this._isChain = asChain != null ? asChain : null; // this could be null or undefined
 		this._chainRic = chainRic || "";
 	}
+	// A symbol can be either RIC or permId
+	// JET/RTK will generate data id to be rowId (given from this rowDef) + ric
+	this._dataId = this._rowId + this.getSymbol();
 
-	let segmentId = "";
-	if(this._view) {
-		segmentId = this._view.getSegmentParentRowId(this._rowId);
+	if(dv) {
+		let segmentId = dv.getSegmentParentRowId(this._rowId);
 		if(segmentId) {
 			if(this._isChain){ // If the row was a normal row and has been changed to a chain, remove it from existing segment
-				let targetRowId = _getEndOfSegmentRowId(this._view, this._rowId);
-				this._view.removeSegmentChild(segmentId, this._rowId);
-				this._view.moveRow(this._rowId, targetRowId);
+				let targetRowId = _getEndOfSegmentRowId(dv, this._rowId);
+				dv.removeSegmentChild(segmentId, this._rowId);
+				dv.moveRow(this._rowId, targetRowId);
 
 				segmentId = "";
 			}
-		} else if(this._view.getSegment(this._rowId)) {
-			this._view.setSegmentSeparator(this._rowId, false); // Remove existing segment
+		} else if(dv.getSegment(this._rowId)) {
+			dv.setSegmentSeparator(this._rowId, false); // Remove existing segment
 		}
 		if(this._isChain) {
-			this._view.setSegmentSeparator(this._rowId, true);
+			dv.setSegmentSeparator(this._rowId, true);
 		}
 		if(this.isChainCollapsed()) {
 			if(this._expanded){
@@ -390,11 +444,10 @@ RowDefinition.prototype.setContent = function(userInput, extractedOptions) {
 				this.collapseChain();
 			}
 		}
-	}
-
-	this._dataId = this._rowId + this.getSymbol(); // JET/RTK will generate data id to be rowId (given from this rowDef) + ric
-	if(segmentId) { // If data id is changed and the row is a child of a segment, then segment child data id must be updated
-		this._view.addSegmentChild(segmentId, this._rowId, this._dataId);
+		_stallSorting(dv, false, stalledSorting);
+		if(segmentId) { // If data id is changed and the row is a child of a segment, then segment child data id must be updated
+			dv.addSegmentChild(segmentId, this._rowId, this._dataId);
+		}
 	}
 
 	if(!this.subscribeForUpdates()) {
@@ -903,22 +956,6 @@ RowDefinition.prototype.resetUpdates = function() {
 	}
 };
 
-/** @private
-* @param {DataView} view
-* @param {string} rowId
-* @returns {string}
-*/
-let _getEndOfSegmentRowId = function(view, rowId) {
-	let rowIndex = view.getRowIndex(rowId);
-	do {
-		rowId = view.getRowId(++rowIndex);
-		if(rowId && !view.getSegmentParentRowId(rowId)) {
-			break;
-		}
-	} while(rowId);
-	return rowId;
-};
-
 /** @public
 * @param {DataView} view
 * @param {string=} rowId
@@ -942,28 +979,32 @@ RowDefinition.prototype.registerToView = function(view, rowId) {
 	rowData[ROW_DEF] = this;
 
 	let parentRowId = "";
+	let isSegment = this._isChain || this._asSegment;
 	if(rowId) {
 		parentRowId = view.getSegmentParentRowId(rowId);
 		if(parentRowId) {
-			if(this._isChain) { // A chain cannot be put inside another segment
+			if(isSegment) { // A chain or a segment cannot be put inside another segment
 				rowId = _getEndOfSegmentRowId(view, rowId);
 			} // else { // Normal row is inserted into a segment
 		}
 	}
 
+	let stalledSorting = _stallSorting(view, isSegment, false);
+
 	let newRowId = view.insertRow(rowId, rowData, this.getRowId());
 	if(newRowId !== this._rowId) {
 		this._rowId = newRowId; // In case there is some duplicate row id
 		this._userId = false;
 	}
 
-	if(this._isChain) {
-		view.setSegmentSeparator(this._rowId);
+	if(isSegment) {
+		view.setSegmentSeparator(newRowId);
+		_stallSorting(view, false, stalledSorting);
 		if(!this._expanded) {
-			this.collapseChain();
+			view.collapseSegment(newRowId);
 		}
 	} else if(!this._parent && parentRowId) { // Constituent cannot be added to another segment
-		view.addSegmentChild(parentRowId, this._rowId, this._dataId);
+		view.addSegmentChild(parentRowId, newRowId, this._dataId);
 	}
 };
 /** @private

package/lib/tr-grid-column-grouping/es6/ColumnGrouping.js

@@ -1093,7 +1093,18 @@ ColumnGroupingPlugin.prototype._onBeforeColumnBoundUpdate = function (e) {
       }
     }
   }
-  e.topBoundRowIndex = topBoundRowIndex;
+
+  // Find maximum spanned row count
+  var section = this._hosts[0].getSection("title");
+  var minRowSpanCount = 0;
+  var bottomRowIndex = this._maxDepth;
+  for (i = 0; i < selectedColumns.length; i++) {
+    var rowSpanCount = section.getCellRowSpan(selectedColumns[i], bottomRowIndex);
+    if (rowSpanCount < minRowSpanCount) {
+      minRowSpanCount = rowSpanCount;
+    }
+  }
+  e.topBoundRowIndex = bottomRowIndex + minRowSpanCount;
 };
 /** Deprecated. Column should be directly added through grid APIs.
 * @deprecated

package/lib/tr-grid-in-cell-editing/es6/InCellEditing.d.ts

@@ -31,7 +31,9 @@ declare namespace InCellEditingPlugin {
         rowEditorClosed?: ((...params: any[]) => any)|null,
         autoSuggest?: Element|null,
         closingOnScroll?: boolean|null,
-        autoHiding?: boolean|null
+        autoHiding?: boolean|null,
+        readonly?: boolean|null,
+        starterText?: (string|boolean)|null
     };
 
     type Cache = {
@@ -81,6 +83,8 @@ declare class InCellEditingPlugin extends GridPlugin {
 
     public disableDblClick(opt_disabled?: boolean|null): void;
 
+    public showStarterText(bool?: boolean|null): void;
+
     public isEditing(): boolean;
 
     public getTextBox(columnIndex?: number|null, grid?: any): Element|null;
@@ -99,6 +103,10 @@ declare class InCellEditingPlugin extends GridPlugin {
 
     public isColumnEditable(colIndex: number): boolean;
 
+    public enableReadonly(bool: boolean): void;
+
+    public disableReadonly(bool: boolean): void;
+
     public openRowEditor(rowIndex: number, grid?: any): void;
 
     public closeRowEditor(isCommit?: boolean|null): void;