@refinitiv-ui/efx-grid 6.0.93 → 6.0.95

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

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

package/lib/formatters/es6/CoralButtonFormatter.js

@@ -5,15 +5,20 @@ import FormatterBuilder from "./FormatterBuilder.js";
 * @property {string=} label
 */
 
-var onElementUpdated = function (element, ctx) {
-	var label = (typeof ctx.label === "string") ? ctx.label : ctx.value;
+/** @private
+* @function
+* @param {Element} element
+* @param {Object} ctx
+*/
+let onElementUpdated = function (element, ctx) {
+	let label = (typeof ctx.label === "string") ? ctx.label : ctx.value;
 	element.textContent = label;
 };
 
 /** @constructor
 * @param {*=} options
 */
-var CoralButtonFormatter = function (options) {
+let CoralButtonFormatter = function (options) {
 
 };
 
@@ -22,7 +27,7 @@ var CoralButtonFormatter = function (options) {
 * @return {Object}
 */
 CoralButtonFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-button",
 		refName: "CoralButtonFormatter",
 		styles: {

package/lib/formatters/es6/CoralCheckboxFormatter.js

@@ -1,9 +1,14 @@
 import FormatterBuilder from "./FormatterBuilder.js";
 
-var onElementUpdated = function (element, ctx) {
+/** @private
+* @function
+* @param {Element} element
+* @param {Object} ctx
+*/
+let onElementUpdated = function (element, ctx) {
 	element.checked = ctx.value;
 	if (ctx.labelField) {
-		var text = ctx.getData(ctx.labelField);
+		let text = ctx.getData(ctx.labelField);
 		element.textContent = (text != null) ?  text : '';
 	}
 };
@@ -13,7 +18,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);
 };
@@ -21,7 +26,7 @@ var _changeHandler = function (e, ctx) {
 /** @constructor
 * @param {*=} options
 */
-var CoralCheckboxFormatter = function (options) {
+let CoralCheckboxFormatter = function (options) {
 
 };
 
@@ -30,7 +35,7 @@ var CoralCheckboxFormatter = function (options) {
 * @return {Object}
 */
 CoralCheckboxFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-checkbox",
 		refName: "CoralCheckboxFormatter",
 		onElementUpdated: onElementUpdated,

package/lib/formatters/es6/CoralComboBoxFormatter.js

@@ -12,13 +12,14 @@ import ElfUtil from "../../tr-grid-util/es6/ElfUtil.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;
 	if(Array.isArray(userItems)) {
-		var i;
-		var len = userItems.length;
+		let i;
+		let len = userItems.length;
+		let userItem;
 		for(i = 0; i < len; ++i) {
-			var userItem = userItems[i];
+			userItem = userItems[i];
 			if(userItem != null) {
 				if (typeof userItem !== "object") {
 					userItem = { value: userItem };
@@ -26,7 +27,7 @@ var onContextCreated = function (ctx, options) {
 			} else {
 				userItem = {value: ""};
 			}
-			var label = userItem.label;
+			let label = userItem.label;
 			if(!label && typeof label !== "string") { // 0, false, null, undefined, NaN
 				userItem.label = userItem.value + "";
 			}
@@ -34,7 +35,7 @@ var onContextCreated = function (ctx, options) {
 		}
 		ctx.data = userItems;
 
-		var mappedData = ctx._mappedData = {}; // WORKAROUND: Since combobox does not accept raw value for selection, it actually needs item element
+		let mappedData = ctx._mappedData = {}; // WORKAROUND: Since combobox does not accept raw value for selection, it actually needs item element
 		for (i = 0; i < len; ++i) {
 			userItem = userItems[i];
 			mappedData[userItem.value] = userItem;
@@ -42,11 +43,11 @@ var onContextCreated = function (ctx, options) {
 	}
 };
 
-var onElementCreated = function (element, ctx) {
+let onElementCreated = function (element, ctx) {
 	element.data = ctx.data;
 };
 
-var onElementUpdated = function (element, ctx) {
+let onElementUpdated = function (element, ctx) {
 	if (ctx._mappedData) {
 		if(ElfUtil.getElfVersion() > 3) {
 			element.value = ctx.value;
@@ -56,7 +57,7 @@ var onElementUpdated = function (element, ctx) {
 	}
 };
 
-var _changeHandler = function (e, ctx) {
+let _changeHandler = function (e, ctx) {
 	if (e.detail.value == null) {
 		return;
 	}
@@ -71,7 +72,7 @@ var _changeHandler = function (e, ctx) {
 /** @constructor
 * @param {*=} options
 */
-var CoralComboBoxFormatter = function (options) {
+let CoralComboBoxFormatter = function (options) {
 
 };
 
@@ -80,7 +81,7 @@ var CoralComboBoxFormatter = function (options) {
 * @return {Object}
 */
 CoralComboBoxFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-combo-box",
 		refName: "CoralComboBoxFormatter",
 		styles: {

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

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

package/lib/formatters/es6/CoralIconFormatter.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 CoralIconFormatter = function (options) {
+let CoralIconFormatter = function (options) {
 
 };
 
@@ -30,7 +35,7 @@ var CoralIconFormatter = function (options) {
 * @return {Object}
 */
 CoralIconFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-icon",
 		refName: "CoralIconFormatter",
 		onElementUpdated: onElementUpdated,

package/lib/formatters/es6/CoralInputFormatter.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 CoralInputFormatter = function (options) {
+let CoralInputFormatter = function (options) {
 
 };
 
@@ -21,7 +26,7 @@ var CoralInputFormatter = function (options) {
 * @return {Object}
 */
 CoralInputFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-input",
 		refName: "CoralInputFormatter",
 		onElementUpdated: onElementUpdated,

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

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

package/lib/formatters/es6/CoralRadioButtonFormatter.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,10 @@ 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;
+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 +34,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 +56,7 @@ var _changeHandler = function (e, ctx) {
 /** @constructor
 * @param {*=} options
 */
-var CoralRadioButtonFormatter = function (options) {
+let CoralRadioButtonFormatter = function (options) {
 
 };
 
@@ -60,7 +65,7 @@ var CoralRadioButtonFormatter = function (options) {
 * @return {Object}
 */
 CoralRadioButtonFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-radio-button",
 		refName: "CoralRadioButtonFormatter",
 		styles: {

package/lib/formatters/es6/CoralSelectFormatter.js

@@ -12,22 +12,27 @@ 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) {
+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 +40,7 @@ var _changeHandler = function (e, ctx) {
 /** @constructor
 * @param {*=} options
 */
-var CoralSelectFormatter = function (options) {
+let CoralSelectFormatter = function (options) {
 
 };
 
@@ -44,7 +49,7 @@ var CoralSelectFormatter = function (options) {
 * @return {Object}
 */
 CoralSelectFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-select",
 		refName: "CoralSelectFormatter",
 		styles: {

package/lib/formatters/es6/CoralToggleFormatter.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 CoralToggleFormatter = function (options) {
+let CoralToggleFormatter = function (options) {
 
 };
 
@@ -32,7 +32,7 @@ var CoralToggleFormatter = function (options) {
 * @return {Object}
 */
 CoralToggleFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-toggle",
 		refName: "CoralToggleFormatter",
 		onElementUpdated: onElementUpdated,

package/lib/formatters/es6/DuplexEmeraldDateTimePickerFormatter.js

@@ -2,15 +2,15 @@ import FormatterBuilder from "./FormatterBuilder.js";
 import ElfDate from "../../tr-grid-util/es6/ElfDate.js";
 import ElfUtil from "../../tr-grid-util/es6/ElfUtil.js";
 
-var onDuplexContextCreated = function (ctx, options) {
+let onDuplexContextCreated = function (ctx, options) {
 	ctx.ElfDate = ElfDate;
 	ctx.fromField = options.from;
 	ctx.toField = options.to;
 };
 
-var _onElementUpdated = function (element, ctx) {
-	var from = ctx.ElfDate.from(ctx.getData(ctx.fromField));
-	var to = ctx.ElfDate.from(ctx.getData(ctx.toField));
+let _onElementUpdated = function (element, ctx) {
+	let from = ctx.ElfDate.from(ctx.getData(ctx.fromField));
+	let to = ctx.ElfDate.from(ctx.getData(ctx.toField));
 
 	if(!ctx.ElfDate.equal(element.from, from)) {
 		element.from = from;
@@ -20,27 +20,27 @@ var _onElementUpdated = function (element, ctx) {
 	}
 };
 
-var _onElfV4ElementUpdated = function (element, ctx) {
-	var from = ctx.ElfDate.from(ctx.getData(ctx.fromField));
-	var to = ctx.ElfDate.from(ctx.getData(ctx.toField));
+let _onElfV4ElementUpdated = function (element, ctx) {
+	let from = ctx.ElfDate.from(ctx.getData(ctx.fromField));
+	let to = ctx.ElfDate.from(ctx.getData(ctx.toField));
 
 	element.values = [ctx.ElfDate.toYMD(from), ctx.ElfDate.toYMD(to)];
 };
 
-var _onFieldFromBound = function (e, ctx) {
-	var from = ctx.ElfDate.from(e.currentTarget.from);
-	var currentData = ctx.getData(ctx.fromField);
+let _onFieldFromBound = function (e, ctx) {
+	let from = ctx.ElfDate.from(e.currentTarget.from);
+	let currentData = ctx.getData(ctx.fromField);
 	if (!ctx.ElfDate.equal(currentData, from)) {
 		ctx.setData(ctx.fromField, from);
 	}
 };
 
-var _onFieldToBound = function (e, ctx) {
-	var to = ctx.ElfDate.from(e.currentTarget.to);
+let _onFieldToBound = function (e, ctx) {
+	let to = ctx.ElfDate.from(e.currentTarget.to);
 	if (to == null) {
 		return;
 	}
-	var currentData = ctx.getData(ctx.toField);
+	let currentData = ctx.getData(ctx.toField);
 	if (!ctx.ElfDate.equal(currentData, to)) {
 		ctx.setData(ctx.toField, to);
 	}
@@ -50,10 +50,10 @@ var _onFieldToBound = function (e, ctx) {
 * @param {Object} e
 * @param {Object} ctx
 */
-var _onElfV4ValueChanged = function (e, ctx) {
-	var dates = e.currentTarget.values;
-	var from = null;
-	var to = null;
+let _onElfV4ValueChanged = function (e, ctx) {
+	let dates = e.currentTarget.values;
+	let from = null;
+	let to = null;
 	if(typeof dates === "string") {
 		dates = dates.split(",");
 	}
@@ -65,7 +65,7 @@ var _onElfV4ValueChanged = function (e, ctx) {
 		return;
 	}
 
-	var currentData = ctx.getData(ctx.fromField);
+	let currentData = ctx.getData(ctx.fromField);
 	if (!ctx.ElfDate.equal(currentData, from)) {
 		ctx.setData(ctx.fromField, from);
 	}
@@ -79,7 +79,7 @@ var _onElfV4ValueChanged = function (e, ctx) {
 /** @constructor
 * @param {*=} options
 */
-var DuplexEmeraldDateTimePickerFormatter = function (options) {
+let DuplexEmeraldDateTimePickerFormatter = function (options) {
 
 };
 
@@ -88,7 +88,7 @@ var DuplexEmeraldDateTimePickerFormatter = function (options) {
 * @return {Object}
 */
 DuplexEmeraldDateTimePickerFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-datetime-picker",
 		refName: "DuplexEmeraldDateTimePickerFormatter",
 		onContextCreated: onDuplexContextCreated,

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

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

package/lib/formatters/es6/EFButtonFormatter.js

@@ -5,15 +5,20 @@ import FormatterBuilder from "./FormatterBuilder.js";
 * @property {string=} label
 */
 
-var onElementUpdated = function (element, ctx) {
-	var label = (typeof ctx.label === "string") ? ctx.label : ctx.value;
+/** @private
+* @function
+* @param {Element} element
+* @param {Object} ctx
+*/
+let onElementUpdated = function (element, ctx) {
+	let label = (typeof ctx.label === "string") ? ctx.label : ctx.value;
 	element.textContent = label;
 };
 
 /** @constructor
 * @param {*=} options
 */
-var EFButtonFormatter = function (options) {
+let EFButtonFormatter = function (options) {
 
 };
 
@@ -22,7 +27,7 @@ var EFButtonFormatter = function (options) {
 * @return {Object}
 */
 EFButtonFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-button",
 		refName: "EFButtonFormatter",
 		styles: {

package/lib/formatters/es6/EFCheckboxFormatter.js

@@ -1,9 +1,14 @@
 import FormatterBuilder from "./FormatterBuilder.js";
 
-var onElementUpdated = function (element, ctx) {
+/** @private
+* @function
+* @param {Element} element
+* @param {Object} ctx
+*/
+let onElementUpdated = function (element, ctx) {
 	element.checked = ctx.value;
 	if (ctx.labelField) {
-		var text = ctx.getData(ctx.labelField);
+		let text = ctx.getData(ctx.labelField);
 		element.textContent = (text != null) ?  text : '';
 	}
 };
@@ -13,7 +18,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);
 };
@@ -21,7 +26,7 @@ var _changeHandler = function (e, ctx) {
 /** @constructor
 * @param {*=} options
 */
-var EFCheckboxFormatter = function (options) {
+let EFCheckboxFormatter = function (options) {
 
 };
 
@@ -30,7 +35,7 @@ var EFCheckboxFormatter = function (options) {
 * @return {Object}
 */
 EFCheckboxFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-checkbox",
 		refName: "EFCheckboxFormatter",
 		onElementUpdated: onElementUpdated,

package/lib/formatters/es6/EFComboBoxFormatter.js

@@ -12,20 +12,30 @@ 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) {
 	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) {
 	if (e.detail.value == null) {
 		return;
 	}
@@ -37,7 +47,7 @@ var _changeHandler = function (e, ctx) {
 /** @constructor
 * @param {*=} options
 */
-var EFComboBoxFormatter = function (options) {
+let EFComboBoxFormatter = function (options) {
 
 };
 
@@ -46,7 +56,7 @@ var EFComboBoxFormatter = function (options) {
 * @return {Object}
 */
 EFComboBoxFormatter.create = function (options) {
-	var defaultOpt = {
+	let defaultOpt = {
 		tagName: "ef-combo-box",
 		refName: "EFComboBoxFormatter",
 		styles: {