@refinitiv-ui/efx-grid 6.0.118 → 6.0.120

package/lib/tr-grid-row-dragging/es6/RowDragging.js

@@ -15,7 +15,7 @@ import { cloneObject, injectCss, prettifyCss } from "../../tr-grid-util/es6/Util
 * @property {Function=} dragBoxRenderer Allow user to customize dragBox
 * @property {Function=} dragStart=null Function handler for dragStart event
 * @property {Function=} drag=null Function handler for drag event
-* @property {Function=} dragEnd=null Function handler for dragEnd event
+* @property {Function=} dragEnd=null Function handler for dragEnd event. This event is for clearing any resource hold during the drag operation
 * @property {Function=} dataMoved=null Function handler for dataMoved event
 * @property {Function=} beforeDataMoved=null Function handler for beforeDataMoved event
 */
@@ -34,34 +34,39 @@ import { cloneObject, injectCss, prettifyCss } from "../../tr-grid-util/es6/Util
 * }, // ..
 */
 /** @event RowDraggingPlugin#dragEnd
-* @description The event will always be fired at the end of the drag operation. This is to allow clearing of any resource used. You can cancel the data moving operation by setting cancel property to true.
+* @description The event will always be fired at the end of the drag operation. This is to allow clearing of any resource used during the drag operation
 * @type {Object}
+* @property {number} rowIndex The current or final position of the first dragged row after the move. Negative row index is returned when there is no moved row
+
 */
 /** @event RowDraggingPlugin#dragInterval
 * @description Fired at an interval during drag
 * @type {Object}
 */
 /** @event RowDraggingPlugin#dataMoved
-* @description Fired when rows or data are moved by the drag operation.
+* @description Fired when rows or data are moved by the drag operation. This happens before dragEnd event
 * @type {Object}
-* @property {Array.<number>} srcRowIndices row indices of the selected rows
-* @property {Array.<string>} srcRowIds row ids of the selected rows
-* @property {Array.<string>} srcRowTypes row types of the selected rows
+* @property {number} rowIndex The current or final position of the first dragged row after the move. Use srcRowIds to determine the row positions in case of dragging multiple rows.
+* @property {Array.<number>} srcRowIndices Row indices of the selected rows. The values represent the indices before the move and cannot be used for referencing
+* @property {Array.<string>} srcRowIds Row ids of the selected rows
+* @property {Array.<string>} srcRowTypes Row types of the selected rows
 * @property {string} consolidatedSrcRowType "MIXED" type is set if there are two or more row types in the srcRowTypes
-* @property {number} destRowIndex row index of the drop area
-* @property {string} destRowId row id of the drop area. This will be empty string for the end of grid
-* @property {number} destRowType row type of the drop area. This will be empty string for the end of grid
+* @property {number} destRowIndex Row index of the drop area. The value represents row index before the move and cannot be used for referencing
+* @property {string} destRowId Row id of the drop area. This will be empty string for the end of grid
+* @property {number} destRowType Row type of the drop area. This will be empty string for the end of grid
 */
 /** @event RowDraggingPlugin#beforeDataMoved
-* @description Fired after mouseup and before the data/row is about to be moved. You can check the current drag and drop states, cancel operation or apply custom tasks in this event.
+* @description Fired after mouseup and before the data/row is about to be moved. You can check the current drag and drop states, cancel operation, or apply custom tasks in this event.
 * @type {Object}
-* @property {Array.<number>} srcRowIndices row indices of the selected rows
-* @property {Array.<string>} srcRowIds row ids of the selected rows
-* @property {Array.<string>} srcRowTypes row types of the selected rows
+* @property {number} rowIndex Row index of the first row to be dragged
+* @property {Array.<number>} srcRowIndices Row indices of the selected rows
+* @property {Array.<string>} srcRowIds Row ids of the selected rows
+* @property {Array.<string>} srcRowTypes Row types of the selected rows
 * @property {string} consolidatedSrcRowType "MIXED" type is set if there are two or more row types in the srcRowTypes
-* @property {number} destRowIndex row index of the drop area
-* @property {string} destRowId row id of the drop area. This will be empty string for the end of grid
-* @property {number} destRowType row type of the drop area. This will be empty string for the end of grid
+* @property {number} destRowIndex Row index of the drop area
+* @property {string} destRowId Row id of the drop area. This will be empty string for the end of grid
+* @property {number} destRowType Row type of the drop area. This will be empty string for the end of grid
+* @property {boolean=} cancel Set this property to true to cancel the default operation (data moving)
 * @example
 * beforeDataMoved: function(e) {
 *   let srcRowType = e.srcRowTypes[0];
@@ -365,6 +370,12 @@ RowDraggingPlugin.prototype.unload = function (host) {
 
 	this._hosts.splice(at, 1);
 	if (!this._hosts.length) {
+		window.removeEventListener("mousemove", this._onMouseMove, false);
+		window.removeEventListener("touchmove", this._onMouseMove, false);
+		window.removeEventListener("mouseup", this._onDragEnd, false);
+		window.removeEventListener("touchend", this._onDragEnd, false);
+		window.removeEventListener("touchcancel", this._onDragEnd, false);
+
 		this._clearCache();
 	}
 	this._dispose();
@@ -509,14 +520,18 @@ RowDraggingPlugin.prototype.dragStart = function (rowIndex, mouseEvt) {
 * @param {*=} mouseEvt
 */
 RowDraggingPlugin.prototype.dragMove = function (rowIndex, mouseEvt) {
+	let core = this._hosts[0];
+	if(!core) {
+		return; // Extension has been disposed
+	}
+
 	// mousemove, touchmove event
 	if(!mouseEvt) {
 		mouseEvt = {};
 	}
 	mouseEvt["type"] = "mousemove";
 	mouseEvt["which"] = 1; // Simulation of mouse down and move
-	let core = this._hosts[0];
-	let cell = core ? core.getCell("content", 0, rowIndex) : null;
+	let cell = core.getCell("content", 0, rowIndex);
 	let cellRelativePosition = core.getRelativePosition(cell); // get relative position of cell only when dragging for calculate dragBox
 
 	mouseEvt.clientX = cellRelativePosition.x;
@@ -525,7 +540,6 @@ RowDraggingPlugin.prototype.dragMove = function (rowIndex, mouseEvt) {
 	mouseEvt.stopPropagation = function() {};
 	mouseEvt.preventDefault = function() {};
 	this._onMouseMove(mouseEvt);
-
 };
 
 /** Mouse up to end of drag for testing purpose
@@ -858,7 +872,15 @@ RowDraggingPlugin.prototype._onMouseMove = function (e) {
 		Dom.preventDefault(e);
 	}
 
+	var prevPos = this._pos;
 	this._pos = this._hitTest(e); // A new object is created
+
+	if(this._pos["grid"] && prevPos) { // mouse is in grid area
+		if(this._pos["sectionType"] !== "content") {  // mouse is in title or footer section, or grid has no row
+			this._pos = prevPos;
+		}
+	}
+
 	this._pos["dragBox"] = this._dragBox; // assign dragBox for user determine valid target
 
 	// need to check grid properties because row can be move outside the grid
@@ -919,15 +941,16 @@ RowDraggingPlugin.prototype._onDragEnd = function (e) {
 	srcGridElem.classList.remove("mouse-dragging");
 	srcGridElem.classList.remove("row-dragging");
 
-	let destPos = this._pos; // This can be null
+	let evtArg = {
+		rowIndex: -1
+	};
 	if(!this._isDragCancelled()) {
-		destPos["srcGrid"] = srcGrid; // destPos is always valid at this point
-		 // WARNING: dropTarget is not correct for element in a shadow root
-		destPos["dropTarget"] = e ? e.target : null;
+		evtArg["srcGrid"] = srcGrid;
+		evtArg["dropTarget"] = e ? e.target : null; // WARNING: dropTarget is not correct for element in a shadow root
 
 		if (!this._jetDnD && this._dataTransfer && _isInContentSection(this._pos)) {
-			let destGrid = destPos["grid"] || srcGrid;
-			let destRowIndex = destPos["rowIndex"];
+			let destGrid = this._pos["grid"] || srcGrid; // this._pos is always valid at this point
+			let destRowIndex = this._pos["rowIndex"];
 
 			let rowSelection = srcGrid.getPlugin("RowSelectionPlugin");
 			let srcRowIndices = rowSelection && rowSelection.getSelectedRows();
@@ -936,26 +959,17 @@ RowDraggingPlugin.prototype._onDragEnd = function (e) {
 				srcRowIndices = this._startingRid; // Str Type
 			}
 
-			this._moveRows(srcRowIndices, destRowIndex, srcGrid, destGrid, destPos);
-		}
-
-		// Extend event property
-		let cellElement = destPos["cellElement"];
-		let isRight = 0;
-
-		if (e && cellElement) {
-			let rect = cellElement.getBoundingClientRect();
-			let offsetX = (e["clientX"] - rect["left"]) / destPos["zoomFactor"];
-			isRight = Math.round(offsetX / cellElement.offsetWidth);
+			// evtArg["destGrid"] is filled in _moveRows
+			this._moveRows(srcRowIndices, destRowIndex, srcGrid, destGrid, evtArg);
 		}
 
-		destPos["colIndex"] += isRight;
-		destPos["currentPosition"] = destPos; // To support JET requirement
-		destPos["data"] = this._jetDragContent;
-		destPos["dropTarget"] = e.target;
+		evtArg["currentPosition"] = this._pos; // To support JET requirement
+		evtArg["data"] = this._jetDragContent;
+	} else {
+		evtArg["cancel"] = true;
 	}
 
-	this._dispatch("dragEnd", destPos || {}); // Always fire drag end for client to clean up its resource
+	this._dispatch("dragEnd", evtArg); // Always fire drag end for client to clean up its resource
 	this._clearCache();
 	this._jetDragContent = null;
 };
@@ -964,7 +978,7 @@ RowDraggingPlugin.prototype._onDragEnd = function (e) {
 * @param {number} destRowIndex
 * @param {Object} srcGrid core grid instance
 * @param {Object} destGrid core grid instance
-* @param {Object} evtArg
+* @param {!Object} evtArg
 * @return {number}
 */
 RowDraggingPlugin.prototype._moveRows = function (srcRowRef, destRowIndex, srcGrid, destGrid, evtArg) {
@@ -977,7 +991,9 @@ RowDraggingPlugin.prototype._moveRows = function (srcRowRef, destRowIndex, srcGr
 			srcRowIndices = [srcRowIndex];
 		}
 	} else if(Array.isArray(srcRowRef)) {
-		srcRowIndices = srcRowRef;
+		if(srcRowRef.length) {
+			srcRowIndices = srcRowRef;
+		}
 	}
 
 	if(!srcRowIndices) {
@@ -1014,18 +1030,17 @@ RowDraggingPlugin.prototype._moveRows = function (srcRowRef, destRowIndex, srcGr
 	let destRowId = destDv.getRowId(destRowIndex);
 	let parentRowId, childRowIds;
 
-	if(this.hasListener("beforeDataMoved")) {
-		evtArg["srcRowIndices"] = srcRowIndices;
-		evtArg["srcRowIds"] = srcRowIds;
-		evtArg["srcRowTypes"] = srcRowTypes;
-		evtArg["consolidatedSrcRowType"] = conRowType;
-		evtArg["destRowIndex"] = destRowIndex;
-		evtArg["destRowId"] = destRowId;
-		evtArg["destRowType"] = destRowType;
-		this._dispatch("beforeDataMoved", evtArg);
-		if(evtArg["cancel"]) {
-			return 0;
-		}
+	evtArg["rowIndex"] = srcRowIndices[0];
+	evtArg["srcRowIndices"] = srcRowIndices;
+	evtArg["srcRowIds"] = srcRowIds;
+	evtArg["srcRowTypes"] = srcRowTypes;
+	evtArg["consolidatedSrcRowType"] = conRowType;
+	evtArg["destRowIndex"] = destRowIndex;
+	evtArg["destRowId"] = destRowId;
+	evtArg["destRowType"] = destRowType;
+	this._dispatch("beforeDataMoved", evtArg);
+	if(evtArg["cancel"]) {
+		return 0;
 	}
 
 	let rsp = srcGrid.getPlugin("RowSegmentingPlugin");
@@ -1111,10 +1126,21 @@ RowDraggingPlugin.prototype._moveRows = function (srcRowRef, destRowIndex, srcGr
 		}
 	}
 
-	let moveCount = movedRowIds ? movedRowIds.length : 0;
+	let moveCount = 0;
+	if(movedRowIds) {
+		if(Array.isArray(movedRowIds)) {
+			moveCount = movedRowIds.length;
+		} else { // Single row is moved
+			movedRowIds = [movedRowIds];
+			moveCount = 1;
+		}
+	}
+
 	if(moveCount) {
 		destGrid.focus();
 
+		evtArg["rowIndex"] = destDv.getRowIndex(srcRowIds[0]);
+		// For backward compatibility and should not be used anymore
 		evtArg["originRowId"] = movedRowIds[0];
 		evtArg["originRowIds"] = movedRowIds;
 		evtArg["destinationRowId"] = destRowId; // Return empty string for the last row
@@ -1285,27 +1311,6 @@ RowDraggingPlugin.prototype._onDragPulse = function () {
 	}
 };
 
-/** @public
-* @param {Object} content
-*/
-RowDraggingPlugin.prototype.setJETDragContent = function (content) {
-	this._jetDragContent = content;
-
-	let t = window["tr"];
-	let g = (t) ? t["grid"] : null;
-	let jdc = (g) ? g["JetDragContent"] : null;
-	if (content && jdc) {
-		let jetDragContentMgr = new jdc(content);
-		let rics = jetDragContentMgr["getRicsToDrop"]();
-		let fields = jetDragContentMgr["getFieldsToDrop"]();
-
-		this._jetContentHasRic = (rics && rics.length > 0) ? true : false;
-		this._jetContentHasField = (fields && fields.length > 0) ? true : false;
-	} else {
-		this._jetContentHasRic = false;
-		this._jetContentHasField = false;
-	}
-};
 /** @private
  * @param {string} str
  */

package/lib/tr-grid-row-selection/es6/RowSelection.js

@@ -51,6 +51,7 @@ let RowSelectionPlugin = function (options) {
 
 	t._hosts = [];
 	t._textRange = document.createRange();
+	t._headerSelection = {};
 
 	if(options) {
 		t.config({ "rowSelection": options });
@@ -125,6 +126,10 @@ RowSelectionPlugin.prototype._timerMenuId = 0;
 * @private
 */
 RowSelectionPlugin.prototype._pendingSelection = null;
+/** @type {Object}
+* @private
+*/
+RowSelectionPlugin.prototype._headerSelection = null;
 
 /** @private
 * @return {string}
@@ -364,10 +369,8 @@ RowSelectionPlugin.prototype.getFirstSelectedIndex = function (sectRef) {
 		let rids = dv.getVisibleRowIds(true);
 		let rows = dv.getMultipleRowData(rids);
 		let count = rows.length;
-		let dataRow;
 		for(let rowIndex = 0; rowIndex < count; rowIndex++) {
-			dataRow = this._rowGetter(rows[rowIndex]);
-			if(dataRow && dataRow[this._selectionField]) {
+			if(this._isContentRowSelected(dv, rows[rowIndex], rowIndex)) {
 				return rowIndex;
 			}
 		}
@@ -392,10 +395,8 @@ RowSelectionPlugin.prototype.getLastSelectedIndex = function (sectRef) {
 		let rids = dv.getVisibleRowIds(true);
 		let rows = dv.getMultipleRowData(rids);
 		let count = rows.length;
-		let dataRow;
 		for(let rowIndex = count - 1; rowIndex >= 0; rowIndex--) {
-			dataRow = this._rowGetter(rows[rowIndex]);
-			if(dataRow && dataRow[this._selectionField]) {
+			if(this._isContentRowSelected(dv, rows[rowIndex], rowIndex)) {
 				return rowIndex;
 			}
 		}
@@ -422,10 +423,8 @@ RowSelectionPlugin.prototype.getSelectedRows = function (sectRef) {
 		let rows = dv.getMultipleRowData(rids);
 		let count = rows.length;
 		let selectedRows = [];
-		let dataRow;
 		for(let rowIndex = 0; rowIndex < count; rowIndex++) {
-			dataRow = this._rowGetter(rows[rowIndex]);
-			if(dataRow && dataRow[this._selectionField]) {
+			if(this._isContentRowSelected(dv, rows[rowIndex], rowIndex)) {
 				selectedRows.push(rowIndex);
 			}
 		}
@@ -434,6 +433,108 @@ RowSelectionPlugin.prototype.getSelectedRows = function (sectRef) {
 		return section.getSelectedRows();
 	}
 };
+/**
+* @private
+* @param {Object} dv
+* @param {Array<string>} rids
+* @param {boolean=} select
+*/
+RowSelectionPlugin.prototype._setHeaderSelections = function(dv, rids, select) {
+	if(select == null) {
+		select = true;
+	}
+	let len = rids.length;
+	for (let i = 0; i < len; i++) {
+		let rid = rids[i];
+		this._setHeaderSelection(dv, rid, select);
+	}
+};
+
+/**
+* @private
+* @param {Object} dv
+* @param {sting|number} rowRef
+* @param {boolean=} select
+*/
+RowSelectionPlugin.prototype._setHeaderSelection = function(dv, rowRef, select) {
+	if(select == null) {
+		select = true;
+	}
+	let rowId = this._getRowId(dv, rowRef);
+	this._headerSelection[rowId] = select;
+};
+
+/**
+* @private
+* @param {Object} dv
+* @param {sting|number} rowRef
+* @return {boolean}
+*/
+RowSelectionPlugin.prototype._isHeaderSelection = function(dv, rowRef) {
+	let rowId = this._getRowId(dv, rowRef);
+	return this._headerSelection[rowId];
+};
+
+/**
+* @private
+*/
+RowSelectionPlugin.prototype._clearHeaderSelection = function() {
+	this._headerSelection = {};
+};
+
+/**
+* @private
+* @param {Object} dv
+* @param {Object} rowData
+* @param {string|number} rowRef
+* @return {boolean}
+*/
+RowSelectionPlugin.prototype._isContentRowSelected = function(dv, rowData, rowRef) {
+	let dataRow = this._rowGetter(rowData);
+	if((dataRow && dataRow[this._selectionField]) || this._isHeaderSelection(dv, rowRef)) {
+		return true;
+	}
+	return false;
+};
+
+/**
+* @private
+* @param {number} rowIndex
+* @param {boolean=} select
+* @return {string|null} rowId of rowIndex
+*/
+RowSelectionPlugin.prototype._addSelectionField = function(rowIndex, select) {
+	if(select == null) {
+		select = true;
+	}
+	let dv = (this._activeGrid) ? this._activeGrid.getDataSource() : null;
+	if(!dv) {
+		return null;
+	}
+	let dataRow = this._getRow(dv, rowIndex);
+	if(dataRow) {
+		this._setData(dv, rowIndex, this._selectionField, select);
+	} else {
+		this._setHeaderSelection(dv, rowIndex, select);
+	}
+	let rowId = dv.getRowId(rowIndex) || null;
+	return rowId;
+};
+
+/**
+* @private
+* @param {Object} dv
+* @param {string|number} rowRef
+* @return {string}
+*/
+RowSelectionPlugin.prototype._getRowId = function(dv, rowRef) {
+	let rowId = rowRef;
+	if(typeof rowRef === "number") {
+		rowId = dv.getRowId(rowRef);
+	}
+	return rowId;
+};
+
 /** Returns null if there is no selection
 * @public
 * @param {Object=} sectRef Grid SectionReference
@@ -479,6 +580,7 @@ RowSelectionPlugin.prototype.setSelectedRow = function (rowIndex, opt_select, se
 	let section = this._getSection(sectRef);
 	if(!section) { return; }
 	this._sectionSetSelectedRow(section, rowIndex, opt_select);
+	this._updateContentRowSelectionUI(section, rowIndex, 1, opt_select); // Force update header without data changed
 };
 /**
 * @public
@@ -547,7 +649,7 @@ RowSelectionPlugin.prototype.selectRowRange = function (rowIndex, length, sectRe
 	if(opt_scrollToRow) {
 		this._scrollToRow(rowIndex);
 	}
-	this._updateMenuIcon();
+	this._updateContentRowSelectionUI(sectRef, rowIndex, length, true); // This method can't de-select
 };
 
 /** @public
@@ -664,15 +766,7 @@ RowSelectionPlugin.prototype._onMouseDown = function (e) {
 			}
 		}
 	}
-	let dv = ctx["dataSource"];
 	let rowIndex = ctx["rowIndex"];
-	if(this._basedOnContent) {
-		// ignore group header row
-		let dataRow = this._getRow(dv, rowIndex);
-		if(!dataRow) {
-			return;
-		}
-	}
 
 	if(this._dispatchBeforeSelection(e, ctx)) {
 		return;
@@ -810,19 +904,44 @@ RowSelectionPlugin.prototype._onPostSectionDataBinding = function (e) {
 	let section = e.section;
 	let dv = e.dataSource;
 
-	let field = this._selectionField;
 	section.clearSelectedRows();
 
 	let fromR = section.getFirstIndexInView();
 	let toR = section.getLastIndexInView();
 	for(let r = fromR; r <= toR; ++r) {
-		let dataRow = this._rowGetter(dv.getRowDataAt(r));
-		if(dataRow) {
-			if(dataRow[field]) {
-				section.setSelectedRow(r, true);
-			}
+		if(this._isContentRowSelected(dv, dv.getRowDataAt(r), r)) {
+			section.setSelectedRow(r, true);
+		}
+	}
+	this._updateMenuIcon();
+};
+
+
+/** @private
+* @param {Object} section ILayoutGrid
+* @param {number} startRowIndex
+* @param {number} length
+* @param {boolean} select
+*/
+RowSelectionPlugin.prototype._updateContentRowSelectionUI = function (section, startRowIndex, length, select) {
+	if(!this._basedOnContent) {
+		return;
+	}
+	let dv = (this._activeGrid) ? this._activeGrid.getDataSource() : null;
+	if(!dv) {
+		return;
+	}
+	if(section == null) {
+		section = this._getSection();
+	}
+
+	let len = startRowIndex + length;
+	for (let r = startRowIndex; r <= len; r++) {
+		if(this._isContentRowSelected(dv, dv.getRowDataAt(r), r)) {
+			section.setSelectedRow(r, select);
 		}
 	}
+
 	this._updateMenuIcon();
 };
 
@@ -912,6 +1031,7 @@ RowSelectionPlugin.prototype._clearSelectedRows = function (preserveAnchor) { //
 		if(dv) {
 			let dt = dv.getDataSource();
 			this._setColumnData(dt, this._selectionField, false);
+			this._clearHeaderSelection();
 		}
 	} else {
 		let sections = this._activeGrid.getAllSections("content");
@@ -996,22 +1116,17 @@ RowSelectionPlugin.prototype._selectByKey = function (direction, e, pageKey) {
 /** @private
 * @param {Object} section ILayoutGrid
 * @param {number} rowIndex
-* @param {boolean} isSelect
+* @param {boolean} select
 */
-RowSelectionPlugin.prototype._sectionSetSelectedRow = function (section, rowIndex, isSelect) {
+RowSelectionPlugin.prototype._sectionSetSelectedRow = function (section, rowIndex, select) {
 	// set selection state to rowData when _basedOnContent === true
 	if(this._basedOnContent) {
-		let dv = (this._activeGrid) ? this._activeGrid.getDataSource() : null;
-
-		if(dv) {
-			let dataRow = this._getRow(dv, rowIndex);
-			if(dataRow) {
-				this._setData(dv, rowIndex, this._selectionField, isSelect);
-				if(isSelect) this._anchorRowId = dv.getRowId(rowIndex);
-			}
+		let rowId = this._addSelectionField(rowIndex, select);
+		if(select && rowId != null) {
+			this._anchorRowId = rowId;
 		}
 	} else {
-		section.setSelectedRow(rowIndex, isSelect);
+		section.setSelectedRow(rowIndex, select);
 	}
 	this._pendingSelection = null; // New selection happens before resolving the pending selection
 };
@@ -1039,15 +1154,19 @@ RowSelectionPlugin.prototype._selectRangeOnSection = function (section, rowIndex
 			}
 			let ridList = [];
 			let valueList = [];
+			let ridHeaders = [];
 			for(let r = rowIndex; r < toRowIndex; r++) {
 				let dataRow = this._getRow(dv, r);
 				if(dataRow) {
 					ridList.push(rids[r]);
 					valueList.push(true);
+				} else {
+					ridHeaders.push(r);
 				}
 			}
 
 			this._setColumnData(dv, this._selectionField, valueList, ridList);
+			this._setHeaderSelections(dv, ridHeaders);
 		}
 	} else {
 		if(length == null) {
@@ -1073,6 +1192,7 @@ RowSelectionPlugin.prototype._sectionClearSelectedRows = function (section, pres
 					valueList[i] = false;
 				}
 				this._setColumnData(dv, this._selectionField, valueList, selectedRowIds);
+				this._setHeaderSelections(dv, selectedRowIds, false);
 			}
 		}
 		if(!preserveAnchor) {

package/lib/tr-grid-util/es6/jet/MockQuotes2.js

@@ -151,6 +151,10 @@ MockSubscriptions.prototype._maxInterval = 850;
 * @type {number}
 */
 MockSubscriptions.prototype._percentageDataUpdate = 0.1; // 10% by default
+/** @private
+* @type {boolean}
+*/
+MockSubscriptions.prototype._constituentCache = false;
 
 /** @public
 * @param {Object=} options
@@ -179,6 +183,12 @@ MockSubscriptions.prototype.config = function(options) {
 	if(typeof num === "number") {
 		this._percentageDataUpdate = num / 100;
 	}
+
+	let value = options.constituentCache;
+	if(value != null) {
+		this._constituentCache = value;
+	}
+
 };
 /** @public
 * @param {number=} min
@@ -706,6 +716,9 @@ MockSubscriptions.prototype._updateDuplicateSymbol = function(ric) {
 	if(!isChain) {
 		return;
 	}
+	if(!this._constituentCache) {
+		return;
+	}
 	let ricList = firstSub["ricList"];
 	if(!ricList) {
 		return;

package/lib/types/es6/AutoTooltip.d.ts

@@ -1,5 +1,6 @@
 import { Ext } from "../../tr-grid-util/es6/Ext.js";
 import { GridPlugin } from "../../tr-grid-util/es6/GridPlugin.js";
+import { Conflator } from "../../tr-grid-util/es6/Conflator.js";
 
 declare namespace AutoTooltipPlugin {
 

package/lib/types/es6/Core/grid/components/Cell.d.ts

@@ -42,6 +42,8 @@ declare class Cell extends ElementWrapper {
 
     public updatePadding(): void;
 
+    public setTooltip(str: string|null|null): void;
+
 }
 
 declare function fc(str: string): void;

package/lib/types/es6/InCellEditing.d.ts

@@ -106,9 +106,9 @@ declare class InCellEditingPlugin extends GridPlugin {
 
     public isColumnEditable(colIndex: number): boolean;
 
-    public enableReadonly(bool: boolean): void;
+    public enableReadonly(enabled?: boolean|null): void;
 
-    public disableReadonly(bool: boolean): void;
+    public disableReadonly(disabled?: boolean|null): void;
 
     public openRowEditor(rowIndex: number, grid?: any): void;
 

package/lib/types/es6/RealtimeGrid/RowDefinition.d.ts

@@ -64,6 +64,8 @@ declare class RowDefinition {
 
     public copyRowData(srcRowDef: RowDefinition|null): void;
 
+    public cloneRowData(obj?: any, exceptionObj?: any): any;
+
     public setRowData(data: { [key: string]:  any }): void;
 
     public setData(field: string, value: any): void;

package/lib/types/es6/RowDragging.d.ts

@@ -73,8 +73,6 @@ declare class RowDraggingPlugin extends GridPlugin {
 
     public setJETDragContent(content: any): void;
 
-    public setJETDragContent(content: any): void;
-
 }
 
 export default RowDraggingPlugin;