@refinitiv-ui/efx-grid 6.0.91 → 6.0.93

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

@@ -9,7 +9,7 @@ import { Dom } from "./Dom.js";
 * @private
 * @const
 */
-var GridElements = {
+let GridElements = {
 	"EFX-GRID": 1,
 	"ATLAS-BLOTTER": 1,
 	"EF-GRID": 1
@@ -18,7 +18,7 @@ var GridElements = {
 * @private
 * @const
 */
-var InvalidHostElements = {
+let InvalidHostElements = {
 	"BODY": 1,
 	"HTML": 1,
 	"EFX-GRID": 1,
@@ -30,16 +30,16 @@ var InvalidHostElements = {
 * @param {Object} instance
 * @return {Object}
 */
-var _cloneInstance = function (instance) {
+let _cloneInstance = function (instance) {
 	return new instance.constructor();
 };
 /** @private
 * @param {number} num
 * @return {!Array.<Object>}
 */
-var _newArrayOfObject = function (num) {
-	var ary = new Array(num);
-	for(var i = 0; i < num; ++i) {
+let _newArrayOfObject = function (num) {
+	let ary = new Array(num);
+	for(let i = 0; i < num; ++i) {
 		ary[i] = {};
 	}
 	return ary;
@@ -48,12 +48,12 @@ var _newArrayOfObject = function (num) {
 * @param {Element} elem
 * @param {boolean=} bool
 */
-var _toggleInlineElement = function (elem, bool) {
+let _toggleInlineElement = function (elem, bool) {
 	if(!elem || elem.style.display === "none") {
 		return;
 	}
 
-	var s = elem.style;
+	let s = elem.style;
 	if(bool == null) {
 		bool = s.display !== "inline-block";
 	}
@@ -69,7 +69,7 @@ var _toggleInlineElement = function (elem, bool) {
 /** @constructor
 * @param {Element} gridElem
 */
-var MultiTableManager = function (gridElem) {
+let MultiTableManager = function (gridElem) {
 	this._onDelayedConfiguration = this._onDelayedConfiguration.bind(this);
 	this._onConfiguration = this._onConfiguration.bind(this);
 	this._onWrapCountChanged = this._onWrapCountChanged.bind(this);
@@ -130,7 +130,7 @@ MultiTableManager.synchronizeVScrollbar = function(vScrollbarHost, hScrollbarHos
 		return Promise.reject("Host element cannot be body element.");
 	}
 
-	var gridLen = 0;
+	let gridLen = 0;
 	if(gridElems) {
 		if(GridElements[gridElems.tagName]) { // Accept single grid element as a parameter
 			gridElems = [gridElems];
@@ -139,8 +139,8 @@ MultiTableManager.synchronizeVScrollbar = function(vScrollbarHost, hScrollbarHos
 	}
 
 	// Element validation
-	var i, gridElem;
-	var validatedElems = [];
+	let i, gridElem;
+	let validatedElems = [];
 	for(i = 0; i < gridLen; ++i) {
 		gridElem = gridElems[i];
 		if(gridElem && GridElements[gridElem.tagName]) {
@@ -152,13 +152,13 @@ MultiTableManager.synchronizeVScrollbar = function(vScrollbarHost, hScrollbarHos
 		return Promise.reject("No grid element detected for scrollbar synchronization.");
 	}
 
-	var promises = [];
+	let promises = [];
 	for(i = 0; i < gridLen; ++i) {
 		gridElem = validatedElems[i];
 		if(gridElem.api) {
 			promises.push(Promise.resolve(gridElem));
 		} else {
-			var deferredConfig = gridElem._deferredConfig;
+			let deferredConfig = gridElem._deferredConfig;
 			if(!deferredConfig) {
 				deferredConfig = gridElem._deferredConfig = new Deferred();
 				gridElem.addEventListener("configured", MultiTableManager._onGridConfigured);
@@ -175,10 +175,10 @@ MultiTableManager.synchronizeVScrollbar = function(vScrollbarHost, hScrollbarHos
 * @param {Object} e
 */
 MultiTableManager._onGridConfigured = function(e) {
-	var gridElem = e.currentTarget;
+	let gridElem = e.currentTarget;
 	gridElem.removeEventListener("configured", MultiTableManager._onGridConfigured);
 	if(gridElem._deferredConfig) {
-		var d = gridElem._deferredConfig;
+		let d = gridElem._deferredConfig;
 		gridElem._deferredConfig = null;
 		d.resolve(gridElem);
 	}
@@ -190,7 +190,6 @@ MultiTableManager._onGridConfigured = function(e) {
 * @param {Array.<Element>} gridElems
 */
 MultiTableManager._onVScrollbarSynchronization = function(vScrollbarHost, hScrollbarHost, gridElems) {
-	// Dom.removeChildren(vScrollbarHost);
 	Dom.removeChildren(hScrollbarHost);
 
 	vScrollbarHost.style.overflow = "hidden";
@@ -199,11 +198,11 @@ MultiTableManager._onVScrollbarSynchronization = function(vScrollbarHost, hScrol
 	hScrollbarHost.style.whiteSpace = "nowrap";
 	hScrollbarHost.style.overflow = "auto hidden";
 
-	var gridLen = gridElems.length;
-	var mainCore = gridElems[0].api.getCoreGrid();
-	for(var i = 0; i < gridLen; ++i) {
-		var gridElem = gridElems[i];
-		var core = gridElem.api.getCoreGrid();
+	let gridLen = gridElems.length;
+	let mainCore = gridElems[0].api.getCoreGrid();
+	for(let i = 0; i < gridLen; ++i) {
+		let gridElem = gridElems[i];
+		let core = gridElem.api.getCoreGrid();
 
 		_toggleInlineElement(gridElem, true);
 		if(i > 0) {
@@ -215,7 +214,6 @@ MultiTableManager._onVScrollbarSynchronization = function(vScrollbarHost, hScrol
 	}
 
 	Dom.appendChild(hScrollbarHost, gridElems);
-	// Dom.appendChild(vScrollbarHost, hScrollbarHost);
 };
 
 /** @public
@@ -231,7 +229,7 @@ MultiTableManager.prototype.setGridConfig = function (configObj) {
 	}
 	this._extensions = configObj.extensions ? configObj.extensions.slice() : [];
 
-	var main = this._tables[0];
+	let main = this._tables[0];
 	if(main) {
 		configObj = this._cloneConfig();
 		main.addEventListener("configured", this._onDelayedConfiguration);
@@ -266,8 +264,8 @@ MultiTableManager.prototype._onConfiguration = function () {
 /** @public
 */
 MultiTableManager.prototype.dispose = function () {
-	var len = this._tables.length;
-	for(var i = 0; i < len; ++i) {
+	let len = this._tables.length;
+	for(let i = 0; i < len; ++i) {
 		this._tables[i].dispose();
 	}
 	this._tables = [];
@@ -280,11 +278,11 @@ MultiTableManager.prototype.dispose = function () {
 * @return {!Object}
 */
 MultiTableManager.prototype._cloneConfig = function () {
-	var obj = null;
+	let obj = null;
 	if(this._configObj) {
 		obj = cloneObject(this._configObj);
 		if(Array.isArray(obj.columns)) {
-			var runtimeConfig = this._tables[0].api ? this._tables[0].api.getConfigObject() : this._configObj;
+			let runtimeConfig = this._tables[0].api ? this._tables[0].api.getConfigObject() : this._configObj;
 			obj.columns = runtimeConfig.columns.slice();
 		}
 	}
@@ -304,7 +302,7 @@ MultiTableManager.prototype._setTableCount = function(num) {
 	this._tableCount = num > 0 ? num : 1;
 
 	if(this._ready) {
-		var tableCount = this._tables.length;
+		let tableCount = this._tables.length;
 		if(this._tableCount > tableCount) {
 			this._addTables(this._tableCount - tableCount);
 		} else if(this._tableCount < tableCount) {
@@ -328,15 +326,14 @@ MultiTableManager.prototype.setTableCount = function(num) {
 * @return {Element}
 */
 MultiTableManager.prototype._addTable = function(tableIndex) {
-	var main = this._tables[0];
-	var parentElem = main.parentNode;
-	var core = main.api.getCoreGrid();
-	var mainDataView = main.api.getDataView();
-	// var mainDataTable = main.api.getDataTable();
-	var stp = core.getPlugin("SortableTitlePlugin");
-	var dtp = core.getPlugin("DragAndDropTitlePlugin");
-
-	var configObj = this._cloneConfig();
+	let main = this._tables[0];
+	let parentElem = main.parentNode;
+	let core = main.api.getCoreGrid();
+	let mainDataView = main.api.getDataView();
+	let stp = core.getPlugin("SortableTitlePlugin");
+	let dtp = core.getPlugin("DragAndDropTitlePlugin");
+
+	let configObj = this._cloneConfig();
 	configObj.extensions = this._generateExtensions();
 
 	delete configObj.staticDataRows;
@@ -344,15 +341,15 @@ MultiTableManager.prototype._addTable = function(tableIndex) {
 	delete configObj.dataModel;
 
 	if(this._wrapSize) {
-		var wrappedViews = mainDataView.getWrappedViews();
+		let wrappedViews = mainDataView.getWrappedViews();
 		configObj.dataView = wrappedViews[tableIndex - 1];
 		configObj.grid = main.api;
 	} else {
 		configObj["SortableTitle"] = stp;
 		configObj["DragAndDropTitle"] = dtp;
-		var rowCount = mainDataView.getRowCount();
+		let rowCount = mainDataView.getRowCount();
 
-		var ary = _newArrayOfObject(rowCount);
+		let ary = _newArrayOfObject(rowCount);
 		if(this._emeraldGrid) {
 			configObj.dataModel = {
 				data: ary
@@ -362,12 +359,12 @@ MultiTableManager.prototype._addTable = function(tableIndex) {
 		}
 	}
 
-	var sub = document.createElement(main.tagName);
+	let sub = document.createElement(main.tagName);
 	_toggleInlineElement(sub, true);
 
 	sub.config = configObj;
 
-	var lastTable = this._tables[this._tables.length - 1];
+	let lastTable = this._tables[this._tables.length - 1];
 	parentElem.insertBefore(sub, lastTable.nextSibling);
 	return sub;
 };
@@ -380,13 +377,11 @@ MultiTableManager.prototype._addTables = function(num) {
 		return;
 	}
 
-	var main = this._tables[0];
+	let main = this._tables[0];
 	_toggleInlineElement(main, true); // TODO: Check if we need to do this every time
 
-	// main.api.setFitContentWidth(true);
-
-	for(var i = 0; i < num; ++i) {
-		var grid = this._addTable(this._tables.length);
+	for(let i = 0; i < num; ++i) {
+		let grid = this._addTable(this._tables.length);
 		this._tables.push(grid);
 	}
 
@@ -405,24 +400,20 @@ MultiTableManager.prototype._addTables = function(num) {
 * @param {number} num
 */
 MultiTableManager.prototype._removeTables = function(num) {
-	var tableCount = this._tables.length;
+	let tableCount = this._tables.length;
 	if (tableCount - num < 1) {
 		num = tableCount - 1;
 	}
 	if(!num) {
 		return;
 	}
-	for(var i = 0; i < num; ++i) {
-		var sub = this._tables.pop();
+	for(let i = 0; i < num; ++i) {
+		let sub = this._tables.pop();
 		sub.config = null;
 		if(sub.parentNode) {
 			sub.parentNode.removeChild(sub);
 		}
 	}
-	// if(this._tables.length === 1) {
-	// TODO: Reset state
-	// this._tables[0].style.display = ""; // Remove display inline
-	// }
 };
 
 
@@ -433,7 +424,7 @@ MultiTableManager.prototype._wrapTable = function(rowCount) {
 	this._wrapSize = rowCount > 0 ? rowCount : 0;
 
 	if(this._ready) {
-		var main = this._tables[0];
+		let main = this._tables[0];
 		if(this._wrapSize) {
 			main.style.display =  "none";
 			main.api.getCoreGrid().getVScrollbar().disable();
@@ -443,7 +434,7 @@ MultiTableManager.prototype._wrapTable = function(rowCount) {
 			main.api.getCoreGrid().getVScrollbar().disable(false);
 		}
 
-		var dv = main.api.getDataView();
+		let dv = main.api.getDataView();
 		dv.listen("wrapCountChanged", this._onWrapCountChanged);
 		dv.wrapView(this._wrapSize);
 	}
@@ -490,10 +481,10 @@ MultiTableManager.prototype.getTable = function(at) {
 * @return {!Array}
 */
 MultiTableManager.prototype._generateExtensions = function() {
-	var extCount = this._extensions ? this._extensions.length : 0;
-	var ary = new Array(extCount);
-	for(var i = 0; i < extCount; ++i) {
-		var ext = this._extensions[i];
+	let extCount = this._extensions ? this._extensions.length : 0;
+	let ary = new Array(extCount);
+	for(let i = 0; i < extCount; ++i) {
+		let ext = this._extensions[i];
 		if(ext.hasMultiTableSupport && ext.hasMultiTableSupport()) {
 			ary[i] = ext;
 		} else {
@@ -507,9 +498,9 @@ MultiTableManager.prototype._generateExtensions = function() {
 * @param {...*} args
 */
 MultiTableManager.prototype._execAll = function(methodName, args) {
-	var tableCount = this._tables.length;
-	for(var i = 0; i < tableCount; ++i) {
-		var tbl = this._tables[i];
+	let tableCount = this._tables.length;
+	for(let i = 0; i < tableCount; ++i) {
+		let tbl = this._tables[i];
 		if(args !== undefined) { // eslint-disable-line
 			if(arguments.length > 2) {
 				tbl.api[methodName].apply(
@@ -531,15 +522,15 @@ MultiTableManager.prototype._execAll = function(methodName, args) {
 */
 MultiTableManager.prototype.insertRow = function(rowOption, at) {
 	if(this._emeraldGrid) {
-		return; // TODO
+		return;
 	}
 
 	if(this._wrapSize) {
 		this.getTable().api.insertRow(rowOption, at);
 	} else {
-		var tableCount = this._tables.length;
-		for(var i = 0; i < tableCount; ++i) {
-			var tbl = this._tables[i];
+		let tableCount = this._tables.length;
+		for(let i = 0; i < tableCount; ++i) {
+			let tbl = this._tables[i];
 			tbl.api.insertRow(rowOption, at);
 		}
 	}
@@ -549,7 +540,7 @@ MultiTableManager.prototype.insertRow = function(rowOption, at) {
 */
 MultiTableManager.prototype.removeRow = function(at) {
 	if(this._emeraldGrid) {
-		return; // TODO
+		return;
 	}
 	if(at == null) {
 		at = this.getRowCount() - 1;
@@ -558,9 +549,9 @@ MultiTableManager.prototype.removeRow = function(at) {
 	if(this._wrapSize) {
 		this.getTable().api.removeRow(at);
 	} else {
-		var tableCount = this._tables.length;
-		for(var i = 0; i < tableCount; ++i) {
-			var tbl = this._tables[i];
+		let tableCount = this._tables.length;
+		for(let i = 0; i < tableCount; ++i) {
+			let tbl = this._tables[i];
 			tbl.api.removeRow(at);
 		}
 	}
@@ -579,12 +570,12 @@ MultiTableManager.prototype.getRowCount = function() {
 */
 MultiTableManager.prototype.insertColumn = function(columnOption, idx) {
 	if(this._emeraldGrid) {
-		return; // TODO
+		return;
 	}
 
-	var tableCount = this._tables.length;
-	for(var i = 0; i < tableCount; ++i) {
-		var tbl = this._tables[i];
+	let tableCount = this._tables.length;
+	for(let i = 0; i < tableCount; ++i) {
+		let tbl = this._tables[i];
 		tbl.api.insertColumn(columnOption, idx);
 	}
 };
@@ -593,11 +584,11 @@ MultiTableManager.prototype.insertColumn = function(columnOption, idx) {
 */
 MultiTableManager.prototype.removeColumn = function(colRef) {
 	if(this._emeraldGrid) {
-		return; // TODO
+		return;
 	}
-	var tableCount = this._tables.length;
-	for(var i = 0; i < tableCount; ++i) {
-		var tbl = this._tables[i];
+	let tableCount = this._tables.length;
+	for(let i = 0; i < tableCount; ++i) {
+		let tbl = this._tables[i];
 		tbl.api.removeColumn(colRef);
 	}
 };

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

@@ -18,12 +18,12 @@
 * @param {number} num Absolute number
 * @return {number}
 */
-var _multiplyByHundred = function(num) {
-	var intPart = num | 0;
+let _multiplyByHundred = function(num) {
+	let intPart = num | 0;
 	if(num > intPart) {
-		var str = num + "";
-		var at = str.indexOf(".");
-		var fracStr = str.slice(at + 1) + "00";
+		let str = num + "";
+		let at = str.indexOf(".");
+		let fracStr = str.slice(at + 1) + "00";
 		return +(str.slice(0, at) + fracStr.slice(0, 2) + "." + fracStr.slice(2));
 	}
 	return num * 100;
@@ -33,7 +33,7 @@ var _multiplyByHundred = function(num) {
 * @constructor
 * @param {NumberFormatter~Options=} options
 * @example
-* var options = {
+* let options = {
 *  "precisionEnabled": false, // Default is leaving precision as is
 *  "decimalPlaces": 2, // Take effect only precisionEnabled === true
 *  "plusSign": false, // Plus sign prefixing
@@ -42,12 +42,12 @@ var _multiplyByHundred = function(num) {
 *  "scalingUnit": "", // "b"|"m"
 *  "multiplyBy100": false
 *};
-* var nf = new NumberFormatter(options);
+* let nf = new NumberFormatter(options);
 * nf.format(123); // "123"
 * nf.format(-456.789); // "-456.789"
 * nf.getOptions(); // For serialization
 */
-var NumberFormatter = function (options) {
+let NumberFormatter = function (options) {
 	this["format"] = this.format = this.format.bind(this);
 
 	this.init(options);
@@ -113,10 +113,10 @@ NumberFormatter.prototype.init = function(options) { // deserialize
 		return;
 	}
 
-	var formatType = /** @type{string} */(options["formatType"] || options["type"]);
+	let formatType = /** @type{string} */(options["formatType"] || options["type"]);
 
 	// Note that precision will not be used in scaledValue mode
-	var val = options["precisionEnabled"];
+	let val = options["precisionEnabled"];
 	if(val != null && val !== "") {
 		this._precisionEnabled = val ? true : false;
 	} else {
@@ -203,9 +203,9 @@ NumberFormatter.prototype.resetToDefaults = function () {
 * NumberFormatter.padDecimalPartWithZeroes("1.000", 2); // "1.000"
 */
 NumberFormatter.padDecimalPartWithZeroes = function (str, precision) {
-	var dp = str.lastIndexOf(".");
+	let dp = str.lastIndexOf(".");
 	if (dp >= 0) {
-		var decimalPlace = str.length - dp - 1;
+		let decimalPlace = str.length - dp - 1;
 		if (decimalPlace < precision) {
 			str += NumberFormatter._zeroes[precision - decimalPlace];
 		}
@@ -240,7 +240,7 @@ NumberFormatter.multiplyByHundred = function (num) {
 NumberFormatter.prototype.getOptions = function(options) { // serialize
 	if(!options) { options = {}; }
 
-	var formatType = options["formatType"];
+	let formatType = options["formatType"];
 
 	if(this._precisionEnabled !== true) {
 		options["precisionEnabled"] = this._precisionEnabled; // Default in init
@@ -259,7 +259,7 @@ NumberFormatter.prototype.getOptions = function(options) { // serialize
 	}
 
 	if(formatType === "scaled" || formatType === "scaledvalue") {
-		var su = "";
+		let su = "";
 		if(this._scaler == "b") {
 			su = "billion";
 			options["scalingUnit"] = su;
@@ -295,7 +295,7 @@ NumberFormatter.prototype.format = function(origVal) {
 	}
 
 	// Simplify logic by making positive value
-	var val, sign;
+	let val, sign;
 	if(origVal >= 0) {
 		val = origVal;
 		sign = this._plusSignEnabled ? "+" : "";
@@ -303,7 +303,7 @@ NumberFormatter.prototype.format = function(origVal) {
 		val = -origVal;
 		sign = "-";
 	}
-	var scalingMode = this._percentFormatEnabled ? "" : this._scaler; // Percent formatting overwrite scaling mode
+	let scalingMode = this._percentFormatEnabled ? "" : this._scaler; // Percent formatting overwrite scaling mode
 
 	if(this._multiplyBy100Enabled) {
 		if(this._precisionEnabled || scalingMode) {
@@ -313,7 +313,7 @@ NumberFormatter.prototype.format = function(origVal) {
 		}
 	}
 
-	var absVal = val;
+	let absVal = val;
 	// Perform scaling
 	if (scalingMode) {
 		if (scalingMode === "b" && val < 1e9) {
@@ -332,7 +332,7 @@ NumberFormatter.prototype.format = function(origVal) {
 	// Perform rounding
 	if (this._precisionEnabled) {
 		if (this._precision > 0) {
-			var deno = NumberFormatter._denominator[this._precision];
+			let deno = NumberFormatter._denominator[this._precision];
 			val = Math.round(val * deno) / deno;
 		} else {
 			val = Math.round(val);
@@ -342,14 +342,14 @@ NumberFormatter.prototype.format = function(origVal) {
 	}
 
 	// Convert value to string
-	var str;
+	let str;
 	if(val > 0) {
 		if(val >= 1e-6) { // Handle high (7 or more digits) precision value
 			str = sign + val;
 		} else {
-			var fraction = val * 1e7; // Be careful that there are some cases like 1e-7 * 1e6 === 0.099
+			let fraction = val * 1e7; // Be careful that there are some cases like 1e-7 * 1e6 === 0.099
 			str = (fraction / 10) + "";
-			str = sign + "0.000000" + str.substr(2);
+			str = sign + "0.000000" + str.slice(2);
 		}
 	} else {
 		str = "0";
@@ -357,7 +357,7 @@ NumberFormatter.prototype.format = function(origVal) {
 
 	// Add separators
 	if(this._separatorEnabled && val >= 1e3) {
-		var strs = str.split(".");
+		let strs = str.split(".");
 		str = strs[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 		if(strs.length > 1) {
 			str += "." + strs[1];
@@ -389,7 +389,7 @@ NumberFormatter.prototype.format = function(origVal) {
 
 /** @public */
 NumberFormatter.prototype.enableDefaultFormat = function() {
-	var t = this;
+	let t = this;
 	t._precisionEnabled = t._separatorEnabled = t._percentSignEnabled = false;
 	t._percentFormatEnabled = t._plusSignEnabled = t._multiplyBy100Enabled = false;
 	t._scaler = "";