@refinitiv-ui/efx-grid 6.0.93 → 6.0.94

package/lib/formatters/es6/EFDateTimePickerFormatter.js

@@ -6,19 +6,24 @@ import ElfDate from "../../tr-grid-util/es6/ElfDate.js";
 * @param {Object} ctx Context object
 * @param {Object} options User options
 */
-var onContextCreated = function (ctx, options) {
+let onContextCreated = function (ctx, options) {
 	ctx.ElfDate = ElfDate;
 };
 
-var onElementUpdated = function (element, ctx) {
+/** @private
+* @function
+* @param {Element} element
+* @param {Object} ctx
+*/
+let onElementUpdated = function (element, ctx) {
 	if (!ctx.ElfDate.equal(element.value, ctx.value)) {
 		ctx.ElfDate.setDate(element, ctx.value);
 	}
 };
 
-var _changeHandler = function (e, ctx) {
+let _changeHandler = function (e, ctx) {
 	ctx.value = ctx.ElfDate.getDate(e.detail);
-	var currentData = ctx.getData(ctx.field);
+	let currentData = ctx.getData(ctx.field);
 	if (!ctx.ElfDate.equal(currentData, ctx.value)) {
 		ctx.setData(ctx.field, ctx.value);
 	}
@@ -27,7 +32,7 @@ var _changeHandler = function (e, ctx) {
 /** @constructor
 * @param {*=} options
 */
-var EFDateTimePickerFormatter = function (options) {
+let EFDateTimePickerFormatter = function (options) {
 
 };
 
@@ -36,7 +41,7 @@ var EFDateTimePickerFormatter = function (options) {
 * @return {Object}
 */
 EFDateTimePickerFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-datetime-picker",
 		refName: "EFDateTimePickerFormatter",
 		onContextCreated: onContextCreated,

package/lib/formatters/es6/EFIconFormatter.d.ts

@@ -17,7 +17,5 @@ declare class EFIconFormatter {
 
 }
 
-declare function onElementUpdated(): void;
-
 export default EFIconFormatter;
 export { EFIconFormatter };

package/lib/formatters/es6/EFIconFormatter.js

@@ -6,8 +6,13 @@ import FormatterBuilder from "./FormatterBuilder.js";
 * @property {(number|string)=} size
 */
 
-var onElementUpdated = function (element, ctx) {
-	var icon = ctx.value;
+/** @private
+* @function
+* @param {Element} element
+* @param {Object} ctx
+*/
+let onElementUpdated = function (element, ctx) {
+	let icon = ctx.value;
 	if (ctx.icon != null && typeof ctx.icon === "object") {
 		icon = ctx.icon[ctx.value];
 	}
@@ -21,7 +26,7 @@ var onElementUpdated = function (element, ctx) {
 /** @constructor
 * @param {*=} options
 */
-var EFIconFormatter = function (options) {
+let EFIconFormatter = function (options) {
 
 };
 
@@ -30,7 +35,7 @@ var EFIconFormatter = function (options) {
 * @return {Object}
 */
 EFIconFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-icon",
 		refName: "EFIconFormatter",
 		onElementUpdated: onElementUpdated,

package/lib/formatters/es6/EFNumberFieldFormatter.js

@@ -1,10 +1,15 @@
 import FormatterBuilder from "./FormatterBuilder.js";
 
-var onElementUpdated = function (element, ctx) {
+/** @private
+* @function
+* @param {Element} element
+* @param {Object} ctx
+*/
+let onElementUpdated = function (element, ctx) {
 	element.value = ctx.value;
 };
 
-var _changeHandler = function (e, ctx) {
+let _changeHandler = function (e, ctx) {
 	ctx.value = e.detail.value;
 	ctx.setData(ctx.field, ctx.value);
 };
@@ -12,7 +17,7 @@ var _changeHandler = function (e, ctx) {
 /** @constructor
 * @param {*=} options
 */
-var EFNumberFieldFormatter = function (options) {
+let EFNumberFieldFormatter = function (options) {
 
 };
 
@@ -21,7 +26,7 @@ var EFNumberFieldFormatter = function (options) {
 * @return {Object}
 */
 EFNumberFieldFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-number-field",
 		refName: "EFNumberFieldFormatter",
 		onElementUpdated: onElementUpdated,

package/lib/formatters/es6/EFRadioButtonFormatter.d.ts

@@ -16,7 +16,5 @@ declare class EFRadioButtonFormatter {
 
 }
 
-declare function onElementCreated(): void;
-
 export default EFRadioButtonFormatter;
 export { EFRadioButtonFormatter };

package/lib/formatters/es6/EFRadioButtonFormatter.js

@@ -5,11 +5,16 @@ import FormatterBuilder from "./FormatterBuilder.js";
 * @property {number=} initialIndex
 */
 
-var onElementCreated = function (element, ctx) {
-	var dv = ctx.grid.getDataSource();
-	var rid = dv.getRowId(ctx.rowIndex);
-	var index = dv.getRowIndex(rid);
-	var checked = index === ctx.initialIndex;
+/** @private
+* @function
+* @param {Element} element
+* @param {Object} ctx
+*/
+let onElementCreated = function (element, ctx) {
+	let dv = ctx.grid.getDataSource();
+	let rid = dv.getRowId(ctx.rowIndex);
+	let index = dv.getRowIndex(rid);
+	let checked = index === ctx.initialIndex;
 	if (checked) {
 		ctx.previousId = rid;
 		ctx.setData(ctx.field, checked);
@@ -17,10 +22,15 @@ var onElementCreated = function (element, ctx) {
 	ctx.value = checked;
 };
 
-var onElementUpdated = function (element, ctx) {
-	var dv = ctx.grid.getDataSource();
-	var rid = dv.getRowId(ctx.rowIndex);
-	var checked = (rid === ctx.previousId) && ctx.value;
+/** @private
+* @function
+* @param {Element} element
+* @param {Object} ctx
+*/
+let onElementUpdated = function (element, ctx) {
+	let dv = ctx.grid.getDataSource();
+	let rid = dv.getRowId(ctx.rowIndex);
+	let checked = (rid === ctx.previousId) && ctx.value;
 	element.checked = checked;
 };
 
@@ -29,14 +39,14 @@ var onElementUpdated = function (element, ctx) {
 * @param {*} e
 * @param {*} ctx
 */
-var _changeHandler = function (e, ctx) {
+let _changeHandler = function (e, ctx) {
 	ctx.value = e.detail.value;
 	ctx.setData(ctx.field, ctx.value);
 
-	var dv = ctx.grid.getDataSource();
-	var rid = dv.getRowId(ctx.rowIndex);
+	let dv = ctx.grid.getDataSource();
+	let rid = dv.getRowId(ctx.rowIndex);
 	if (ctx.previousId && ctx.previousId !== rid) {
-		var row = dv.getRowData(ctx.previousId);
+		let row = dv.getRowData(ctx.previousId);
 		if (row) {
 			if (row["ROW_DEF"]) {
 				row["ROW_DEF"].setData(ctx.field, false);
@@ -51,7 +61,7 @@ var _changeHandler = function (e, ctx) {
 /** @constructor
 * @param {*=} options
 */
-var EFRadioButtonFormatter = function (options) {
+let EFRadioButtonFormatter = function (options) {
 
 };
 
@@ -60,7 +70,7 @@ var EFRadioButtonFormatter = function (options) {
 * @return {Object}
 */
 EFRadioButtonFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-radio-button",
 		refName: "EFRadioButtonFormatter",
 		styles: {

package/lib/formatters/es6/EFSelectFormatter.js

@@ -12,22 +12,32 @@ import CoralItems from "../../tr-grid-util/es6/CoralItems.js";
 * @param {Object} ctx Context object
 * @param {Object} options User options
 */
-var onContextCreated = function (ctx, options) {
-	var userItems = options.data || options.entries || options.items;
+let onContextCreated = function (ctx, options) {
+	let userItems = options.data || options.entries || options.items;
 	ctx.data = CoralItems.create(userItems);
 };
 
-var onElementCreated = function (element, ctx) {
+/** @private
+* @function
+* @param {Element} element
+* @param {Object} ctx
+*/
+let onElementCreated = function (element, ctx) {
 	if (ctx.data) {
 		element.data = ctx.data;
 	}
 };
 
-var onElementUpdated = function (element, ctx) {
+/** @private
+* @function
+* @param {Element} element
+* @param {Object} ctx
+*/
+let onElementUpdated = function (element, ctx) {
 	element.value = ctx.value;
 };
 
-var _changeHandler = function (e, ctx) {
+let _changeHandler = function (e, ctx) {
 	ctx.value = e.detail.value;
 	ctx.setData(ctx.field, ctx.value);
 };
@@ -35,7 +45,7 @@ var _changeHandler = function (e, ctx) {
 /** @constructor
 * @param {*=} options
 */
-var EFSelectFormatter = function (options) {
+let EFSelectFormatter = function (options) {
 
 };
 
@@ -44,7 +54,7 @@ var EFSelectFormatter = function (options) {
 * @return {Object}
 */
 EFSelectFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-select",
 		refName: "EFSelectFormatter",
 		styles: {

package/lib/formatters/es6/EFTextFieldFormatter.js

@@ -1,10 +1,10 @@
 import FormatterBuilder from "./FormatterBuilder.js";
 
-var onElementUpdated = function (element, ctx) {
+let onElementUpdated = function (element, ctx) {
 	element.value = ctx.value;
 };
 
-var _changeHandler = function (e, ctx) {
+let _changeHandler = function (e, ctx) {
 	ctx.value = e.detail.value;
 	ctx.setData(ctx.field, ctx.value);
 };
@@ -12,7 +12,7 @@ var _changeHandler = function (e, ctx) {
 /** @constructor
 * @param {*=} options
 */
-var EFTextFieldFormatter = function (options) {
+let EFTextFieldFormatter = function (options) {
 
 };
 
@@ -21,7 +21,7 @@ var EFTextFieldFormatter = function (options) {
 * @return {Object}
 */
 EFTextFieldFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-text-field",
 		refName: "EFTextFieldFormatter",
 		onElementUpdated: onElementUpdated,

package/lib/formatters/es6/EFToggleFormatter.js

@@ -5,7 +5,7 @@ import FormatterBuilder from "./FormatterBuilder.js";
 * @param {Element} element
 * @param {Object} ctx
 */
-var onElementUpdated = function (element, ctx) {
+let onElementUpdated = function (element, ctx) {
 	element.checked = ctx.value;
 };
 
@@ -15,7 +15,7 @@ var onElementUpdated = function (element, ctx) {
 * @param {*} e
 * @param {*} ctx
 */
-var _changeHandler = function (e, ctx) {
+let _changeHandler = function (e, ctx) {
 	ctx.value = e.detail.value;
 	ctx.setData(ctx.field, ctx.value);
 };
@@ -23,7 +23,7 @@ var _changeHandler = function (e, ctx) {
 /** @constructor
 * @param {*=} options
 */
-var EFToggleFormatter = function (options) {
+let EFToggleFormatter = function (options) {
 
 };
 
@@ -32,7 +32,7 @@ var EFToggleFormatter = function (options) {
 * @return {Object}
 */
 EFToggleFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-toggle",
 		refName: "EFToggleFormatter",
 		onElementUpdated: onElementUpdated,

package/lib/formatters/es6/EmeraldDateTimePickerFormatter.js

@@ -6,19 +6,19 @@ import ElfDate from "../../tr-grid-util/es6/ElfDate.js";
 * @param {Object} ctx Context object
 * @param {Object} options User options
 */
-var onContextCreated = function (ctx, options) {
+let onContextCreated = function (ctx, options) {
 	ctx.ElfDate = ElfDate;
 };
 
-var onElementUpdated = function (element, ctx) {
+let onElementUpdated = function (element, ctx) {
 	if (!ctx.ElfDate.equal(element.value, ctx.value)) {
 		ctx.ElfDate.setDate(element, ctx.value);
 	}
 };
 
-var _changeHandler = function (e, ctx) {
+let _changeHandler = function (e, ctx) {
 	ctx.value = ctx.ElfDate.getDate(e.detail);
-	var currentData = ctx.getData(ctx.field);
+	let currentData = ctx.getData(ctx.field);
 	if (!ctx.ElfDate.equal(currentData, ctx.value)) {
 		ctx.setData(ctx.field, ctx.value);
 	}
@@ -27,7 +27,7 @@ var _changeHandler = function (e, ctx) {
 /** @constructor
 * @param {*=} options
 */
-var EmeraldDateTimePickerFormatter = function (options) {
+let EmeraldDateTimePickerFormatter = function (options) {
 
 };
 
@@ -36,7 +36,7 @@ var EmeraldDateTimePickerFormatter = function (options) {
 * @return {Object}
 */
 EmeraldDateTimePickerFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-datetime-picker",
 		refName: "EmeraldDateTimePickerFormatter",
 		onContextCreated: onContextCreated,

package/lib/formatters/es6/FormatterBuilder.js

@@ -14,7 +14,7 @@
 * @private
 * @constant
 */
-var ReservedAttributes = {
+let ReservedAttributes = {
 	"api": true,
 	"wrapper": true, // wrapper is generated during runtime binding
 	"grid": true,
@@ -51,7 +51,7 @@ var ReservedAttributes = {
 * @param {Object} master Master object. There will be no modification on this object
 */
 function _assignProperties(base, master) {
-	for (var key in master) {
+	for (let key in master) {
 		if (!ReservedAttributes[key]) {
 			base[key] = master[key];
 		}
@@ -65,17 +65,17 @@ function _assignProperties(base, master) {
 * @returns {boolean} Returns true, if there is any change
 */
 function _assignAttributes(base, master) {
-	var mObj = master.attributes;
+	let mObj = master.attributes;
 	if(!mObj) {
 		return false;
 	}
 
-	var dirty = false;
-	var bObj = base.attributes;
+	let dirty = false;
+	let bObj = base.attributes;
 	if(!bObj) {
 		bObj = {};
 	}
-	for(var key in mObj) {
+	for(let key in mObj) {
 		dirty = true;
 		bObj[key] = mObj[key];
 	}
@@ -96,19 +96,19 @@ function _assignAttributes(base, master) {
 * @returns {boolean} Returns true, if there is any change
 */
 function _assignStyles(base, master) {
-	var mObj = master.styles;
+	let mObj = master.styles;
 	if(!mObj) {
 		return false;
 	}
 
-	var dirty = false;
-	var bObj = base.styles;
+	let dirty = false;
+	let bObj = base.styles;
 	if(!bObj) {
 		bObj = {};
 	}
-	for(var key in mObj) {
+	for(let key in mObj) {
 		dirty = true;
-		var val = mObj[key];
+		let val = mObj[key];
 		if(key === "width" || key === "height") {
 			if(typeof val === "number") {
 				val = val + "px";
@@ -147,18 +147,18 @@ function _positionLocator(ctx, userFunc, e) {
 * @returns {boolean} Returns true, if there is any change
 */
 function _assignListener(base, master, optionType) {
-	var mObj = master.events;
+	let mObj = master.events;
 	if(!mObj) {
 		return false;
 	}
 
-	var dirty = false;
-	var bObj = base[optionType];
+	let dirty = false;
+	let bObj = base[optionType];
 	if(!bObj) {
 		bObj = {};
 	}
-	for (var key in mObj) {
-		var func = mObj[key];
+	for (let key in mObj) {
+		let func = mObj[key];
 		if (typeof func === "function") {
 			dirty = true;
 			bObj[key] = _positionLocator.bind(null, base, func);
@@ -201,7 +201,7 @@ function _onInitContextObject(ctx, colDef, grid) { // Executed once per column
 * @param {*} value
 */
 function _setRtGridData(field, value) {
-	var rowDef = this.api.getRowDefinition(this.rowIndex);
+	let rowDef = this.api.getRowDefinition(this.rowIndex);
 	if(rowDef) {
 		rowDef.setStaticData(field, value);
 	}
@@ -212,7 +212,7 @@ function _setRtGridData(field, value) {
 * @returns {*} Value
 */
 function _getRtGridData(field) {
-	var rowDef = this.api.getRowDefinition(this.rowIndex);
+	let rowDef = this.api.getRowDefinition(this.rowIndex);
 	return rowDef ? rowDef.getData(field) : null;
 }
 /** @private
@@ -276,7 +276,7 @@ function _predefinedBinding(ctx, e) {
 		ctx.setData = _setRtGridData;
 		ctx.getData = _getRtGridData;
 	}
-	var rowData = ctx.rowData = e["rowData"];
+	let rowData = ctx.rowData = e["rowData"];
 	if(ctx.field) {
 		ctx.value = rowData ? rowData[ctx.field] : null;
 	} else {
@@ -308,7 +308,7 @@ function _predefinedFormatter(ctx, rowIndex, columnIndex, value, cell, colDef, d
 		ctx.setData = _setCoreGridData;
 		ctx.getData = _getCoreGridData;
 	}
-	var rowData = ctx.rowData = dataRow;
+	let rowData = ctx.rowData = dataRow;
 	if (ctx.field) {
 		ctx.value = rowData ? rowData[ctx.field] : null;
 	} else {
@@ -325,7 +325,7 @@ function _predefinedFormatter(ctx, rowIndex, columnIndex, value, cell, colDef, d
 * @param {Object} ctx
 */
 function _commonBinding(ctx) {
-	var elem = ctx.cell.getContent();
+	let elem = ctx.cell.getContent();
 	if(!elem || (elem._formatterName !== ctx.refName)) {
 		elem = document.createElement(ctx.tagName);
 		elem._formatterName = ctx.refName;
@@ -333,21 +333,21 @@ function _commonBinding(ctx) {
 			ctx.onElementCreated(elem, ctx);
 		}
 
-		var attrs = ctx.attributes;
+		let attrs = ctx.attributes;
 		if(attrs) {
-			for(var attrName in attrs) {
+			for(let attrName in attrs) {
 				elem.setAttribute(attrName, attrs[attrName] || "");
 			}
 		}
 
-		var stys = ctx.styles;
+		let stys = ctx.styles;
 		if(stys) {
-			for(var styName in stys) {
+			for(let styName in stys) {
 				elem.style[styName] = stys[styName];
 			}
 		}
 
-		var evts, evtName;
+		let evts, evtName;
 		evts = ctx.defaultEvents;
 		if(evts) {
 			for (evtName in evts) {
@@ -368,7 +368,7 @@ function _commonBinding(ctx) {
 		}
 	}
 
-	var rowData = ctx.rowData;
+	let rowData = ctx.rowData;
 	if(ctx.disablingField) {
 		if(rowData && rowData[ctx.disablingField]){
 			elem.setAttribute("disabled", "");
@@ -436,7 +436,7 @@ function _emptyFunc() {}
 /** @constructor
 * @param {*=} options
 */
-var FormatterBuilder = function (options) {
+let FormatterBuilder = function (options) {
 	// TODO: FormatterBuilder should not be initializable
 };
 
@@ -450,22 +450,22 @@ FormatterBuilder.create = function (userOptions, defaultOpt) {
 	defaultOpt = defaultOpt || {};
 
 	if (defaultOpt.changeHook) {
-		var changeHandler = userOptions.changeHandler || defaultOpt.changeHandler;
+		let changeHandler = userOptions.changeHandler || defaultOpt.changeHandler;
 		if (!defaultOpt.events) {
 			defaultOpt.events = {};
 		}
 		defaultOpt.events[defaultOpt.changeHook] = changeHandler;
 	} else if (defaultOpt.changeHooks) {
-		var changeHandlers = userOptions.changeHandlers || defaultOpt.changeHandlers;
+		let changeHandlers = userOptions.changeHandlers || defaultOpt.changeHandlers;
 		if (!defaultOpt.events) {
 			defaultOpt.events = {};
 		}
-		for (var i = 0; i < changeHandlers.length; i++) {
+		for (let i = 0; i < changeHandlers.length; i++) {
 			defaultOpt.events[defaultOpt.changeHooks[i]] = changeHandlers[i];
 		}
 	}
 
-	var ctx = {};
+	let ctx = {};
 	_buildContextObject(ctx, userOptions, defaultOpt);
 
 	if (defaultOpt.onContextCreated) {

package/lib/formatters/es6/NumericInputFormatter.js

@@ -1,20 +1,20 @@
 import FormatterBuilder from "./FormatterBuilder.js";
 import ElfUtil from "../../tr-grid-util/es6/ElfUtil.js";
 
-var onElementUpdated = function (element, ctx) {
+let onElementUpdated = function (element, ctx) {
 	element.value = ctx.value;
 };
 
-var onElementCreated = function (element, ctx) {
+let onElementCreated = function (element, ctx) {
 	element.setAttribute("type", "number");
 };
 
-var _changeHandler = function (e, ctx) {
+let _changeHandler = function (e, ctx) {
 	ctx.value = e.detail.value;
 	ctx.setData(ctx.field, ctx.value);
 };
 
-var _inputChangeHandler = function (e, ctx) {
+let _inputChangeHandler = function (e, ctx) {
 	ctx.value = +e.currentTarget.value;
 	ctx.setData(ctx.field, ctx.value);
 };
@@ -22,7 +22,7 @@ var _inputChangeHandler = function (e, ctx) {
 /** @constructor
 * @param {*=} options
 */
-var NumericInputFormatter = function (options) {
+let NumericInputFormatter = function (options) {
 
 };
 
@@ -31,14 +31,14 @@ var NumericInputFormatter = function (options) {
 * @return {Object}
 */
 NumericInputFormatter.create = function (options) {
-	var tn = "input";
+	let tn = "input";
 	if(ElfUtil.hasComponent("ef-number-field")) {
 		tn = "ef-number-field";
 	} else if(ElfUtil.hasComponent("ef-input")) {
 		tn = "ef-input";
 	}
 
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: tn,
 		refName: "NumericInputFormatter",
 		onElementUpdated: onElementUpdated,

package/lib/formatters/es6/PercentBarFormatter.js

@@ -15,7 +15,7 @@ import {PercentBar} from "../../tr-grid-util/es6/PercentBar.js";
 * @param {Object} ctx Context object
 * @param {Object} options User options
 */
-var onContextCreated = function (ctx, options) {
+let onContextCreated = function (ctx, options) {
 	ctx.PercentBar = PercentBar;
 };
 
@@ -23,7 +23,7 @@ var onContextCreated = function (ctx, options) {
 * @param {Element} element
 * @param {Object} ctx Context object
 */
-var onElementCreated = function (element, ctx) {
+let onElementCreated = function (element, ctx) {
 	element["_percentBar"] = new ctx.PercentBar(element, ctx);
 };
 
@@ -31,14 +31,14 @@ var onElementCreated = function (element, ctx) {
 * @param {Element} element
 * @param {Object} ctx Context object
 */
-var onElementUpdated = function (element, ctx) {
+let onElementUpdated = function (element, ctx) {
 	element["_percentBar"].setValue(ctx.value);
 };
 
 /** @constructor
 * @param {*=} options
 */
-var PercentBarFormatter = function (options) {
+let PercentBarFormatter = function (options) {
 
 };
 
@@ -47,7 +47,7 @@ var PercentBarFormatter = function (options) {
 * @return {Object}
 */
 PercentBarFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "div",
 		refName: "PercentBarFormatter",
 		onContextCreated: onContextCreated,