@refinitiv-ui/efx-grid 6.0.91 → 6.0.93

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

@@ -1,10 +1,9 @@
 import { Ext } from "../../tr-grid-util/es6/Ext.js";
-import { cloneObject } from "../../tr-grid-util/es6/Util.js";
 import { ElfUtil } from "../../tr-grid-util/es6/ElfUtil.js";
 import { GridPlugin } from "../../tr-grid-util/es6/GridPlugin.js";
 import Dom from "../../tr-grid-util/es6/Dom.js";
 import { DragUI } from "../../tr-grid-util/es6/DragUI.js";
-import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
+import { cloneObject, injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 
 /** @typedef {Object} RowDraggingPlugin~Options
 * @description Available options describing `rowDragging` object specified in grid's option
@@ -65,8 +64,8 @@ import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 * @property {number} destRowType row type of the drop area. This will be empty string for the end of grid
 * @example
 * beforeDataMoved: function(e) {
-*   var srcRowType = e.srcRowTypes[0];
-*   var destRowType = e.destRowType;
+*   let srcRowType = e.srcRowTypes[0];
+*   let destRowType = e.destRowType;
 *   if(srcRowType === "GROUP_MEMBER" && destRowType === "CONTENT") {
 *     e.cancel = true; // Prevent a group member row from moving outside of its own group
 *   }
@@ -78,7 +77,7 @@ import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 * @param {Object} pos
 * @return {boolean}
 */
-var _isInContentSection = function (pos) {
+let _isInContentSection = function (pos) {
 	return (pos && pos["sectionType"] === "content") ? true : false;
 };
 
@@ -86,7 +85,7 @@ var _isInContentSection = function (pos) {
 * @param {string} rowType
 * @return {boolean}
 */
-var _isNormalRowType = function (rowType) {
+let _isNormalRowType = function (rowType) {
 	if(rowType) {
 		if(rowType === "CONTENT") {
 			return true;
@@ -107,8 +106,8 @@ var _isNormalRowType = function (rowType) {
 * @param {RowDraggingPlugin.Options=} options
 * @extends {GridPlugin}
 */
-var RowDraggingPlugin = function (options) {
-	var t = this;
+let RowDraggingPlugin = function (options) {
+	let t = this;
 
 	t.startDrag = t.startDrag.bind(t);
 	t.stopDrag = t.stopDrag.bind(t);
@@ -283,7 +282,7 @@ RowDraggingPlugin.prototype._entryPoint = "";
 * @private
 * @param {Object} host core grid instance
 */
-var _applyStyles = function(host) {
+let _applyStyles = function(host) {
 	RowDraggingPlugin._applyThemeColor(host);
 	DragUI.applyThemeColor(host);
 };
@@ -356,7 +355,7 @@ RowDraggingPlugin.prototype.initialize = function (host, options) {
 * @param {Object} host core grid instance
 */
 RowDraggingPlugin.prototype.unload = function (host) {
-	var at = this._hosts.indexOf(host);
+	let at = this._hosts.indexOf(host);
 	if (at < 0) { return; }
 
 	// host.removeAttribute("draggable");
@@ -375,7 +374,7 @@ RowDraggingPlugin.prototype.unload = function (host) {
 */
 RowDraggingPlugin.prototype._onThemeLoaded = function() {
 	if(!RowDraggingPlugin._styles) {
-		var styles = [
+		let styles = [
 			":host .row-dragging .cover-layer .selection-bound", [
 				"border: var(--grid-drag-indicator)"
 			],
@@ -386,9 +385,9 @@ RowDraggingPlugin.prototype._onThemeLoaded = function() {
 		RowDraggingPlugin._styles = prettifyCss(styles);
 	}
 
-	var colors = ElfUtil.getColors();
+	let colors = ElfUtil.getColors();
 	this._dragUI.onThemeLoaded(colors); // TODO : onThemeLoaded should be static function like DragUI.applyThemeColor
-	for(var i = this._hosts.length; --i >= 0;) {
+	for(let i = this._hosts.length; --i >= 0;) {
 		_applyStyles(this._hosts[i]);
 	}
 };
@@ -411,14 +410,14 @@ RowDraggingPlugin._applyThemeColor = function(grid) {
 RowDraggingPlugin.prototype.config = function (options) {
 	if (!options) { return; }
 
-	var extOptions = options["rowDragging"] || this._legacyRowReorder;
+	let extOptions = options["rowDragging"] || this._legacyRowReorder;
 	if (!extOptions) {
 		return;
 	}
 
 	if (typeof extOptions["dragBoxRenderer"] === "function") {
 		this._dragBoxRenderer = extOptions["dragBoxRenderer"];
-		var className = "drag-box";
+		let className = "drag-box";
 		if (ElfUtil.getElfVersion() < 3) {
 			className = "tr-dragbox content-dragging"; // Keep backward compatibility
 		}
@@ -429,7 +428,7 @@ RowDraggingPlugin.prototype.config = function (options) {
 
 	this._dragBoxEnabled = !!extOptions["dragBox"];
 
-	var val = extOptions["mouseInput"];
+	let val = extOptions["mouseInput"];
 	if (val != null) {
 		this._mouseInput = !!val;
 	}
@@ -459,9 +458,9 @@ RowDraggingPlugin.prototype.config = function (options) {
  * @returns {!Object}
  */
 RowDraggingPlugin.prototype.getConfigObject = function (out_obj) {
-	var obj = out_obj || {};
+	let obj = out_obj || {};
 
-	var extOptions = obj.rowDragging;
+	let extOptions = obj.rowDragging;
 	if(!extOptions) {
 		extOptions = obj.rowDragging = {};
 	}
@@ -486,8 +485,8 @@ RowDraggingPlugin.prototype.dragStart = function (rowIndex, mouseEvt) {
 		mouseEvt = {};
 	}
 	mouseEvt["type"] = "dragstart";
-	var core = this._hosts[0];
-	var cell = core ? core.getCell("content", 0, rowIndex) : null;
+	let core = this._hosts[0];
+	let cell = core ? core.getCell("content", 0, rowIndex) : null;
 	mouseEvt.target = cell ? cell.getElement() : null;
 	this._onMouseDown(mouseEvt);
 	this.startDrag(mouseEvt);
@@ -506,9 +505,9 @@ RowDraggingPlugin.prototype.dragMove = function (rowIndex, mouseEvt) {
 	}
 	mouseEvt["type"] = "mousemove";
 	mouseEvt["which"] = 1; // Simulation of mouse down and move
-	var core = this._hosts[0];
-	var cell = core ? core.getCell("content", 0, rowIndex) : null;
-	var cellRelativePosition = core.getRelativePosition(cell); // get relative position of cell only when dragging for calculate dragBox
+	let core = this._hosts[0];
+	let cell = core ? core.getCell("content", 0, rowIndex) : null;
+	let cellRelativePosition = core.getRelativePosition(cell); // get relative position of cell only when dragging for calculate dragBox
 
 	mouseEvt.clientX = cellRelativePosition.x;
 	mouseEvt.pageY = cellRelativePosition.y;
@@ -531,8 +530,8 @@ RowDraggingPlugin.prototype.dragEnd = function (rowIndex, mouseEvt) {
 		mouseEvt = {};
 	}
 	mouseEvt["type"] = "mouseup";
-	var core = this._hosts[0];
-	var cell = core ? core.getCell("content", 0, rowIndex) : null;
+	let core = this._hosts[0];
+	let cell = core ? core.getCell("content", 0, rowIndex) : null;
 	mouseEvt.target = cell ? cell.getElement() : null;
 	mouseEvt.stopPropagation = function() {};
 	mouseEvt.preventDefault = function() {};
@@ -646,12 +645,12 @@ RowDraggingPlugin.prototype.disableDragging = function (disabled) {
 * @param {boolean=} enabled
 */
 RowDraggingPlugin.prototype.enableJETDragAndDrop = function (enabled) {
-	var val = enabled !== false;
+	let val = enabled !== false;
 	if(this._jetDnD === val) { return; }
 
 	this._jetDnD = val;
 
-	var jet = window["JET"];
+	let jet = window["JET"];
 	if (jet) {
 		//If ContainerDescription is undefined, that means JET is not initalized. Mostlikely the app
 		//is running the local development mode without container. Disable dnd in this case
@@ -684,13 +683,13 @@ RowDraggingPlugin.prototype.getJETDragContent = function () {
 RowDraggingPlugin.prototype.setJETDragContent = function (content) {
 	this._jetDragContent = content;
 
-	var tr = window["tr"];
-	var grid = (tr) ? tr["grid"] : null;
-	var JetDragContent = (grid) ? grid["JetDragContent"] : null;
+	let tr = window["tr"];
+	let grid = (tr) ? tr["grid"] : null;
+	let JetDragContent = (grid) ? grid["JetDragContent"] : null;
 	if (content && JetDragContent) {
-		var jetDragContentMgr = new JetDragContent(content);
-		var rics = jetDragContentMgr["getRicsToDrop"]();
-		var fields = jetDragContentMgr["getFieldsToDrop"]();
+		let jetDragContentMgr = new JetDragContent(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;
@@ -705,12 +704,12 @@ RowDraggingPlugin.prototype.setJETDragContent = function (content) {
 * @return {!Object}
 */
 RowDraggingPlugin.prototype._hitTest = function (e) {
-	var host = this.getRelativeGrid(e);
+	let host = this.getRelativeGrid(e);
 	if (host) {
-		var pos;
+		let pos;
 		if (e.changedTouches) {
 			// https://stackoverflow.com/questions/3918842/how-to-find-out-the-actual-event-target-of-touchmove-javascript-event
-			var touchPos = e.changedTouches[0];
+			let touchPos = e.changedTouches[0];
 			pos = host.getRelativePosition(
 				document.elementFromPoint(
 					touchPos.clientX, touchPos.clientY
@@ -746,8 +745,8 @@ RowDraggingPlugin.prototype._onDragStart = function (e, fromJET) {
 
 	this._listenAbortActions(false); // Unlisen abort action
 
-	var useJetDragStart = false;
-	var jet = window["JET"];
+	let useJetDragStart = false;
+	let jet = window["JET"];
 	if (fromJET) {
 		useJetDragStart = true;
 	} else {
@@ -774,8 +773,8 @@ RowDraggingPlugin.prototype._onDragStart = function (e, fromJET) {
 	window.addEventListener("touchcancel", this._onDragEnd, false);
 
 	if (this._touchMode) {
-		for (var i = this._hosts.length; --i >= 0;) {
-			var host = this._hosts[i];
+		for (let i = this._hosts.length; --i >= 0;) {
+			let host = this._hosts[i];
 			host.getVScrollbar().disableTouchInput();
 			host.getHScrollbar().disableTouchInput();
 		}
@@ -783,20 +782,20 @@ RowDraggingPlugin.prototype._onDragStart = function (e, fromJET) {
 
 	// Update UI, grid cursor and guideline
 	if (!this._uiDisabled) { //disabledUI
-		var grid = this._pos["grid"] || null;
+		let grid = this._pos["grid"] || null;
 		if (!grid) return;
 
 		if (this._dataTransfer) {
-			var rowIndex = this._pos["rowIndex"];
-			var dv = grid.getDataSource();
+			let rowIndex = this._pos["rowIndex"];
+			let dv = grid.getDataSource();
 			this._startingRid = dv.getRowId(rowIndex);
 			this._startingGrid = grid;
-			var api = this.getGridApi();
-			var rowType =  api.getRowType(rowIndex);
+			let api = this.getGridApi();
+			let rowType =  api.getRowType(rowIndex);
 			this._startingRowType = rowType;
 
 			if (this._dragBoxRenderer) { // For custom drag box rendering
-				var arg = cloneObject(e); // TODO: Check if cloning is necessary
+				let arg = cloneObject(e); // TODO: Check if cloning is necessary
 				arg.dragBox = this._dragBox;
 				arg.dataRow = this._getRowData(dv.getRowDataAt(rowIndex));
 
@@ -811,14 +810,14 @@ RowDraggingPlugin.prototype._onDragStart = function (e, fromJET) {
 		// TODO: Just update curser will not gonna work since cell is pointer-events: none;
 		// we should do something to overwrite pointer-events first
 		// then set cursor move will have an effect
-		var gridElem = grid.getElement();
+		let gridElem = grid.getElement();
 		gridElem.classList.add("mouse-dragging");
 		gridElem.classList.add("row-dragging");
 
 		this._updateGuidePosition();
 
 		if (this._autoScroll) {
-			var scrollbar = grid.getVScrollbar();
+			let scrollbar = grid.getVScrollbar();
 			this._topBound = scrollbar.getTop() + 50;
 			this._btmBound = scrollbar.getTop() + scrollbar.getHeight() - 50;
 
@@ -857,7 +856,7 @@ RowDraggingPlugin.prototype._onMouseMove = function (e) {
 		this._pos.dragBoxIcon = "void";
 	}
 
-	var dropable = true;
+	let dropable = true;
 	if(this._entryPoint === 'JET' && !this._jetContentHasRic) {
 		dropable = false;
 	}
@@ -869,7 +868,7 @@ RowDraggingPlugin.prototype._onMouseMove = function (e) {
 	this._dispatch("drag", this._pos);
 	if(!this._uiDisabled && dropable) {
 		e.dragBoxIcon = this._pos.dragBoxIcon; // access event object instread of element for prevent element persistence
-		var drop = this._dragUI.renderDragBox(e, this._startingGrid);
+		let drop = this._dragUI.renderDragBox(e, this._startingGrid);
 		if(!drop) { // can not be drop or not allow to drop or insertion
 			this.cancelDrag();
 		}
@@ -897,31 +896,31 @@ RowDraggingPlugin.prototype._onDragEnd = function (e) {
 	window.removeEventListener("touchcancel", this._onDragEnd, false);
 
 	if (this._touchMode) {
-		for (var i = this._hosts.length; --i >= 0;) {
-			var host = this._hosts[i];
+		for (let i = this._hosts.length; --i >= 0;) {
+			let host = this._hosts[i];
 			host.getVScrollbar().disableTouchInput(false);
 			host.getHScrollbar().disableTouchInput(false);
 		}
 	}
 
-	var srcGrid = this._startingGrid || this._hosts[0];
+	let srcGrid = this._startingGrid || this._hosts[0];
 
-	var srcGridElem = srcGrid.getElement();
+	let srcGridElem = srcGrid.getElement();
 	srcGridElem.classList.remove("mouse-dragging");
 	srcGridElem.classList.remove("row-dragging");
 
-	var destPos = this._pos; // This can be null
+	let destPos = this._pos; // This can be null
 	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;
 
 		if (!this._jetDnD && this._dataTransfer && _isInContentSection(this._pos)) {
-			var destGrid = destPos["grid"] || srcGrid;
-			var destRowIndex = destPos["rowIndex"];
+			let destGrid = destPos["grid"] || srcGrid;
+			let destRowIndex = destPos["rowIndex"];
 
-			var rowSelection = srcGrid.getPlugin("RowSelectionPlugin");
-			var srcRowIndices = rowSelection && rowSelection.getSelectedRows();
+			let rowSelection = srcGrid.getPlugin("RowSelectionPlugin");
+			let srcRowIndices = rowSelection && rowSelection.getSelectedRows();
 			if (!srcRowIndices || !srcRowIndices.length) {
 				// case no row selection or it disabled
 				srcRowIndices = this._startingRid; // Str Type
@@ -931,12 +930,12 @@ RowDraggingPlugin.prototype._onDragEnd = function (e) {
 		}
 
 		// Extend event property
-		var cellElement = destPos["cellElement"];
-		var isRight = 0;
+		let cellElement = destPos["cellElement"];
+		let isRight = 0;
 
 		if (e && cellElement) {
-			var rect = cellElement.getBoundingClientRect();
-			var offsetX = (e["clientX"] - rect["left"]) / destPos["zoomFactor"];
+			let rect = cellElement.getBoundingClientRect();
+			let offsetX = (e["clientX"] - rect["left"]) / destPos["zoomFactor"];
 			isRight = Math.round(offsetX / cellElement.offsetWidth);
 		}
 
@@ -959,11 +958,11 @@ RowDraggingPlugin.prototype._onDragEnd = function (e) {
 * @return {number}
 */
 RowDraggingPlugin.prototype._moveRows = function (srcRowRef, destRowIndex, srcGrid, destGrid, evtArg) {
-	var srcRowIndices = null;
-	var srcDv = srcGrid.getDataSource();
-	var destDv = destGrid.getDataSource();
+	let srcRowIndices = null;
+	let srcDv = srcGrid.getDataSource();
+	let destDv = destGrid.getDataSource();
 	if(typeof srcRowRef === "string") {
-		var srcRowIndex = srcDv.getRowIndex(this._startingRid);
+		let srcRowIndex = srcDv.getRowIndex(this._startingRid);
 		if(srcRowIndex >= 0) {
 			srcRowIndices = [srcRowIndex];
 		}
@@ -976,18 +975,18 @@ RowDraggingPlugin.prototype._moveRows = function (srcRowRef, destRowIndex, srcGr
 	}
 
 	// Available row types are ["CONTENT", "CHAIN", "CONSTITUENT", "GROUP_HEADER", "SUBGROUP_HEADER", "GROUP_MEMBER"]
-	var i, len;
-	var srcCount = srcRowIndices.length;
-	var srcRowIds = new Array(srcCount);
-	var srcRowTypes = [];
-	var conRowType = "";
-	var api = this.getGridApi();
+	let i, len;
+	let srcCount = srcRowIndices.length;
+	let srcRowIds = new Array(srcCount);
+	let srcRowTypes = [];
+	let conRowType = "";
+	let api = this.getGridApi();
 	if(api && !api.getRowType) {
 		api = null;
 	}
 	for(i = 0; i < srcCount; ++i) {
-		var srcIndex = srcRowIndices[i];
-		var rowType = api ? api.getRowType(srcIndex) : "CONTENT";
+		let srcIndex = srcRowIndices[i];
+		let rowType = api ? api.getRowType(srcIndex) : "CONTENT";
 		srcRowIds[i] = srcDv.getRowId(srcIndex);
 		srcRowTypes[i] = rowType;
 		if(conRowType) {
@@ -1001,9 +1000,9 @@ RowDraggingPlugin.prototype._moveRows = function (srcRowRef, destRowIndex, srcGr
 	if(!conRowType) {
 		conRowType = "CONTENT";
 	}
-	var destRowType = api ? api.getRowType(destRowIndex) : ""; // TODO: this has to be get from destGrid
-	var destRowId = destDv.getRowId(destRowIndex);
-	var parentRowId, childRowIds;
+	let destRowType = api ? api.getRowType(destRowIndex) : ""; // TODO: this has to be get from destGrid
+	let destRowId = destDv.getRowId(destRowIndex);
+	let parentRowId, childRowIds;
 
 	if(this.hasListener("beforeDataMoved")) {
 		evtArg["srcRowIndices"] = srcRowIndices;
@@ -1019,8 +1018,8 @@ RowDraggingPlugin.prototype._moveRows = function (srcRowRef, destRowIndex, srcGr
 		}
 	}
 
-	var rsp = srcGrid.getPlugin("RowSegmentingPlugin");
-	var movedRowIds = null;
+	let rsp = srcGrid.getPlugin("RowSegmentingPlugin");
+	let movedRowIds = null;
 	if(srcGrid === destGrid) { // TODO: Support wrap mode
 		if(conRowType === "MIXED") {
 			movedRowIds = srcDv.moveRow(srcRowIds, destRowId);
@@ -1048,15 +1047,15 @@ RowDraggingPlugin.prototype._moveRows = function (srcRowRef, destRowIndex, srcGr
 			}
 		} else if(conRowType === "GROUP_MEMBER") {
 			if(srcCount === 1) {
-				var srcRowId = srcRowIds[0];
+				let srcRowId = srcRowIds[0];
 				parentRowId = rsp.getSegmentParentRowId(srcRowId);
 				childRowIds = rsp.getSegmentChildIds(parentRowId);
-				var childCount = childRowIds ? childRowIds.length : 0;
-				var endOfSegment = srcDv.getRowIndex(parentRowId) + childCount + 1;
+				let childCount = childRowIds ? childRowIds.length : 0;
+				let endOfSegment = srcDv.getRowIndex(parentRowId) + childCount + 1;
 				if(destRowIndex === endOfSegment) {
 					movedRowIds = srcDv.moveRow(srcRowIds, destRowId);
 				} else if(destRowType === "GROUP_MEMBER") {
-					var destParentRowId = rsp.getSegmentParentRowId(destRowId);
+					let destParentRowId = rsp.getSegmentParentRowId(destRowId);
 					if(parentRowId === destParentRowId) {
 						movedRowIds = srcDv.moveRow(srcRowIds, destRowId);
 					} else { // Moving row between two segments
@@ -1079,9 +1078,9 @@ RowDraggingPlugin.prototype._moveRows = function (srcRowRef, destRowIndex, srcGr
 		movedRowIds = srcRowIds;
 		evtArg["destGrid"] = destGrid;
 
-		var originalRows = [];
+		let originalRows = [];
 		for(i = 0; i < srcCount; ++i) {
-			var rowData = srcDv.getRowData(rowId);
+			let rowData = srcDv.getRowData(rowId);
 			if(rowData) {
 				originalRows.push(rowData);
 			}
@@ -1091,7 +1090,7 @@ RowDraggingPlugin.prototype._moveRows = function (srcRowRef, destRowIndex, srcGr
 			srcDv.removeRows(srcRowIndices);
 			if(this._realTimeGrid) {
 				for(i = 0; i < len; ++i) {
-					var rowDef = originalRows[i]["ROW_DEF"];
+					let rowDef = originalRows[i]["ROW_DEF"];
 					rowDef.registerToView(destDv, destRowId);
 				}
 			} else {
@@ -1102,7 +1101,7 @@ RowDraggingPlugin.prototype._moveRows = function (srcRowRef, destRowIndex, srcGr
 		}
 	}
 
-	var moveCount = movedRowIds ? movedRowIds.length : 0;
+	let moveCount = movedRowIds ? movedRowIds.length : 0;
 	if(moveCount) {
 		evtArg["originRowId"] = movedRowIds[0];
 		evtArg["originRowIds"] = movedRowIds;
@@ -1123,7 +1122,7 @@ RowDraggingPlugin.prototype._isDragCancelled = function () {
 * @param {Event=} e
 */
 RowDraggingPlugin.prototype._updateGuidePosition = function (e) {
-	var pos = this._pos;
+	let pos = this._pos;
 	if (this._uiDisabled || !pos || pos["invalidTarget"]) {
 		return;
 	}
@@ -1133,27 +1132,27 @@ RowDraggingPlugin.prototype._updateGuidePosition = function (e) {
 	}
 
 	if (_isInContentSection(pos)) {
-		var guideline = this._guideline;
-		// var grid = pos["grid"];
-		var section = pos["section"];
-		var pn = section.getColumnHost(); // This is to hide out of view guideline
+		let guideline = this._guideline;
+		// let grid = pos["grid"];
+		let section = pos["section"];
+		let pn = section.getColumnHost(); // This is to hide out of view guideline
 		if (pn !== guideline.parentNode) {
 			guideline.style.width = section.getWidth() + "px";
 			pn.appendChild(guideline);
 		}
 
-		var cellElement = pos["cellElement"];
-		var relativePos = Dom.getRelativePosition(cellElement, pn);
-		var cellTop = relativePos["y"];
-		var rowIndex = pos["rowIndex"];
-		var offsetY = 0;
+		let cellElement = pos["cellElement"];
+		let relativePos = Dom.getRelativePosition(cellElement, pn);
+		let cellTop = relativePos["y"];
+		let rowIndex = pos["rowIndex"];
+		let offsetY = 0;
 
 		if(rowIndex) {
 			offsetY = -1; // Make guideline stay on top of the target cell
 			if(e) { // MouseEvent or TouchEvent
-				var lastRow = section.getRowCount() - 1;
+				let lastRow = section.getRowCount() - 1;
 				if(rowIndex >= lastRow) { // bottommost row
-					var rowHeight = section.getRowHeight(lastRow);
+					let rowHeight = section.getRowHeight(lastRow);
 					relativePos = Dom.getRelativePosition(e, cellElement);
 					if(relativePos["y"] >= (rowHeight / 2) | 0) {
 						offsetY = rowHeight - 3; // TODO: Use actual guideline height for the offset
@@ -1174,7 +1173,7 @@ RowDraggingPlugin.prototype._updateGuidePosition = function (e) {
 */
 RowDraggingPlugin.prototype._shouldPreventDrop = function (destRowRef) {
 
-	var api = this.getGridApi();
+	let api = this.getGridApi();
 	if(!api) { // It should not move the row if api doesn't initialize
 		return false;
 	}
@@ -1183,16 +1182,16 @@ RowDraggingPlugin.prototype._shouldPreventDrop = function (destRowRef) {
 		return true;
 	}
 
-	var grid = this._pos["grid"];
-	var rsp = grid.getPlugin("RowSegmentingPlugin");
+	let grid = this._pos["grid"];
+	let rsp = grid.getPlugin("RowSegmentingPlugin");
 	if(!rsp) { // If row segment extension is not used, row drag and drop will not be protected by default.
 		return false;
 	}
-	var destParentId = rsp.getSegmentParentRowId(destRowRef);
-	var startingParentId = rsp.getSegmentParentRowId(this._startingRid);
-	var destParentType;
+	let destParentId = rsp.getSegmentParentRowId(destRowRef);
+	let startingParentId = rsp.getSegmentParentRowId(this._startingRid);
+	let destParentType;
 	if(this._startingRowType === "GROUP_MEMBER") {
-		var startingParentType = api.getRowType(startingParentId);
+		let startingParentType = api.getRowType(startingParentId);
 		if(startingParentType === "SUBGROUP_HEADER") {
 			destParentType = api.getRowType(destParentId);
 
@@ -1217,7 +1216,7 @@ RowDraggingPlugin.prototype._shouldPreventDrop = function (destRowRef) {
 		}
 	}
 
-	var destRowType =  api.getRowType(destRowRef);
+	let destRowType =  api.getRowType(destRowRef);
 	if(destRowType === "CONSTITUENT" || destRowType === "SUBGROUP_HEADER") { // Do not allow dropping this type when starting with any row types
 		return true;
 	}
@@ -1253,19 +1252,19 @@ RowDraggingPlugin.prototype._onDragPulse = function () {
 	this._dispatch("dragInterval", this._pos);
 
 	// Manage vertical scrollbar
-	var primaryHost = this._pos["grid"] || this._startingGrid;
+	let primaryHost = this._pos["grid"] || this._startingGrid;
 	if (!primaryHost || !primaryHost.getVScrollbar().isActive()) {
 		return;
 	}
 
-	var y = this._pos["y"];
+	let y = this._pos["y"];
 	if (y == null) { return; }
 
 	if (y >= this._topBound && y <= this._btmBound) {
 		this._scrollingZone = false;
 	} else {
 		this._scrollingZone = true;
-		var scrollVal = (this._scrollStep * (0.8 + Math.random())) | 0;
+		let scrollVal = (this._scrollStep * (0.8 + Math.random())) | 0;
 
 		if (y < this._topBound) {
 			scrollVal = -scrollVal;
@@ -1280,13 +1279,13 @@ RowDraggingPlugin.prototype._onDragPulse = function () {
 RowDraggingPlugin.prototype.setJETDragContent = function (content) {
 	this._jetDragContent = content;
 
-	var t = window["tr"];
-	var g = (t) ? t["grid"] : null;
-	var jdc = (g) ? g["JetDragContent"] : null;
+	let t = window["tr"];
+	let g = (t) ? t["grid"] : null;
+	let jdc = (g) ? g["JetDragContent"] : null;
 	if (content && jdc) {
-		var jetDragContentMgr = new jdc(content);
-		var rics = jetDragContentMgr["getRicsToDrop"]();
-		var fields = jetDragContentMgr["getFieldsToDrop"]();
+		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;
@@ -1308,7 +1307,7 @@ RowDraggingPlugin.prototype._setEntryPoint = function (str) {
  */
 RowDraggingPlugin.prototype._onMouseOut = function (e) {
 	e = e ? e : window.event;
-	var from = e.relatedTarget || e.toElement;
+	let from = e.relatedTarget || e.toElement;
 	if (!from || from.nodeName == "HTML") {
 		// window.console.warn("Left window");
 
@@ -1363,13 +1362,13 @@ RowDraggingPlugin.prototype._startDrag = function (delayStart, startRef, fromJET
 	if (this._dragging || this._hosts.length <= 0) { return; }
 	if (this._disabled) { return; }
 
-	var pos;
+	let pos;
 	if (startRef) {
 		if (startRef.type === "dragstart") {
 			if (startRef["preventDefault"]) {
 				Dom.preventDefault(startRef);
 			}
-			var host = this.getRelativeGrid(startRef);
+			let host = this.getRelativeGrid(startRef);
 			if (host) {
 				pos = host.getRelativePosition(this._dragTarget);
 			}
@@ -1377,7 +1376,7 @@ RowDraggingPlugin.prototype._startDrag = function (delayStart, startRef, fromJET
 			pos = this._hitTest(startRef);
 		}
 	} else {
-		var target = this._dragTarget || this._hosts[0].getSection("content").getCell(0, 0);
+		let target = this._dragTarget || this._hosts[0].getSection("content").getCell(0, 0);
 		pos = this._hitTest(target);
 	}