@refinitiv-ui/efx-grid 6.0.86 → 6.0.88

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

@@ -9,7 +9,7 @@ import { isEmptyObject } from "../../tr-grid-util/es6/Util.js";
 * @constructor
 * @extends {EventDispatcher}
 */
-var SnapshotFiller = function () {
+let SnapshotFiller = function () {
 	this._onRequest = this._onRequest.bind(this);
 
 	this._rics = {};
@@ -92,16 +92,16 @@ SnapshotFiller.clearMockAdc = function() {
 */
 SnapshotFiller.prototype.setADCOptions = function (adcOptions) {
 
-	var val = adcOptions["productId"];
+	let val = adcOptions["productId"];
 	if(val) {
 		this._adcOptions.productId = val;
 	}
 	// TODO: support requesting level parameter https://confluence.refinitiv.com/display/ADC/Request+level+parameters
-	// var val = adcOptions["lang"];
+	// let val = adcOptions["lang"];
 	// if(val) {
 	// 	this._adcOptions.lang = val;
 	// }
-	// var val = adcOptions["cache"];
+	// let val = adcOptions["cache"];
 	// if(val) {
 	// 	this._adcOptions.cache = val;
 	// }
@@ -129,10 +129,10 @@ SnapshotFiller.prototype.addRic = function (ric) {
 * @return {boolean}
 */
 SnapshotFiller.prototype.addRics = function (rics) {
-	var len = rics ? rics.length : 0;
-	var dirty = false;
-	for(var i = 0; i < len; ++i) {
-		var ric = rics[i];
+	let len = rics ? rics.length : 0;
+	let dirty = false;
+	for(let i = 0; i < len; ++i) {
+		let ric = rics[i];
 		if (ric && !this._rics[ric]) {
 			this._rics[ric] = 1;
 			dirty = true;
@@ -157,9 +157,9 @@ SnapshotFiller.prototype.addField = function (str) {
 * @return {boolean}
 */
 SnapshotFiller.prototype.addFields = function (fields) {
-	var len = fields.length;
-	var dirty = 0;
-	for(var i = 0; i < len; ++i) {
+	let len = fields.length;
+	let dirty = 0;
+	for(let i = 0; i < len; ++i) {
 		dirty |= this._addField(fields[i]);
 	}
 	if(dirty) {
@@ -204,7 +204,7 @@ SnapshotFiller.prototype._request = function () {
 SnapshotFiller.prototype._onRequest = function () {
 	this._timerId = 0;
 
-	var jet = window["JET"]; // Assume that JET is already exist.
+	let jet = window["JET"]; // Assume that JET is already exist.
 	if (this._rtk) {
 		if (!this._rtk.Data) {
 			return; // Require RTK.Data plugin to get snapshot data
@@ -214,20 +214,20 @@ SnapshotFiller.prototype._onRequest = function () {
 	}
 
 	// Retrieve instruments and ADC fields
-	var instruments = Object.keys(this._rics);
+	let instruments = Object.keys(this._rics);
 
-	var i;
-	var fields = [];
-	var timeSeriesFields = [];
-	for (var field in this._fields) {
+	let i;
+	let fields = [];
+	let timeSeriesFields = [];
+	for (let field in this._fields) {
 		if(!FieldDefinition.isTimeSeries(field)) {
 			fields.push(field);
 		} else {
 			timeSeriesFields.push(field);
 		}
 	}
-	var fieldLen = fields.length;
-	var timeSeriesFieldLen = timeSeriesFields.length;
+	let fieldLen = fields.length;
+	let timeSeriesFieldLen = timeSeriesFields.length;
 
 	if ( (!fieldLen && !timeSeriesFieldLen ) || !instruments.length) { // No ADC field or real-time RIC
 		return;
@@ -237,13 +237,13 @@ SnapshotFiller.prototype._onRequest = function () {
 	this._rics = {};
 	this._fields = {};
 
-	var onSuccess, payload;
+	let onSuccess, payload;
 	if (this._rtk) {
-		var strFields;
+		let strFields;
 		// Request time serie fields
 		if(timeSeriesFields.length > 0) {
 			// request time series field
-			var strtTimeSeriesFields = timeSeriesFields.join(',');
+			let strtTimeSeriesFields = timeSeriesFields.join(',');
 			payload = {
 				"method": "select",
 				"formula": strtTimeSeriesFields,
@@ -252,7 +252,7 @@ SnapshotFiller.prototype._onRequest = function () {
 				"output": "Col,date|,Row,In|,va,T,NoEmptyTickers" // For customize output server, for more information please visit "https://confluence.refinitiv.com/display/ADC/Data+Cloud+Output+Format"
 			};
 			onSuccess = this._onRTKTimeSeriesSuccess.bind(this, timeSeriesFields);
-			var responseMockAdc = SnapshotFiller.getMockAdc(payload.formula);
+			let responseMockAdc = SnapshotFiller.getMockAdc(payload.formula);
 			if(responseMockAdc) {
 				setTimeout(function() {
 					onSuccess(responseMockAdc);
@@ -288,7 +288,7 @@ SnapshotFiller.prototype._onRequest = function () {
 
 
 	} else {
-		var reqFields = [];
+		let reqFields = [];
 		for(i = 0; i < fieldLen; i++) {
 			reqFields.push({ "name": fields[i] });
 		}
@@ -314,8 +314,8 @@ SnapshotFiller.prototype._onRequest = function () {
 */
 SnapshotFiller.prototype._onJETSuccess = function (fields, serverResult) {
 	this._dispatch("adcDataReceived", serverResult);
-	var data2D = serverResult["data"];
-	var svHeaders = serverResult["headers"] && serverResult["headers"][0];
+	let data2D = serverResult["data"];
+	let svHeaders = serverResult["headers"] && serverResult["headers"][0];
 
 	if (!Array.isArray(data2D) || !Array.isArray(svHeaders)) {
 		return; //TODO: Return Promise.reject(errMsg);
@@ -325,11 +325,11 @@ SnapshotFiller.prototype._onJETSuccess = function (fields, serverResult) {
 	// Server will return field only in UPPERCASE
 	// ex. requestField = TR.Volume ===> serverField = TR.VOLUME
 	// so we need convert UPPERCASE to be original
-	var i, field, ric;
-	var j = 1; //  to skip instrument index, use j = 1
-	var fLength = fields.length;
-	var hLength = svHeaders.length;
-	var headers = new Array(hLength);
+	let i, field, ric;
+	let j = 1; //  to skip instrument index, use j = 1
+	let fLength = fields.length;
+	let hLength = svHeaders.length;
+	let headers = new Array(hLength);
 	for (i = 0; i < fLength && j < hLength; i++) {
 		field = fields[i];
 		if (svHeaders[j].field === field.toUpperCase()) {
@@ -338,24 +338,24 @@ SnapshotFiller.prototype._onJETSuccess = function (fields, serverResult) {
 		}
 	}
 
-	var len = data2D.length;
-	var fieldLen = headers.length;
-	var ricMap = {};
+	let len = data2D.length;
+	let fieldLen = headers.length;
+	let ricMap = {};
 
 	// TODO: Freeze the data view before setting multiple data
 	for (i = 0; i < len; i++) {
-		var dataRow = data2D[i];
+		let dataRow = data2D[i];
 		ric = dataRow[0];
 
 		if (ricMap[ric]) {
 			continue; // we interested only first row of ric
 		}
 
-		var snapData = ricMap[ric] = {};
+		let snapData = ricMap[ric] = {};
 
 		// loop for create rowData for update
 		for (j = 1; j < fieldLen; j++) { //  to skip instrument index, use j = 1
-			var value = dataRow[j];
+			let value = dataRow[j];
 			if (value != null && value !== "") {
 				field = headers[j];
 				snapData[field] = value;
@@ -364,9 +364,9 @@ SnapshotFiller.prototype._onJETSuccess = function (fields, serverResult) {
 	}
 
 	// return result only ric that has update data
-	var updatedData = {};
+	let updatedData = {};
 	for (ric in ricMap) {
-		var obj = ricMap[ric];
+		let obj = ricMap[ric];
 		if (!isEmptyObject(obj)) {
 			updatedData[ric] = obj;
 		}
@@ -384,8 +384,8 @@ SnapshotFiller.prototype._onJETSuccess = function (fields, serverResult) {
 */
 SnapshotFiller.prototype._onRTKSuccess = function (fields, serverResult) {
 	this._dispatch("adcDataReceived", serverResult);
-	var data2D = serverResult["rows"];
-	var svHeaders = serverResult["rows"] && serverResult["rows"][0];
+	let data2D = serverResult["rows"];
+	let svHeaders = serverResult["rows"] && serverResult["rows"][0];
 	if (!Array.isArray(data2D) || !Array.isArray(svHeaders)) {
 		return; //TODO: Return Promise.reject(errMsg);
 	}
@@ -393,11 +393,11 @@ SnapshotFiller.prototype._onRTKSuccess = function (fields, serverResult) {
 	// Server will return field only in UPPERCASE
 	// ex. requestField = TR.Volume ===> serverField = TR.VOLUME
 	// so we need convert UPPERCASE to be original
-	var i, field, ric;
-	var j = 1; //  to skip instrument index, use j = 1
-	var fLength = fields.length;
-	var hLength = svHeaders.length;
-	var headers = new Array(hLength);
+	let i, field, ric;
+	let j = 1; //  to skip instrument index, use j = 1
+	let fLength = fields.length;
+	let hLength = svHeaders.length;
+	let headers = new Array(hLength);
 	for (i = 0; i < fLength && j < hLength; i++) {
 		field = fields[i];
 		if (svHeaders[j].r.toUpperCase() === field.toUpperCase()) {
@@ -406,23 +406,23 @@ SnapshotFiller.prototype._onRTKSuccess = function (fields, serverResult) {
 		}
 	}
 
-	var len = data2D.length;
-	var fieldLen = headers.length;
-	var ricMap = {};
+	let len = data2D.length;
+	let fieldLen = headers.length;
+	let ricMap = {};
 
 	// TODO: Freeze the data view before setting multiple data
 	for (i = 1; i < len; i++) { // to skip column header index, use i = 1
-		var dataRow = data2D[i];
+		let dataRow = data2D[i];
 		ric = dataRow[0];
 
 		if (ricMap[ric]) {
 			continue; // we interested only first row of ric
 		}
-		var snapData = ricMap[ric] = {};
+		let snapData = ricMap[ric] = {};
 
 		// loop for create rowData for update
 		for (j = 1; j < fieldLen; j++) { // to skip instrument index, use j = 1
-			var value = dataRow[j];
+			let value = dataRow[j];
 			if (value != null && value !== "") {
 				if(typeof value !== 'object') {
 					field = headers[j];
@@ -437,9 +437,9 @@ SnapshotFiller.prototype._onRTKSuccess = function (fields, serverResult) {
 	}
 
 	// return result only ric that has update data
-	var updatedData = {};
+	let updatedData = {};
 	for (ric in ricMap) {
-		var obj = ricMap[ric];
+		let obj = ricMap[ric];
 		if (!isEmptyObject(obj)) {
 			updatedData[ric] = obj;
 		}
@@ -460,45 +460,45 @@ SnapshotFiller.prototype._onRTKTimeSeriesSuccess = function (fields, serverResul
 
 	// TODO: noti the user for change structure
 	this._dispatch("adcDataReceived", serverResult);
-	var data2D = serverResult["rows"];
-	var svHeaders = serverResult["rows"] && serverResult["rows"][0];
+	let data2D = serverResult["rows"];
+	let svHeaders = serverResult["rows"] && serverResult["rows"][0];
 	if (!Array.isArray(data2D) || !Array.isArray(svHeaders)) {
 		return; // TODO: Return Promise.reject(errMsg);
 	}
 	// Extract header dates
-	var headerDates = svHeaders.slice(2).map(header => header.v);
+	let headerDates = svHeaders.slice(2).map(header => header.v);
 	// Create necessary variables
-	var fileNameToTSField = {};
-	var count = 0;
+	let fileNameToTSField = {};
+	let count = 0;
 	// Convert map to fieldMap
-	var data2DLength = data2D.length;
-	for (var i = 1; i < data2DLength; i++) {
-		var dataRow = data2D[i];
-		var fieldName = dataRow[1];
+	let data2DLength = data2D.length;
+	for (let i = 1; i < data2DLength; i++) {
+		let dataRow = data2D[i];
+		let fieldName = dataRow[1];
 		if (!fileNameToTSField[fieldName]) {
 			fileNameToTSField[fieldName] = fields[count++];
 		}
 	}
 	// Process data and populate ricMap and childrenFieldToParent
-	var ricMap = {};
-	var childrenFieldToParent = {};
-	for (var i = 1; i < data2DLength; i++) {
-		var dataRow = data2D[i];
-		var ric = dataRow[0];
-		var fieldName = dataRow[1];
+	let ricMap = {};
+	let childrenFieldToParent = {};
+	for (let i = 1; i < data2DLength; i++) {
+		let dataRow = data2D[i];
+		let ric = dataRow[0];
+		let fieldName = dataRow[1];
 
 		if (!ricMap[ric]) {
 			ricMap[ric] = {};
 		}
-		var snapData = ricMap[ric];
+		let snapData = ricMap[ric];
 		if (headerDates.length === 1) {
 			// Time series with only 1 column, it will be a normal adc field
 			snapData[fileNameToTSField[fieldName]] = dataRow[2];
 		} else {
 			// Multiple columns, it will be a time series field
-			for (var k = 0; k < headerDates.length; k++) {
-				var field = fileNameToTSField[fieldName].replace("TR.", "") + "_" + headerDates[k];
-				var celLData =  dataRow[2 + k];
+			for (let k = 0; k < headerDates.length; k++) {
+				let field = fileNameToTSField[fieldName].replace("TR.", "") + "_" + headerDates[k];
+				let celLData =  dataRow[2 + k];
 				if(celLData !== null) {
 					childrenFieldToParent[field] = fileNameToTSField[fieldName];
 					snapData[field] = celLData;
@@ -508,16 +508,16 @@ SnapshotFiller.prototype._onRTKTimeSeriesSuccess = function (fields, serverResul
 	}
 
 	// Return result only for ric that has updated data
-	var dataMapping = {};
-	for (var ric in ricMap) {
-		var obj = ricMap[ric];
+	let dataMapping = {};
+	for (let ric in ricMap) {
+		let obj = ricMap[ric];
 		if (!isEmptyObject(obj)) {
 			dataMapping[ric] = obj;
 		}
 	}
 
 	// Dispatch events based on the header length
-	var eventData = {
+	let eventData = {
 		data: dataMapping,
 	};
 	if (headerDates.length > 1) {

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

@@ -6,7 +6,7 @@ import { Core } from "../../core/es6/grid/Core.js";
 /**
 * @constructor
 */
-var StyleLoader = {};
+let StyleLoader = {};
 
 /** @public
  * @type {string}

package/lib/tr-grid-percent-bar/es6/PercentBar.d.ts

@@ -7,29 +7,29 @@ import {ElfUtil} from '../../tr-grid-util/es6/ElfUtil.js';
 declare namespace PercentBarPlugin {
 
     type Options = {
-        padding?: number,
-        percentageLabel?: boolean,
-        autoTextSizing?: boolean,
-        autoFitting?: boolean,
-        zeroValueHidden?: boolean
+        padding?: number|null,
+        percentageLabel?: boolean|null,
+        autoTextSizing?: boolean|null,
+        autoFitting?: boolean|null,
+        zeroValueHidden?: boolean|null
     };
 
     type PercentBarOptions = {
-        alignment?: string,
-        field?: string,
-        textHidden?: boolean,
-        textWidth?: (number|string),
-        useMovementColor?: boolean,
-        barColor?: string,
-        padding?: number,
-        percentageLabel?: boolean,
-        autoTextSizing?: boolean,
-        autoFitting?: boolean,
-        zeroValueHidden?: boolean
+        alignment?: string|null,
+        field?: string|null,
+        textHidden?: boolean|null,
+        textWidth?: (number|string)|null,
+        useMovementColor?: boolean|null,
+        barColor?: string|null,
+        padding?: number|null,
+        percentageLabel?: boolean|null,
+        autoTextSizing?: boolean|null,
+        autoFitting?: boolean|null,
+        zeroValueHidden?: boolean|null
     };
 
     type ColumnOptions = {
-        percentBar?: (PercentBarPlugin.PercentBarOptions|boolean)
+        percentBar?: (PercentBarPlugin.PercentBarOptions|boolean)|null
     };
 
 }
@@ -50,7 +50,7 @@ declare class PercentBarPlugin extends GridPlugin {
 
     public setPercentBarAlignment(colIndex: number, alignment: string): void;
 
-    public setColumnPercentBar(colIndex: number, columnOptions: PercentBarPlugin.ColumnOptions): void;
+    public setColumnPercentBar(colIndex: number, columnOptions: PercentBarPlugin.ColumnOptions|null): void;
 
     public reloadThemeColors(): Promise<any>|null;
 

package/lib/tr-grid-percent-bar/es6/PercentBar.js

@@ -264,6 +264,10 @@ PercentBarPlugin.prototype.getColumnConfigObject = function (colIndex, out_obj)
     percentBar.autoFitting = opt.autoFitting;
   }
 
+  if (opt.zeroValueHidden != null) {
+    percentBar.zeroValueHidden = opt.zeroValueHidden;
+  }
+
   return out_obj;
 };
 /** Get a current state of grid and extension config

package/lib/tr-grid-range-bar/es6/RangeBar.js

@@ -1,4 +1,4 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import { Ext } from '../../tr-grid-util/es6/Ext.js';
 import { GridPlugin } from '../../tr-grid-util/es6/GridPlugin.js';
 import { ElfUtil } from '../../tr-grid-util/es6/ElfUtil.js';
@@ -477,6 +477,9 @@ RangeBarPlugin.prototype._onPostSectionBinding = function (e) {
         continue;
       }
       var rowData = this._getRowData(dataRows[r]);
+      if (!rowData) {
+        continue;
+      }
       var rangeBarData = _getRangeBarData(rBarOpt, rowData);
       var low = rangeBarData.low;
       var last = rangeBarData.last;

package/lib/tr-grid-row-filtering/es6/RowFiltering.d.ts

@@ -77,6 +77,8 @@ declare class RowFilteringPlugin extends GridPlugin {
 
     public setColumnFilter(colIndex: number, exp: RowFilteringPlugin.Expression|null, ctx?: (any|string)|null): boolean;
 
+    public getColumnFilterExpression(colIndex: number): RowFilteringPlugin.Expression|null;
+
     public removeFilter(funcRef: ((...params: any[]) => any)|string|null): boolean;
 
     public removeColumnFilters(colIndex: number): boolean;

package/lib/tr-grid-row-filtering/es6/RowFiltering.js

@@ -112,7 +112,7 @@ The expression can take various forms:<br>
 * @param {Object} cfo
 * @return {!RowFilteringPlugin~FilterExpression}
 */
-var toFilterExpression = function toFilterExpression(cfo) {
+var _toFilterExpression = function _toFilterExpression(cfo) {
   var ctx = cfo._context[0];
   // TODO: Handle rawDataAccessor and formattedDataAccessor (saving and loading of functions)
   return {
@@ -121,6 +121,22 @@ var toFilterExpression = function toFilterExpression(cfo) {
     context: ctx != null && !ctx._autoGenerated ? ctx : null
   };
 };
+/** @private
+* @function
+* @param {Array} ary
+* @param {*} val
+* @return {Array}
+*/
+var _arrayConcat = function _arrayConcat(ary, val) {
+  if (Array.isArray(val) && val.length) {
+    if (ary) {
+      return ary.concat(val);
+    } else {
+      return val;
+    }
+  }
+  return ary;
+};
 
 /** @type {string}
 * @private
@@ -405,7 +421,7 @@ RowFilteringPlugin.prototype.config = function (options) {
     return;
   }
 
-  // var host = this._hosts[0];
+  // let host = this._hosts[0];
   var len = columns.length;
   for (var i = 0; i < len; ++i) {
     var column = columns[i];
@@ -680,7 +696,7 @@ RowFilteringPlugin.prototype.addColumnFilter = function (colIndex, exp, ctx) {
 * );
 */
 RowFilteringPlugin.prototype.setColumnFilter = function (colIndex, exp, ctx) {
-  var curExp = this._getColumnExpression(colIndex);
+  var curExp = this.getColumnFilterExpression(colIndex);
   if (curExp === exp) {
     return false;
   }
@@ -691,11 +707,11 @@ RowFilteringPlugin.prototype.setColumnFilter = function (colIndex, exp, ctx) {
   }
   return removed || added;
 };
-/** @private
+/** @public
  * @param {number} colIndex
  * @return {RowFilteringPlugin~Expression}
  */
-RowFilteringPlugin.prototype._getColumnExpression = function (colIndex) {
+RowFilteringPlugin.prototype.getColumnFilterExpression = function (colIndex) {
   var colSettings = this._getUserColumnSettings(colIndex);
   return colSettings.expression || null;
 };
@@ -705,14 +721,14 @@ RowFilteringPlugin.prototype._getColumnExpression = function (colIndex) {
 * @param {RowFilteringPlugin~ColumnOptions} userObj
 * @returns {boolean} Returns true if there is an active filter in the column options
 * @example
-* var colDef1 = {
+* let colDef1 = {
 *   "field": "PCTCHNG",
 *   "filter": [["GT", 0]]
 * };
-* var colDef2 = {
+* let colDef2 = {
 *   "filter": "[PCTCHNG] > 0"
 * };
-* var colDef3 = {
+* let colDef3 = {
 *   "filter": function(rowData) {
 *     return rowData["PCTCHNG"] > 0;
 *   }
@@ -983,7 +999,7 @@ RowFilteringPlugin.prototype.getAllColumnFilters = function () {
 RowFilteringPlugin.prototype.getFilterExpressions = function () {
   if (this._columnFilters.length) {
     // TODO: Provide a way to save rawDataAccessor and formattedDataAccessor
-    return this._columnFilters.map(toFilterExpression);
+    return this._columnFilters.map(_toFilterExpression);
   }
   return null;
 };
@@ -1216,7 +1232,7 @@ RowFilteringPlugin.prototype._updateColumnIcon = function (colIndex) {
     var noFilterIcon = this._disabled || iconActivation === "none" || onActiveFilter && !hasFilter;
     if (!noFilterIcon) {
       if (!cell._filterIcon) {
-        var filterIcon;
+        var filterIcon = void 0;
         if (ElfUtil.hasComponent("ef-icon") >= 3) {
           filterIcon = document.createElement("ef-icon");
           filterIcon.setAttribute("icon", "filter");
@@ -1483,14 +1499,7 @@ RowFilteringPlugin.prototype._getUniqueValues = function (field, dialogConfig, f
       }
     }
   }
-  var additionalItems = dialogConfig.additionalItems;
-  if (Array.isArray(additionalItems)) {
-    if (userItemList) {
-      userItemList = userItemList.concat(additionalItems);
-    } else {
-      userItemList = additionalItems;
-    }
-  }
+  userItemList = _arrayConcat(userItemList, dialogConfig.additionalItems);
   var dummyRow = {};
   var userItemCount = userItemList ? userItemList.length : 0;
   for (var i = 0; i < userItemCount; ++i) {
@@ -1699,6 +1708,9 @@ RowFilteringPlugin.prototype.openDialog = function (colIndex, runtimeDialogOptio
       if (cfo._filters && cfo._filters.length) {
         filterFuncs = cfo._filters;
       }
+      if (_typeof(exp) === "object") {
+        dialogConfig.additionalItems = _arrayConcat(dialogConfig.additionalItems, Object.keys(exp));
+      }
     }
   }
   var selectedItems = {};
@@ -1916,7 +1928,7 @@ RowFilteringPlugin.prototype._onDialogFilterChanged = function (e) {
   var atLeastOne = false;
   for (var i = 0; i < selCount; ++i) {
     var formattedVal = selAry[i].title; // title is defined by the multi-select element
-    // var selIdx = selAry[i].index; // index cannot be used due to filtering
+    // let selIdx = selAry[i].index; // index cannot be used due to filtering
     if (selAry[i].value === BLANKS) {
       if (!ctx) {
         ctx = {};

package/lib/tr-grid-util/es6/DragUI.js

@@ -103,7 +103,8 @@ DragUI.prototype.onThemeLoaded = function(colors) {
 				"overflow-x: clip;",
 				"text-overflow: ellipsis;",
 				"padding: 0 7px 0 7px;",
-				"box-shadow: 0 0 8px var(--grid-dragbox-bordercolor);"
+				"box-shadow: 0 0 8px var(--grid-dragbox-bordercolor);",
+				"z-index: 2" // Cover sort indicator
 			],
 			".drag-box-disabled", [
 				"width: 100px;",

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

@@ -76,5 +76,7 @@ declare class CheckboxPlugin extends GridPlugin {
 
 declare function val(gridOptions?: any): any;
 
+declare function newState(sectionRef: any, rowIndex: number, context?: any): void;
+
 export default CheckboxPlugin;
 export { CheckboxPlugin, CheckboxPlugin as Checkbox, CheckboxPlugin as CheckboxExtension };

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

@@ -245,6 +245,8 @@ declare class Core extends ElementWrapper {
 
     public freezeSection(opt_frozenSection?: (string|number|null)|null): void;
 
+    public resetSectionFreezing(): void;
+
     public freezeFooter(frozenCount: number): void;
 
     public getFooterCount(): number;

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

@@ -7,29 +7,29 @@ import {ElfUtil} from '../../tr-grid-util/es6/ElfUtil.js';
 declare namespace PercentBarPlugin {
 
     type Options = {
-        padding?: number,
-        percentageLabel?: boolean,
-        autoTextSizing?: boolean,
-        autoFitting?: boolean,
-        zeroValueHidden?: boolean
+        padding?: number|null,
+        percentageLabel?: boolean|null,
+        autoTextSizing?: boolean|null,
+        autoFitting?: boolean|null,
+        zeroValueHidden?: boolean|null
     };
 
     type PercentBarOptions = {
-        alignment?: string,
-        field?: string,
-        textHidden?: boolean,
-        textWidth?: (number|string),
-        useMovementColor?: boolean,
-        barColor?: string,
-        padding?: number,
-        percentageLabel?: boolean,
-        autoTextSizing?: boolean,
-        autoFitting?: boolean,
-        zeroValueHidden?: boolean
+        alignment?: string|null,
+        field?: string|null,
+        textHidden?: boolean|null,
+        textWidth?: (number|string)|null,
+        useMovementColor?: boolean|null,
+        barColor?: string|null,
+        padding?: number|null,
+        percentageLabel?: boolean|null,
+        autoTextSizing?: boolean|null,
+        autoFitting?: boolean|null,
+        zeroValueHidden?: boolean|null
     };
 
     type ColumnOptions = {
-        percentBar?: (PercentBarPlugin.PercentBarOptions|boolean)
+        percentBar?: (PercentBarPlugin.PercentBarOptions|boolean)|null
     };
 
 }
@@ -50,7 +50,7 @@ declare class PercentBarPlugin extends GridPlugin {
 
     public setPercentBarAlignment(colIndex: number, alignment: string): void;
 
-    public setColumnPercentBar(colIndex: number, columnOptions: PercentBarPlugin.ColumnOptions): void;
+    public setColumnPercentBar(colIndex: number, columnOptions: PercentBarPlugin.ColumnOptions|null): void;
 
     public reloadThemeColors(): Promise<any>|null;