@refinitiv-ui/efx-grid 6.0.91 → 6.0.93

package/lib/tr-grid-checkbox/es6/Checkbox.js

@@ -49,8 +49,8 @@ import {injectCss, prettifyCss} from "../../tr-grid-util/es6/Util.js";
 * @extends {GridPlugin}
 * @param {CheckboxPlugin~Options=} options
 */
-var CheckboxPlugin = function (options) {
-	var t = this;
+let CheckboxPlugin = function (options) {
+	let t = this;
 	t._onPreSectionRender = t._onPreSectionRender.bind(t);
 	t._onPostSectionDataBinding = t._onPostSectionDataBinding.bind(t);
 	t._onCheckboxClicked = t._onCheckboxClicked.bind(t);
@@ -136,7 +136,7 @@ CheckboxPlugin._setBooleanProp = function (elem, prop, bool) {
 */
 CheckboxPlugin._collectRowMemberId = function (dv, rids, rid) {
 	if(rid) {
-		var subGroup = dv.getGroupByRowId(rid);
+		let subGroup = dv.getGroupByRowId(rid);
 		if(subGroup) {
 			if(subGroup.isCollapsed()) {
 				return rids.concat(subGroup.getAllRowIds(true));
@@ -237,7 +237,7 @@ CheckboxPlugin._runningId = 0;
 * @return {string}
 */
 CheckboxPlugin._toCheckState = function (val) {
-	if (val === "partial") {
+	if(val === "partial") {
 		return "partial";
 	} else {
 		return (val) ? "checked" : "unchecked";
@@ -255,9 +255,9 @@ CheckboxPlugin._getCheckState = function (chkbox) {
 	// WORKAROUND
 	// in elf v3, v4 chkbox.indeterminate can represent 'partial' state
 	// but we check class 'square-shape' instead to support elf v1 and native checkbox input
-	else if (chkbox.classList.contains('square-shape')) {
+	else if(chkbox.classList.contains('square-shape')) {
 		return "partial";
-	} else if (chkbox.checked) {
+	} else if(chkbox.checked) {
 		return "checked";
 	} else {
 		return "unchecked";
@@ -270,10 +270,10 @@ CheckboxPlugin._getCheckState = function (chkbox) {
 * @return {number} Return non-zero value if there is a state change
 */
 CheckboxPlugin._setCheckState = function (chkbox, state) {
-	if (chkbox._forceNewState) { // WORKAROUND: to force checkbox move to next state
+	if(chkbox._forceNewState) { // WORKAROUND: to force checkbox move to next state
 		state = chkbox._forceNewState;
 		chkbox._forceNewState = null;
-	} else if (CheckboxPlugin._getCheckState(chkbox) === state) { // Process change only when necessary
+	} else if(CheckboxPlugin._getCheckState(chkbox) === state) { // Process change only when necessary
 		return 0;
 	}
 
@@ -324,10 +324,10 @@ CheckboxPlugin._mergeState = function(curState, state) {
 * @return {string} checked|unchecked|partial
 */
 CheckboxPlugin._mergeStates = function(states) {
-	var state = "";
-	for (var i = states.length; --i >= 0; ) {
+	let state = "";
+	for(let i = states.length; --i >= 0; ) {
 		state = CheckboxPlugin._mergeState(state, states[i]);
-		if (state === "partial") {
+		if(state === "partial") {
 			return state;
 		}
 	}
@@ -365,7 +365,7 @@ CheckboxPlugin.prototype.initialize = function (host, options) {
 * @param {Object} host core grid object
 */
 CheckboxPlugin.prototype.unload = function (host) {
-	var at = this._hosts.indexOf(host);
+	let at = this._hosts.indexOf(host);
 	if(at < 0) { return; }
 
 	host.unlisten("preSectionRender", this._onPreSectionRender);
@@ -393,7 +393,7 @@ CheckboxPlugin.prototype.unload = function (host) {
 * @return {*} The transformed value of the option
 */
 CheckboxPlugin.prototype.beforeProcessOption = function (optionName, optionVal) {
-	if (optionName == "checkboxSelector") {
+	if(optionName == "checkboxSelector") {
 		return null; // eslint-disable-line
 	}
 	return; // eslint-disable-line
@@ -405,12 +405,12 @@ CheckboxPlugin.prototype.beforeProcessOption = function (optionName, optionVal)
 CheckboxPlugin.prototype.config = function (options) {
 	if(!options) { return; }
 
-	var chkboxOpt = /** @type{Object} */(options["checkbox"]);
+	let chkboxOpt = /** @type{Object} */(options["checkbox"]);
 	if(!chkboxOpt) {
 		return;
 	}
 
-	var val;
+	let val;
 	val = chkboxOpt["rowSelection"]; // previously named "selectCheckedRow"
 	if(val != null) {
 		this._autoRowSelection = val ? true : false;
@@ -442,27 +442,27 @@ CheckboxPlugin.prototype.config = function (options) {
 * @return {!Object}
 */
 CheckboxPlugin.prototype.getConfigObject = function (gridOptions) {
-	var obj = gridOptions || {};
+	let obj = gridOptions || {};
 
-	var columns = obj.columns;
-	if (!columns) {
+	let columns = obj.columns;
+	if(!columns) {
 		columns = obj.columns = [];
 	}
 
-	var len = this.getColumnCount();
-	for(var i = 0; i < len; ++i) {
-		var col = columns[i];
-		if (!col) {
+	let len = this.getColumnCount();
+	for(let i = 0; i < len; ++i) {
+		let col = columns[i];
+		if(!col) {
 			col = columns[i] = {};
 		}
 
-		var colOptions = this._getColumnData(i);
+		let colOptions = this._getColumnData(i);
 		if(colOptions.isCheckboxColumn || i === this._userCheckboxIdx) {
 			col.checkboxColumn = true;
 		}
 	}
 
-	var extOptions = obj.checkbox;
+	let extOptions = obj.checkbox;
 	if(!extOptions) {
 		extOptions = obj.checkbox = {};
 	}
@@ -496,32 +496,32 @@ CheckboxPlugin.prototype.beforeInit = function(elem, config, runTime) {
 	if(runTime) {
 		return; // Since this is runTime loading, there is no point of processing config object.
 	}
-	var t = this;
+	let t = this;
 	t._displayColumn = -1;
 
 	// Add missing fields to avoid shifting of data due to adding of checkbox column
-	var columns = config["columns"];
-	if (config.dataModel) {
+	let columns = config["columns"];
+	if(config.dataModel) {
 		config.dataModel = t._prepareData(columns, config.dataModel);
 	}
-	if (config.staticDataRows) {
+	if(config.staticDataRows) {
 		config.staticDataRows = t._prepareData(columns, config.staticDataRows);
 	}
 
-	var chbxConfig = config["checkbox"];
-	if (chbxConfig) {
+	let chbxConfig = config["checkbox"];
+	if(chbxConfig) {
 		// Set checkbox column width here to ensure the column width will not blink during the initialization
-		if (chbxConfig["width"] != null) {
+		if(chbxConfig["width"] != null) {
 			t._width = chbxConfig["width"];
 		}
 
-		if (chbxConfig["field"] != null) {
+		if(chbxConfig["field"] != null) {
 			t._checkboxField = chbxConfig["field"];
 		}
 	}
 
 	t._userCheckboxIdx = t._findCheckboxColumnIndexFromConfig(columns);
-	if (t._userCheckboxIdx >= 0) {
+	if(t._userCheckboxIdx >= 0) {
 		t._genCheckboxColumn(columns[t._userCheckboxIdx]);
 	} else {
 		columns.unshift(t._genCheckboxColumn());
@@ -534,7 +534,7 @@ CheckboxPlugin.prototype.beforeInit = function(elem, config, runTime) {
 * @return {!Object} checkbox column config
 */
 CheckboxPlugin.prototype._genCheckboxColumn = function (userObj) {
-	var defaultObj = {
+	let defaultObj = {
 		width: this._width,
 		sortable: false,
 		className: "tr-checkbox-column", // For rt-grid
@@ -564,8 +564,8 @@ CheckboxPlugin.prototype._genCheckboxColumn = function (userObj) {
 			this._width = +userObj.width;
 		}
 
-		for(var key in defaultObj) {
-			var userVal = userObj[key];
+		for(let key in defaultObj) {
+			let userVal = userObj[key];
 			if(userVal == null) {
 				userObj[key] = defaultObj[key];
 			}
@@ -583,13 +583,13 @@ CheckboxPlugin.prototype._genCheckboxColumn = function (userObj) {
 * @return {Object} data model
 */
 CheckboxPlugin.prototype._prepareData = function (columns, dataModel) {
-	var model = dataModel;
-	if (Array.isArray(dataModel)) {
+	let model = dataModel;
+	if(Array.isArray(dataModel)) {
 		model = { data: dataModel };
 	}
-	if (model.data && !model.fields) {
+	if(model.data && !model.fields) {
 		// if data is 2D then we should add fields into dataModel
-		if (Array.isArray(model.data[0])) {
+		if(Array.isArray(model.data[0])) {
 			model.fields = this._getFieldsFromColumns(columns);
 		}
 	}
@@ -602,13 +602,13 @@ CheckboxPlugin.prototype._prepareData = function (columns, dataModel) {
 * @return {Array.<string>} list of fields
 */
 CheckboxPlugin.prototype._getFieldsFromColumns = function (columns) {
-	var colCount = columns.length;
-	var fields = new Array(colCount);
-	for (var c = 0; c < colCount; c++) {
-		var col = columns[c];
+	let colCount = columns.length;
+	let fields = new Array(colCount);
+	for(let c = 0; c < colCount; c++) {
+		let col = columns[c];
 		if(!col) {
 			fields[c] = "";
-		} else if (typeof col === "string") {
+		} else if(typeof col === "string") {
 			fields[c] = col;
 		} else {
 			fields[c] = col.field || "";
@@ -622,10 +622,10 @@ CheckboxPlugin.prototype._getFieldsFromColumns = function (columns) {
 * @return {number} Return negative number if the column not found
 */
 CheckboxPlugin.prototype._findCheckboxColumnIndexFromConfig = function (columns) {
-	if (Array.isArray(columns)) {
-		var colCount = columns.length;
-		for (var i = 0; i < colCount; i++) {
-			if (columns[i].checkboxColumn) {
+	if(Array.isArray(columns)) {
+		let colCount = columns.length;
+		for(let i = 0; i < colCount; i++) {
+			if(columns[i].checkboxColumn) {
 				return i;
 			}
 		}
@@ -638,10 +638,10 @@ CheckboxPlugin.prototype._findCheckboxColumnIndexFromConfig = function (columns)
 */
 CheckboxPlugin.prototype.getCheckboxColumnIndex = function () {
 	if(this._displayColumn < 0) {
-		var host = this._hosts[0];
-		var colCount = host ? host.getColumnCount() : 0;
-		for(var c = 0; c < colCount; ++c) {
-			var colData = this._getColumnData(c, host);
+		let host = this._hosts[0];
+		let colCount = host ? host.getColumnCount() : 0;
+		for(let c = 0; c < colCount; ++c) {
+			let colData = this._getColumnData(c, host);
 			if(colData && colData.isCheckboxColumn) {
 				this._displayColumn = c;
 				break;
@@ -662,9 +662,9 @@ CheckboxPlugin.prototype.getDisplayColumn = CheckboxPlugin.prototype.getCheckbox
 * @return {Element}
 */
 CheckboxPlugin.prototype.getCheckbox = function (sectionRef, rowIndex) {
-	var host = this._hosts[0];
-	var sectionSettings = host.getSectionSettings(sectionRef);
-	if (sectionSettings) {
+	let host = this._hosts[0];
+	let sectionSettings = host.getSectionSettings(sectionRef);
+	if(sectionSettings) {
 		return this._getCheckbox(sectionSettings, rowIndex);
 	}
 
@@ -679,22 +679,22 @@ CheckboxPlugin.prototype.getCheckbox = function (sectionRef, rowIndex) {
 * @return {Element}
 */
 CheckboxPlugin.prototype._createCheckbox = function (sectionSettings, colIndex, rowIndex) {
-	var section = sectionSettings.getSection();
+	let section = sectionSettings.getSection();
 
-	var cell = section.getCell(colIndex, rowIndex);
+	let cell = section.getCell(colIndex, rowIndex);
 	if(!cell) {
 		return null;
 	}
-	var content = cell.getContent();
+	let content = cell.getContent();
 	if(content && content._chkbox) {
 		return content;
 	}
 
-	if (this._coralCheckboxVer === -1) {
+	if(this._coralCheckboxVer === -1) {
 		this._coralCheckboxVer = ElfUtil.hasComponent("ef-checkbox");
 	}
 
-	var chkbox;
+	let chkbox;
 	if(this._coralCheckboxVer) {
 		chkbox = document.createElement("ef-checkbox");
 	} else {
@@ -709,11 +709,11 @@ CheckboxPlugin.prototype._createCheckbox = function (sectionSettings, colIndex,
 	// chkbox.addEventListener("checked-changed", this._onCheckboxClicked, false); // Elf v3
 
 	cell.setContent(chkbox);
-	var sectionType = sectionSettings.getType();
+	let sectionType = sectionSettings.getType();
 
 	if(!this._coralCheckboxVer) { // Workaround for UIFR theme styling
-		var lbl = document.createElement("label");
-		var id = "tr_grid_checkbox_" + CheckboxPlugin._runningId++;
+		let lbl = document.createElement("label");
+		let id = "tr_grid_checkbox_" + CheckboxPlugin._runningId++;
 		chkbox.setAttribute("id", id);
 		lbl.setAttribute("for", id);
 		chkbox.parentElement.appendChild(lbl); // HACK
@@ -772,25 +772,25 @@ CheckboxPlugin.prototype.setCheckStates = function (rowRefs, checked) {
 	if(!rowRefs) {
 		return;
 	}
-	var ary = Array.isArray(rowRefs) ? rowRefs : [rowRefs];
-	var len = ary.length;
+	let ary = Array.isArray(rowRefs) ? rowRefs : [rowRefs];
+	let len = ary.length;
 	if(!len) {
 		return;
 	}
 
 	// TODO: Support multi-table mode
-	var host = this._hosts[0];
-	var sectionSettings = host.getSectionSettings("content");
-	var dv = sectionSettings.getDataSource();
+	let host = this._hosts[0];
+	let sectionSettings = host.getSectionSettings("content");
+	let dv = sectionSettings.getDataSource();
 	if(!dv) {
 		return;
 	}
 
-	var rids = [];
-	var i;
-	for (i = 0; i < len; ++i) {
-		var ref = ary[i];
-		var rid = (typeof ref === "string") ? ref : dv.getRowId(ref);
+	let rids = [];
+	let i;
+	for(i = 0; i < len; ++i) {
+		let ref = ary[i];
+		let rid = (typeof ref === "string") ? ref : dv.getRowId(ref);
 		rids = CheckboxPlugin._collectRowMemberId(dv, rids, rid);
 	}
 	if(rids.length) {
@@ -806,13 +806,13 @@ CheckboxPlugin.prototype.setCheckStates = function (rowRefs, checked) {
 * @see {@link CheckboxPlugin#setAllCheckStates}
 */
 CheckboxPlugin.prototype.checkAll = function (checked) {
-	var state = CheckboxPlugin._toCheckState(checked != null ? checked : true);
-	var host = this._hosts[0];
-	var titles = host ? host.getAllSectionSettings("title") : null;
-	if (!titles) return;
+	let state = CheckboxPlugin._toCheckState(checked != null ? checked : true);
+	let host = this._hosts[0];
+	let titles = host ? host.getAllSectionSettings("title") : null;
+	if(!titles) return;
 
-	var rootSettings;
-	for(var i = 0; i < titles.length; ++i) { // Find the root settings
+	let rootSettings;
+	for(let i = 0; i < titles.length; ++i) { // Find the root settings
 		if(titles[i].getChildren()) {
 			rootSettings = titles[i];
 			break;
@@ -830,13 +830,13 @@ CheckboxPlugin.prototype.checkAll = function (checked) {
 */
 CheckboxPlugin.prototype.setAllCheckStates = function (checked) {
 	checked = checked ? true : false;
-	var host = this._hosts[0];
-	var dv = host ? host.getDataSource() : null;
-	var dt = dv ? dv.getDataSource() : null;
+	let host = this._hosts[0];
+	let dv = host ? host.getDataSource() : null;
+	let dt = dv ? dv.getDataSource() : null;
 
 	if(dt) {
 		// TODO: Check if we need to omit disabled checkboxes
-		var rids = dt.getAllRowIds(true); // TODO: Check if we can use shallow copy
+		let rids = dt.getAllRowIds(true); // TODO: Check if we can use shallow copy
 		this._setColumnData(dv, this._checkboxField, checked, rids);
 	}
 };
@@ -847,16 +847,16 @@ CheckboxPlugin.prototype.setAllCheckStates = function (checked) {
 * @see {@link CheckboxPlugin#checkAll}
 */
 CheckboxPlugin.prototype.selectAllPages = function (checked) {
-	var host = this._hosts[0];
-	var dv = host ? host.getDataSource() : null;
+	let host = this._hosts[0];
+	let dv = host ? host.getDataSource() : null;
 	if(!dv) {
 		return;
 	}
 
-	var allRids = dv.getSortedRowIds(true);  // All row ids with filter applied, including disabled and pagination
+	let allRids = dv.getSortedRowIds(true);  // All row ids with filter applied, including disabled and pagination
 	allRids = allRids.filter(CheckboxPlugin._checkableRow.bind(null, dv, this._isCheckboxDisabled));
 
-	var state = checked != null ? checked : true;
+	let state = checked != null ? checked : true;
 	this._setColumnData(dv, this._checkboxField, state, allRids);
 };
 
@@ -865,8 +865,8 @@ CheckboxPlugin.prototype.selectAllPages = function (checked) {
 * @param {boolean} disabled Truthy or Falsy value
 */
 CheckboxPlugin.prototype.disableCheckbox = function(rowRef, disabled) {
-	var host = this._hosts[0];
-	var dv = host ? host.getDataSource() : null;
+	let host = this._hosts[0];
+	let dv = host ? host.getDataSource() : null;
 	if(!dv) { return; }
 
 	if(typeof rowRef === "string") {
@@ -886,7 +886,7 @@ CheckboxPlugin.prototype.disableCheckbox = function(rowRef, disabled) {
 * @returns {boolean} disabled Truthy or Falsy value
 */
 CheckboxPlugin.prototype._isCheckboxDisabled = function(view, rowId) {
-	var rowData = this._getRowFromId(view, rowId);
+	let rowData = this._getRowFromId(view, rowId);
 	if(rowData) {
 		return rowData[this._disablingField] ? true : false;
 	}
@@ -910,32 +910,32 @@ CheckboxPlugin.prototype.enableCheckbox = function(rowRef) {
 * @see {@link CheckboxPlugin#getSelectedRowData}
 */
 CheckboxPlugin.prototype.getAllCheckedIndices = function (sectionRef, state) {
-	var ary = [];
-	var colIndex = this.getCheckboxColumnIndex();
-	var host = colIndex >= 0 ? this._hosts[0] : null;
-	var sectionSettings = host ? host.getSectionSettings(sectionRef) : null;
-
-	if (sectionSettings) {
-		if (state == null) { state = "checked"; }
-		var r, rowCount;
-		if (this._isDataBound(sectionSettings)) {
-			var dv = sectionSettings.getDataSource();
-			var rowIds = dv.getVisibleRowIds(true); // Filter and pagination are applied
+	let ary = [];
+	let colIndex = this.getCheckboxColumnIndex();
+	let host = colIndex >= 0 ? this._hosts[0] : null;
+	let sectionSettings = host ? host.getSectionSettings(sectionRef) : null;
+
+	if(sectionSettings) {
+		if(state == null) { state = "checked"; }
+		let r, rowCount;
+		if(this._isDataBound(sectionSettings)) {
+			let dv = sectionSettings.getDataSource();
+			let rowIds = dv.getVisibleRowIds(true); // Filter and pagination are applied
 			rowCount = rowIds.length;
-			for (r = 0; r < rowCount; ++r) {
-				var rowData = this._getRowFromId(dv, rowIds[r]);
+			for(r = 0; r < rowCount; ++r) {
+				let rowData = this._getRowFromId(dv, rowIds[r]);
 				if(rowData) {
-					if (CheckboxPlugin._toCheckState(rowData[this._checkboxField]) === state) {
+					if(CheckboxPlugin._toCheckState(rowData[this._checkboxField]) === state) {
 						ary.push(r);
 					}
 				}
 			}
 		} else {
-			var section = sectionSettings.getSection();
+			let section = sectionSettings.getSection();
 			rowCount = section.getRowCount();
-			for (r = 0; r < rowCount; ++r) {
-				var chkbox = this._getCheckbox(section, r);
-				if (CheckboxPlugin._getCheckState(chkbox) === state) {
+			for(r = 0; r < rowCount; ++r) {
+				let chkbox = this._getCheckbox(section, r);
+				if(CheckboxPlugin._getCheckState(chkbox) === state) {
 					ary.push(r);
 				}
 			}
@@ -950,7 +950,7 @@ CheckboxPlugin.prototype.getAllCheckedIndices = function (sectionRef, state) {
 * @return {!Array} Returns selected rows
 */
 CheckboxPlugin.prototype.getFilteredSelectedData = function (field) {
-	var host = this._hosts[0];
+	let host = this._hosts[0];
 	return this._getSelectedRowData(host ? host.getDataSource() : null, field);
 };
 
@@ -964,9 +964,9 @@ CheckboxPlugin.prototype.getFilteredSelectedData = function (field) {
 * chkBoxExtension.getSelectedRowData("field"); // Get all field values from selected row data in this format [value1, value2, ... values, valueN]
 */
 CheckboxPlugin.prototype.getAllSelectedData = function (field) {
-	var host = this._hosts[0];
-	var dv = host ? host.getDataSource() : null;
-	var dt = dv ? dv.getDataSource() : null; // get All selected Data we use dataTable instead
+	let host = this._hosts[0];
+	let dv = host ? host.getDataSource() : null;
+	let dt = dv ? dv.getDataSource() : null; // get All selected Data we use dataTable instead
 	return this._getSelectedRowData(dt, field);
 };
 
@@ -983,17 +983,17 @@ CheckboxPlugin.prototype.getSelectedRowData = CheckboxPlugin.prototype.getAllSel
 * @return {!Array} Returns selected row ids
 */
 CheckboxPlugin.prototype._getSelectedRowIds = function (dataSource) {
-	if (!dataSource || this.getCheckboxColumnIndex() < 0) {
+	if(!dataSource || this.getCheckboxColumnIndex() < 0) {
 		return [];
 	}
 
-	var rowIds = this._getRowMemberIdsInView(dataSource);
-	var rowCount = rowIds.length;
-	var selRowIds = [];
-	var i, rowId;
-	for (i = 0; i < rowCount; ++i) {
+	let rowIds = this._getRowMemberIdsInView(dataSource);
+	let rowCount = rowIds.length;
+	let selRowIds = [];
+	let i, rowId;
+	for(i = 0; i < rowCount; ++i) {
 		rowId = rowIds[i];
-		if (this._getCheckboxValue(dataSource, rowId)) {
+		if(this._getCheckboxValue(dataSource, rowId)) {
 			selRowIds.push(rowId);
 		}
 	}
@@ -1006,18 +1006,18 @@ CheckboxPlugin.prototype._getSelectedRowIds = function (dataSource) {
 * @return {!Array} Returns selected rows
 */
 CheckboxPlugin.prototype._getSelectedRowData = function (dataSource, field) {
-	var selRowIds = this._getSelectedRowIds(dataSource);
-	var i, rowCount = selRowIds.length;
-	if (field === "ROW_ID" || rowCount === 0) {
+	let selRowIds = this._getSelectedRowIds(dataSource);
+	let i, rowCount = selRowIds.length;
+	if(field === "ROW_ID" || rowCount === 0) {
 		return selRowIds; // Row Ids
 	} else {
-		var selRows = new Array(rowCount);
-		for (i = 0; i < rowCount; ++i) {
+		let selRows = new Array(rowCount);
+		for(i = 0; i < rowCount; ++i) {
 			selRows[i] = this._getRowFromId(dataSource, selRowIds[i]);
 		}
-		if (field) {
-			var values = new Array(rowCount);
-			for (i = 0; i < rowCount; ++i) {
+		if(field) {
+			let values = new Array(rowCount);
+			for(i = 0; i < rowCount; ++i) {
 				values[i] = selRows[i][field];
 			}
 			return values; // Field values
@@ -1042,7 +1042,7 @@ CheckboxPlugin.prototype._getRowFromId = function (dv, rowId) {
 * @return {boolean} Check State
 */
 CheckboxPlugin.prototype._getCheckboxValue = function (dv, rowId) {
-	var row = this._getRowFromId(dv, rowId);
+	let row = this._getRowFromId(dv, rowId);
 	if(row) {
 		return row[this._checkboxField] ? true : false;
 	}
@@ -1053,25 +1053,25 @@ CheckboxPlugin.prototype._getCheckboxValue = function (dv, rowId) {
 * @return {string} state
 */
 CheckboxPlugin.prototype._getGroupState = function (dv) {
-	if (!dv) {
+	if(!dv) {
 		return "unchecked";
 	}
 
-	var rowIds = null;
-	if (dv.getGroupLevel && dv.getGroupLevel() === 0) { // Root group
+	let rowIds = null;
+	if(dv.getGroupLevel && dv.getGroupLevel() === 0) { // Root group
 		rowIds = this._getRowMemberIdsInView(dv);
 	} else { // Subgroup
 		rowIds = dv.getAllRowIds(true); // Getting shallow copy and excluding header rows
 		rowIds = rowIds.filter(CheckboxPlugin._checkableRow.bind(null, dv, this._isCheckboxDisabled));
 	}
 
-	var len = rowIds.length;
-	if (!len) {
+	let len = rowIds.length;
+	if(!len) {
 		return "unchecked";
 	}
 
-	var state = "";
-	for(var i = 0; i < len; ++i) {
+	let state = "";
+	for(let i = 0; i < len; ++i) {
 		state = CheckboxPlugin._mergeState(
 			state,
 			CheckboxPlugin._toCheckState(this._getCheckboxValue(dv, rowIds[i]))
@@ -1084,13 +1084,13 @@ CheckboxPlugin.prototype._getGroupState = function (dv) {
 * @return {boolean} state
 */
 CheckboxPlugin.prototype._getGroupDisabledState = function (dv) {
-	if (!dv) {
+	if(!dv) {
 		return false;
 	}
 
-	var rowIds = this._getRowMemberIdsInView(dv);
-	var len = rowIds.length;
-	for(var i = 0; i < len; ++i) {
+	let rowIds = this._getRowMemberIdsInView(dv);
+	let len = rowIds.length;
+	for(let i = 0; i < len; ++i) {
 		if(!this._isCheckboxDisabled(dv, rowIds[i])) {
 			return false;
 		}
@@ -1102,11 +1102,11 @@ CheckboxPlugin.prototype._getGroupDisabledState = function (dv) {
 * @return {string}
 */
 CheckboxPlugin.prototype._getSectionState = function (sectionSettings) {
-	if (this._isDataBound(sectionSettings)) {
+	if(this._isDataBound(sectionSettings)) {
 		return this._getGroupState(sectionSettings.getDataSource());
 	} else {
-		var checkboxes = this._getAllCheckboxes(sectionSettings);
-		var states = checkboxes.map(CheckboxPlugin._getCheckState);
+		let checkboxes = this._getAllCheckboxes(sectionSettings);
+		let states = checkboxes.map(CheckboxPlugin._getCheckState);
 		return CheckboxPlugin._mergeStates(states);
 	}
 };
@@ -1116,11 +1116,11 @@ CheckboxPlugin.prototype._getSectionState = function (sectionSettings) {
 * @return {Element}
 */
 CheckboxPlugin.prototype._getCheckbox = function (sectionSettings, rowIndex) {
-	var section = sectionSettings.getSection ? sectionSettings.getSection() : sectionSettings;
-	var chkbox = /** @type{Element} */(section.getCellContent(this._displayColumn, rowIndex));
-	if (!chkbox) {
+	let section = sectionSettings.getSection ? sectionSettings.getSection() : sectionSettings;
+	let chkbox = /** @type{Element} */(section.getCellContent(this._displayColumn, rowIndex));
+	if(!chkbox) {
 		return null;
-	} else if (chkbox.tagName === "EF-CHECKBOX") {
+	} else if(chkbox.tagName === "EF-CHECKBOX") {
 		return chkbox;
 	} else if(chkbox.type === "checkbox") {
 		return chkbox;
@@ -1136,11 +1136,11 @@ CheckboxPlugin.prototype._getCheckbox = function (sectionSettings, rowIndex) {
 CheckboxPlugin.prototype._getAllCheckboxes = function (sectionSettings, ary) {
 	ary = ary || [];
 
-	var section = sectionSettings.getSection();
-	var fi = section.getFirstIndexInView();
-	var li = section.getLastIndexInView();
-	for(var r = fi; r <= li; ++r) { // WARNING: Index could be shifted
-		var chkbox = this._getCheckbox(sectionSettings, r);
+	let section = sectionSettings.getSection();
+	let fi = section.getFirstIndexInView();
+	let li = section.getLastIndexInView();
+	for(let r = fi; r <= li; ++r) { // WARNING: Index could be shifted
+		let chkbox = this._getCheckbox(sectionSettings, r);
 		if(chkbox) { // WARNING: Index is shifted
 			ary.push(chkbox);
 		}
@@ -1156,10 +1156,10 @@ CheckboxPlugin.prototype._setDescendantCheckState = function (sectionSettings, s
 	if(!this._topCheckboxHandler){
 		return;
 	}
-	var children = sectionSettings.getChildren();
-	if (children) {
-		for (var i = 0; i < children.length; ++i) {
-			var child = children[i];
+	let children = sectionSettings.getChildren();
+	if(children) {
+		for(let i = 0; i < children.length; ++i) {
+			let child = children[i];
 			this._setSectionState(child, state);
 			this._setDescendantCheckState(child, state);
 		}
@@ -1171,25 +1171,25 @@ CheckboxPlugin.prototype._setDescendantCheckState = function (sectionSettings, s
 * @param {Object=} dv DataView
 */
 CheckboxPlugin.prototype._syncAscendantState = function (sectionSettings, callerState, dv) {
-	var parent = sectionSettings.getParent();
-	var host = this._hosts[0];
-	if (!host || !parent || !parent.getSection().isVisible()) { return; }
+	let parent = sectionSettings.getParent();
+	let host = this._hosts[0];
+	if(!host || !parent || !parent.getSection().isVisible()) { return; }
 
-	var i;
-	var state = callerState || "";
-	if (state !== "partial") {
+	let i;
+	let state = callerState || "";
+	if(state !== "partial") {
 		if(!callerState) {
 			sectionSettings = null; // Force checking state of the caller
 		}
 
-		var children = parent.getChildren();
+		let children = parent.getChildren();
 		if(children) {
-			for (i = children.length; --i >= 0; ) {
-				var child = children[i];
-				if (child !== sectionSettings) {
-					var childState = this._getSectionState(child);
+			for(i = children.length; --i >= 0; ) {
+				let child = children[i];
+				if(child !== sectionSettings) {
+					let childState = this._getSectionState(child);
 					state = CheckboxPlugin._mergeState(childState, state);
-					if (state === "partial") {
+					if(state === "partial") {
 						break;
 					}
 				}
@@ -1199,9 +1199,9 @@ CheckboxPlugin.prototype._syncAscendantState = function (sectionSettings, caller
 
 	// sync disable status to header checkbox
 	if(dv) {
-		var titleSection = host.getSectionSettings("title");
-		var disabled = this._getGroupDisabledState(dv);
-		var checkboxes = this._getAllCheckboxes(titleSection);
+		let titleSection = host.getSectionSettings("title");
+		let disabled = this._getGroupDisabledState(dv);
+		let checkboxes = this._getAllCheckboxes(titleSection);
 		checkboxes.forEach(disabled ? CheckboxPlugin._addDisabledProp : CheckboxPlugin._removeDisabledProp);
 	}
 
@@ -1213,18 +1213,18 @@ CheckboxPlugin.prototype._syncAscendantState = function (sectionSettings, caller
 * @param {string} state
 */
 CheckboxPlugin.prototype._setSectionState = function (sectionSettings, state) {
-	if (!state) {
+	if(!state) {
 		return;
 	}
 
-	if (this._isDataBound(sectionSettings)) {
-		var checked = (state !== "unchecked");
-		var dv = /** @type{DataView} */(sectionSettings.getDataSource());
-		var memberRids = this._getRowMemberIdsInView(dv);
+	if(this._isDataBound(sectionSettings)) {
+		let checked = (state !== "unchecked");
+		let dv = /** @type{DataView} */(sectionSettings.getDataSource());
+		let memberRids = this._getRowMemberIdsInView(dv);
 		this._setColumnData(dv, this._checkboxField, checked, memberRids);
 	} else {
-		var checkboxes = this._getAllCheckboxes(sectionSettings);
-		for (var i = checkboxes.length; --i >= 0; ) {
+		let checkboxes = this._getAllCheckboxes(sectionSettings);
+		for(let i = checkboxes.length; --i >= 0; ) {
 			CheckboxPlugin._setCheckState(checkboxes[i], state);
 		}
 	}
@@ -1236,9 +1236,9 @@ CheckboxPlugin.prototype._setSectionState = function (sectionSettings, state) {
 * @return {boolean}
 */
 CheckboxPlugin.prototype._isDataBound = function (sectionSettings) {
-	if (this._checkboxField) {
-		if (sectionSettings.getDataSource()) {
-			if (sectionSettings.getType() === "content") {
+	if(this._checkboxField) {
+		if(sectionSettings.getDataSource()) {
+			if(sectionSettings.getType() === "content") {
 				return true;
 			}
 		}
@@ -1260,15 +1260,15 @@ CheckboxPlugin.prototype._onColumnAdded = function(e) {
 		return;
 	}
 
-	var host = this._hosts[0];
+	let host = this._hosts[0];
 	if(host) {
-		var column = e.context;
+		let column = e.context;
 		if(column) {
 			if(column.checkboxColumn) { // Ignore this if we already have one
-				var existingCheckbox = this.getCheckboxColumnIndex();
+				let existingCheckbox = this.getCheckboxColumnIndex();
 				if(existingCheckbox < 0) { // Only if there is no existing checkbox column
 					this._displayColumn = e.colIndex;
-					var colData = this._newColumnData(e.colIndex, host);
+					let colData = this._newColumnData(e.colIndex, host);
 					colData.isCheckboxColumn = true; // Mark the column for later referencing
 					// TODO: Extend or replace the column options with our checkbox column
 				}
@@ -1290,10 +1290,10 @@ CheckboxPlugin.prototype._requestUIPopulation = function (e) {
 CheckboxPlugin.prototype._populateUIs = function () {
 	this._updateTimer = 0;
 
-	if (this._initializing) { return; }
+	if(this._initializing) { return; }
 
-	var host = this._hosts[0];
-	if (!host) { return; }
+	let host = this._hosts[0];
+	if(!host) { return; }
 
 	this._initializing = true;
 
@@ -1307,15 +1307,15 @@ CheckboxPlugin.prototype._populateUIs = function () {
 
 		if(this._displayColumn < 0) {
 			// In case checkbox extension doesn't load during grid beforeInit (eg. load checkbox extension at runtime)
-			var chbxCol = this._genCheckboxColumn();
+			let chbxCol = this._genCheckboxColumn();
 			if(this._compositeGrid) { // TODO: This could be unnecessary workaround
-				var model = this._compositeGrid.getModel();
-				var columns = model ? model.columns : null;
+				let model = this._compositeGrid.getModel();
+				let columns = model ? model.columns : null;
 				if(columns) {
 					columns.unshift(chbxCol); // TODO: Check if this is appropriate
 				}
 				host.insertColumn(0, chbxCol); // preSectionRender and columnAdded is fired
-			} else if (this._realTimeGrid) { // TODO: Handle multiple grids
+			} else if(this._realTimeGrid) { // TODO: Handle multiple grids
 				this._realTimeGrid.insertColumn(chbxCol, 0);
 			}
 
@@ -1323,11 +1323,11 @@ CheckboxPlugin.prototype._populateUIs = function () {
 		}
 	}
 
-	var colData = this._newColumnData(this._displayColumn, host);
+	let colData = this._newColumnData(this._displayColumn, host);
 	colData.isCheckboxColumn = true; // Mark the column for later referencing
 
 	// HACK: for filter-input extension
-	var filterInput = colData.filterInputOption;
+	let filterInput = colData.filterInputOption;
 	if(!filterInput) {
 		filterInput = colData.filterInputOption = {};
 	}
@@ -1343,7 +1343,7 @@ CheckboxPlugin.prototype._populateUIs = function () {
 * @param {boolean=} toggling
 */
 CheckboxPlugin.prototype._onCheckboxChanged = function (e, toggling) {
-	var chkbox = e ? /** @type{Element} */(e.currentTarget) : null;
+	let chkbox = e ? /** @type{Element} */(e.currentTarget) : null;
 	if(!chkbox) {
 		return;
 	}
@@ -1353,33 +1353,33 @@ CheckboxPlugin.prototype._onCheckboxChanged = function (e, toggling) {
 	// so we must remove 'square-shape' class that use in only 'partial' state
 	chkbox.classList.remove('square-shape');
 
-	var newState = CheckboxPlugin._getCheckState(chkbox);
+	let newState = CheckboxPlugin._getCheckState(chkbox);
 	if(toggling) {
 		newState = CheckboxPlugin._toggleState(newState);
 	}
 
-	var host = this._hosts[0];
-	var pos = host.getRelativePosition(e); // Getting row index
-	var sectionSettings = pos["sectionSettings"];
+	let host = this._hosts[0];
+	let pos = host.getRelativePosition(e); // Getting row index
+	let sectionSettings = pos["sectionSettings"];
 	if(!sectionSettings) {
 		return; // Unsuccessful hit testing
 	}
 
-	if (this._isDataBound(sectionSettings)) {
-		var dv = sectionSettings.getDataSource();
-		var rowIndex = pos["rowIndex"];
-		var rid = dv.getRowId(rowIndex);
+	if(this._isDataBound(sectionSettings)) {
+		let dv = sectionSettings.getDataSource();
+		let rowIndex = pos["rowIndex"];
+		let rid = dv.getRowId(rowIndex);
 
 		if(this._isCheckboxDisabled(dv, rid)) { // TODO: Check if this is necessary
 			return;
 		}
 
 
-		var changeRange = null;
+		let changeRange = null;
 		if(e.shiftKey && this._anchorRowId) { // Select/deselect range of checkboxes
-			var prevIndex = dv.getRowIndex(this._anchorRowId);
+			let prevIndex = dv.getRowIndex(this._anchorRowId);
 			if(prevIndex >= 0) {
-				var i;
+				let i;
 				if(prevIndex < rowIndex) {
 					changeRange = [];
 					for(i = prevIndex; i <= rowIndex; ++i) {
@@ -1394,17 +1394,17 @@ CheckboxPlugin.prototype._onCheckboxChanged = function (e, toggling) {
 			}
 		}
 
-		var checked = newState !== "unchecked";
+		let checked = newState !== "unchecked";
 		if(changeRange) {
 			this.setCheckStates(changeRange, !e.altKey);
 		} else {
-			var subGroup = dv.getGroupByRowId(rid);
-			if (subGroup) {
-				var rowMemberIds = this._getRowMemberIdsOfSubgroup(dv, subGroup);
+			let subGroup = dv.getGroupByRowId(rid);
+			if(subGroup) {
+				let rowMemberIds = this._getRowMemberIdsOfSubgroup(dv, subGroup);
 				this._setColumnData(dv, this._checkboxField, checked, rowMemberIds);
 
 				// WORKAROUND: to force group move to next state from partial state
-				if (newState === 'checked' && chkbox._prevState === 'partial') {
+				if(newState === 'checked' && chkbox._prevState === 'partial') {
 					chkbox._forceNewState = newState;
 				}
 			} else {
@@ -1416,7 +1416,7 @@ CheckboxPlugin.prototype._onCheckboxChanged = function (e, toggling) {
 	this._setDescendantCheckState(sectionSettings, newState); // This only works with root section where root UI is linked with its children section.
 	this._syncAscendantState(sectionSettings); // The clicked row may be a member of row group and thus the state has to be calculated
 
-	if (this.hasListener("clicked")) {
+	if(this.hasListener("clicked")) {
 		pos["checkbox"] = chkbox;
 		pos["checkState"] = newState;
 		pos["checked"] = checked;
@@ -1434,15 +1434,15 @@ CheckboxPlugin.prototype._onCheckboxChanged = function (e, toggling) {
 * @param {Object=} context
 */
 CheckboxPlugin.prototype.toggleCheckByMouse = function(sectionRef, rowIndex, context) {
-	var eventObj = context || {};
+	let eventObj = context || {};
 	eventObj.sectionType = sectionRef;
 	eventObj = this._mockMouseEvent(this._displayColumn, rowIndex, eventObj);
 
-	var checkbox = this.getCheckbox(sectionRef, rowIndex);
+	let checkbox = this.getCheckbox(sectionRef, rowIndex);
 	if(!checkbox) {
 		return;
 	}
-	var curState = CheckboxPlugin._getCheckState(checkbox);
+	let curState = CheckboxPlugin._getCheckState(checkbox);
 	CheckboxPlugin._setBooleanProp(checkbox, "checked", curState !== "checked");
 	eventObj.currentTarget = eventObj.target = checkbox;
 
@@ -1457,8 +1457,8 @@ CheckboxPlugin.prototype.toggleCheckByMouse = function(sectionRef, rowIndex, con
 * @param {Object} context
 */
 CheckboxPlugin.prototype.supplyKey = function(keyName, rowIndex, context) {
-	var checkbox = this.getCheckbox("content", rowIndex);
-	var eventObj = this._mockKeyboardEvent(keyName, context);
+	let checkbox = this.getCheckbox("content", rowIndex);
+	let eventObj = this._mockKeyboardEvent(keyName, context);
 	eventObj.currentTarget = eventObj.target = checkbox;
 	this._onCheckboxKeydown(eventObj);
 };
@@ -1467,7 +1467,7 @@ CheckboxPlugin.prototype.supplyKey = function(keyName, rowIndex, context) {
 * @param {Event} e
 */
 CheckboxPlugin.prototype._onCheckboxClicked = function (e) {
-	var v1 = this._coralCheckboxVer === 1;
+	let v1 = this._coralCheckboxVer === 1;
 	if(v1) {
 		// Workaround for duplicate event from ef-checkbox
 		if(e.target.tagName === "LABEL") {
@@ -1482,22 +1482,22 @@ CheckboxPlugin.prototype._onCheckboxClicked = function (e) {
 * @param {Event} e
 */
 CheckboxPlugin.prototype._onCheckboxKeydown = function (e) {
-	var keyCode = e.keyCode;
+	let keyCode = e.keyCode;
 	if(keyCode === 32) {
 		this._onCheckboxMousedown(e); // Set anchor if no shift key is pressed
 		this._onCheckboxChanged(e, true);
 		e.preventDefault();
 	} if(keyCode === 38 || keyCode === 40) { // Arrow key up and down
-		var host = this._hosts[0];
-		var pos = host.getRelativePosition(e.currentTarget);
+		let host = this._hosts[0];
+		let pos = host.getRelativePosition(e.currentTarget);
 		if(pos.sectionType === "content") {
-			var dv = host.getDataSource();
-			var offset = (keyCode === 38) ? -1 : 1;
-			var nextIndex = pos.rowIndex + offset;
-			var rowId = dv.getRowId(nextIndex);
+			let dv = host.getDataSource();
+			let offset = (keyCode === 38) ? -1 : 1;
+			let nextIndex = pos.rowIndex + offset;
+			let rowId = dv.getRowId(nextIndex);
 			if(rowId) {
 				host.scrollToRow(null, nextIndex);
-				var chkbox = this._getCheckbox(pos.section, nextIndex);
+				let chkbox = this._getCheckbox(pos.section, nextIndex);
 				if(chkbox) {
 					chkbox.focus();
 				}
@@ -1514,10 +1514,10 @@ CheckboxPlugin.prototype._onCheckboxKeydown = function (e) {
 CheckboxPlugin.prototype._onCheckboxMousedown = function (e) {
 	if(!e.shiftKey) {
 		this._anchorRowId = "";
-		var host = this._hosts[0];
-		var pos = host.getRelativePosition(e.currentTarget);
+		let host = this._hosts[0];
+		let pos = host.getRelativePosition(e.currentTarget);
 		if(pos.sectionType === "content") {
-			var dv = host.getDataSource();
+			let dv = host.getDataSource();
 			this._anchorRowId = dv.getRowId(pos.rowIndex);
 		}
 	}
@@ -1530,18 +1530,18 @@ CheckboxPlugin.prototype._onCheckboxMousedown = function (e) {
 * @return {!Array.<string>} list of row member ids of group in view
 */
 CheckboxPlugin.prototype._getRowMemberIdsOfSubgroup = function (view, targetGroup) {
-	var memberIds = this._getRowMemberIdsInView(view); // Slow
+	let memberIds = this._getRowMemberIdsInView(view); // Slow
 
 	// WARNING: Subgroup header row may not be in the view
-	var subgroupMembers = targetGroup.isCollapsed() ? targetGroup.getAllRowIds(true) : targetGroup.getVisibleRowIds(true);
-	var beginPos = 0;
-	var result = [];
-	var len = subgroupMembers.length;
+	let subgroupMembers = targetGroup.isCollapsed() ? targetGroup.getAllRowIds(true) : targetGroup.getVisibleRowIds(true);
+	let beginPos = 0;
+	let result = [];
+	let len = subgroupMembers.length;
 	// TODO: Use object map instead of indexOf for checking
-	for (var i = 0; i < len; i++) {
-		var subgroupMember = subgroupMembers[i];
-		var pos = memberIds.indexOf(subgroupMember, beginPos);
-		if (pos >= 0) {
+	for(let i = 0; i < len; i++) {
+		let subgroupMember = subgroupMembers[i];
+		let pos = memberIds.indexOf(subgroupMember, beginPos);
+		if(pos >= 0) {
 			beginPos = pos + 1;
 			result.push(subgroupMember);
 		}
@@ -1557,13 +1557,13 @@ CheckboxPlugin.prototype._getRowMemberIdsOfSubgroup = function (view, targetGrou
 * @return {!Array.<string>} list of row member ids in view
 */
 CheckboxPlugin.prototype._getRowMemberIdsInView = function (view) {
-	if (view.getDataSource()) { // check is dataView
+	if(view.getDataSource()) { // check is dataView
 		// TODO: support multi-level grouping
 		// if view is DataView -> view.getVisibleRowIds(true) will get member and group rowIds in view
-		var rids = view.isCollapsed() ? view.getAllRowIds(true) : view.getVisibleRowIds(true); // get All member and group rowIds
-		var len = rids.length;
-		var allRids = [];
-		for (var i = 0; i < len; i++) { // loop check whether rowIds is group or just row member
+		let rids = view.isCollapsed() ? view.getAllRowIds(true) : view.getVisibleRowIds(true); // get All member and group rowIds
+		let len = rids.length;
+		let allRids = [];
+		for(let i = 0; i < len; i++) { // loop check whether rowIds is group or just row member
 			allRids = CheckboxPlugin._collectRowMemberId(view, allRids, rids[i]);
 		}
 
@@ -1579,12 +1579,12 @@ CheckboxPlugin.prototype._getRowMemberIdsInView = function (view) {
 * @param {Object} e
 */
 CheckboxPlugin.prototype._onPreSectionRender = function (e) {
-	var displayCol = this.getCheckboxColumnIndex();
+	let displayCol = this.getCheckboxColumnIndex();
 	if(displayCol < e["fromColIndex"] || displayCol >= e["toColIndex"]) {
 		return;
 	}
 
-	var sectionSettings = /** @type{SectionSettings} */(e["sectionSettings"]);
+	let sectionSettings = /** @type{SectionSettings} */(e["sectionSettings"]);
 	if(sectionSettings.getType() !== "title") {
 		return;
 	}
@@ -1597,7 +1597,7 @@ CheckboxPlugin.prototype._onPreSectionRender = function (e) {
 * @param {number=} toRow
 */
 CheckboxPlugin.prototype._createCheckboxes = function (sectionSettings, fromRow, toRow) {
-	var displayCol = this.getCheckboxColumnIndex();
+	let displayCol = this.getCheckboxColumnIndex();
 	if(displayCol < 0) {
 		return;
 	}
@@ -1608,11 +1608,11 @@ CheckboxPlugin.prototype._createCheckboxes = function (sectionSettings, fromRow,
 		return;
 	}
 
-	var section = sectionSettings.getSection();
-	var fi = (fromRow != null) ? fromRow : section.getFirstIndexInView();
-	var li = (toRow != null) ? toRow : section.getLastIndexInView() + 1;
+	let section = sectionSettings.getSection();
+	let fi = (fromRow != null) ? fromRow : section.getFirstIndexInView();
+	let li = (toRow != null) ? toRow : section.getLastIndexInView() + 1;
 
-	for (var r = fi; r < li; ++r) {
+	for(let r = fi; r < li; ++r) {
 		this._createCheckbox(sectionSettings, displayCol, r);
 	}
 };
@@ -1620,45 +1620,45 @@ CheckboxPlugin.prototype._createCheckboxes = function (sectionSettings, fromRow,
 * @param {Object} e
 */
 CheckboxPlugin.prototype._onPostSectionDataBinding = function (e) {
-	if (!this._checkboxField) {
+	if(!this._checkboxField) {
 		return;
 	}
-	var displayCol = this.getCheckboxColumnIndex();
+	let displayCol = this.getCheckboxColumnIndex();
 	if(displayCol < 0) { return; }
 
-	var section = /** @type{ILayoutGrid} */(e["section"]);
-	var dv = /** @type{DataView} */(e["dataSource"]);
+	let section = /** @type{ILayoutGrid} */(e["section"]);
+	let dv = /** @type{DataView} */(e["dataSource"]);
 
-	var fromR = /** @type{number} */(e["fromRowIndex"]);
+	let fromR = /** @type{number} */(e["fromRowIndex"]);
 	if(dv.hasGroup()) { // This is because we need to update group header when any group member is updated
 		fromR = section.getFirstIndexInView();
 	}
 
-	var toR = /** @type{number} */(e["toRowIndex"]);
-	var bindingCount = toR - fromR;
+	let toR = /** @type{number} */(e["toRowIndex"]);
+	let bindingCount = toR - fromR;
 	if(bindingCount <= 0) {
 		return;
 	}
 
-	var checkboxes = new Array(bindingCount);
+	let checkboxes = new Array(bindingCount);
 
-	var i, rowIndex, chkbox, rowData;
-	var arg = null;
-	var hasBinding = this.hasListener("checkboxBinding");
+	let i, rowIndex, chkbox, rowData;
+	let arg = null;
+	let hasBinding = this.hasListener("checkboxBinding");
 	if(hasBinding) {
 		arg = {
 			"colIndex": displayCol
 		};
 	}
 
-	var sectionSettings = /** @type{SectionSettings} */(e["sectionSettings"]);
+	let sectionSettings = /** @type{SectionSettings} */(e["sectionSettings"]);
 	for(i = 0; i < bindingCount; ++i) {
 		rowIndex = fromR + i;
 		chkbox = checkboxes[i] = this._getCheckbox(sectionSettings, rowIndex);
-		if (!chkbox) {
+		if(!chkbox) {
 			chkbox = checkboxes[i] = this._createCheckbox(sectionSettings, this._displayColumn, rowIndex);
 		}
-		var rowId = dv.getRowId(rowIndex); // Slow
+		let rowId = dv.getRowId(rowIndex); // Slow
 		rowData = this._getRowFromId(dv, rowId);
 		if(hasBinding && chkbox) {
 			arg["checkbox"] = chkbox;
@@ -1667,17 +1667,17 @@ CheckboxPlugin.prototype._onPostSectionDataBinding = function (e) {
 			this._dispatch("checkboxBinding", arg);
 		}
 
-		var disabled = false;
-		var state = "";
+		let disabled = false;
+		let state = "";
 		if(rowData) {
 			state = CheckboxPlugin._toCheckState(rowData[this._checkboxField]);
 			disabled = rowData[this._disablingField] === true;
 		} else { // Group header row has no rowData
-			var groupSetting = dv.getGroupByRowId(rowId);
+			let groupSetting = dv.getGroupByRowId(rowId);
 			disabled = this._getGroupDisabledState(groupSetting);
 			state = disabled ? "unchecked" : this._getGroupState(groupSetting);
 		}
-		if (this._autoRowSelection) {
+		if(this._autoRowSelection) {
 			section.setSelectedRow(rowIndex, (rowData || false) && state === "checked");
 		}