@refinitiv-ui/efx-grid 6.0.105 → 6.0.107

package/lib/rt-grid/es6/FieldDefinition.d.ts

@@ -6,6 +6,8 @@ declare namespace FieldDefinition {
 
     function set(field: string, def: any): void;
 
+    function resetAll(): void;
+
     function get(field: string): any;
 
     function getFieldInfo(field: string): any;

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

@@ -35,7 +35,11 @@ let FieldDefinition = {};
 /** @type {Object.<string, Object>}
 * @private
 */
-FieldDefinition._defs = {
+FieldDefinition._defs = {};
+/** @type {Object.<string, Object>}
+* @private
+*/
+FieldDefinition._defaults = {
 	"CF_NAME": {
 		name: "Name",
 		rank: 2800003,
@@ -180,6 +184,17 @@ FieldDefinition.set = function(field, def) {
 /** Get field definition object
 * @public
 * @function
+*/
+FieldDefinition.resetAll = function() {
+	let defs = FieldDefinition._defs = {};
+	let defaultFields = FieldDefinition._defaults;
+	for(let key in defaultFields) {
+		defs[key] = defaultFields[key];
+	}
+};
+/** Get field definition object
+* @public
+* @function
 * @param {string} field
 * @return {Object}
 */
@@ -244,7 +259,7 @@ FieldDefinition.setSynapseConfig = function (config) {
 * @param {boolean} disabled=true if disable it, time series will not be expand
 */
 FieldDefinition.disableTimeSeriesExpansion = function(disabled) {
-	FieldDefinition._timeSeriesExpansion = disabled != false ? false : true;
+	FieldDefinition._timeSeriesExpansion = disabled === false;
 };
 
 /** @public
@@ -535,8 +550,9 @@ function onLoadEnd(e) {
 }
 
 (function() { // Add "field" property to all default field definitions. This reduces file size and redundancy
-	for(let key in FieldDefinition._defs) {
-		FieldDefinition._defs[key]["field"] = key;
+	for(let key in FieldDefinition._defaults) {
+		FieldDefinition._defaults[key]["field"] = key;
+		FieldDefinition._defs[key] = FieldDefinition._defaults[key];
 	}
 })();
 

package/lib/tr-grid-in-cell-editing/es6/InCellEditing.js

@@ -119,17 +119,18 @@ import { CoralItems } from "../../tr-grid-util/es6/CoralItems.js";
 * @property {Object} grid core grid instance
 * @property {number} rowIndex row index that editor placed.
 * @property {number} rowId row id, It's better to use row id as a reference to collect data.
-* @property {object} fieldValue object that contain text in each field
+* @property {Object} fieldValues Object that contains text in each field
+* @property {Object} fieldValue Alias to fieldValues
 * @property {boolean=} cancel Set to true to cancel the commit operation.
 * @example
 * let cep = new InCellEditingPlugin();
 * cep.listen("beforeRowCommit", function(e) {
-*		let fieldValue = e.fieldValue;
-*		for(let field in fieldValue) {
-*			if(!fieldValue.hasOwnProperty(field)) continue;
-*			let value = fieldValue[field];
+*		let fieldValues = e.fieldValues;
+*		for(let field in fieldValues) {
+*			if(!fieldValues.hasOwnProperty(field)) continue;
+*			let value = fieldValues[field];
 *			if(checkValid(value)) { // check value is valid
-*				fieldValue[field] = value + "foo bar"; // modify text
+*				fieldValues[field] = value + "foo bar"; // modify text
 *			} else {
 *				e.cancel = true; // if not valid maybe cancel commit
 *				break;
@@ -138,13 +139,30 @@ import { CoralItems } from "../../tr-grid-util/es6/CoralItems.js";
 * });
 */
 
+/** @event InCellEditingPlugin#rowEditorOpened
+* @description Fired after the opening of text editor in row editing mode
+* @type {Object}
+* @property {number} rowIndex
+* @property {string} rowId
+* @property {Object} grid Core grid instance
+* @property {Array.<string>} fields
+* @property {Array} cells Array of Cell instances
+* @property {Array.<Element>} inputs Array of input elements
+* @property {Array} initialValues Array of data retrieved from Grid corresponding to the cells/inputs
+* @property {Object} fieldValues Object that contains text in each field
+*/
 /** @event InCellEditingPlugin#rowEditorClosed
 * @description Fired after the text editor has been closed and all operations are done. This is useful to clean up left over resource and get result text entered.
 * @type {Object}
-* @property {number} rowIndex index of row
+* @property {number} rowIndex
+* @property {string} rowId
+* @property {Object} grid Core grid instance
+* @property {Array.<string>} fields
+* @property {Array} cells Array of Cell instances
+* @property {Array.<Element>} inputs Array of input elements
+* @property {Object} fieldValues Object that contains text in each field
+* @property {Object} fieldValue Alias to fieldValues
 * @property {boolean} committed Indicates whether the commit operation has been done or not.
-* @property {Object} grid grid instance
-* @property {Object} fieldValue object that contain text in each field
 */
 
 /** @event InCellEditingPlugin#keyUp
@@ -595,9 +613,19 @@ InCellEditingPlugin.prototype.initialize = function (host, options) {
 
 	this._hosts.push(host);
 
+	let elemMap = InCellEditingPlugin._uiElementTypesMap;
 	if(ElfUtil.getElfVersion() < 4) {
 		// ef-input available in elf version < 4
-		InCellEditingPlugin._uiElementTypesMap["number"] = "ef-input";
+		elemMap["number"] = "ef-input";
+	}
+	if(ElfUtil.getElfVersion() >= 6) {
+		elemMap["number"] = "ef-number-field";
+		elemMap["select"] = "ef-select";
+		elemMap["dropdown"] = "ef-select";
+		elemMap["date"] = "ef-datetime-picker";
+		elemMap["checkbox"] = "ef-checkbox";
+		elemMap["boolean"] = "ef-checkbox";
+		elemMap["combobox"] = "ef-combo-box";
 	}
 
 	if(ElfUtil.isHaloTheme()) {
@@ -732,6 +760,7 @@ InCellEditingPlugin.prototype.config = function(options) {
 	t.addListener(pluginOption, "beforeCommit");
 	t.addListener(pluginOption, "editorClosed");
 	t.addListener(pluginOption, "keyUp");
+	t.addListener(pluginOption, "rowEditorOpened");
 	t.addListener(pluginOption, "beforeRowCommit");
 	t.addListener(pluginOption, "rowEditorClosed");
 };
@@ -1536,14 +1565,16 @@ InCellEditingPlugin.prototype._openEditor = function (e, host, arg) {
 * @public
 * @param {number} rowIndex
 * @param {Object=} grid core grid object
+* @fires InCellEditingPlugin#rowEditorOpened
 */
 InCellEditingPlugin.prototype.openRowEditor = function (rowIndex, grid) {
 	let t = this;
 	grid = grid || t._hosts[0];
-	// if open same row we will do nothing
-	if(t._getRowIndex(t._activeRowId) === rowIndex || !grid || t._readonly) { return; }
 
-	// close all open editor
+	if(t._getRowIndex(t._activeRowId) === rowIndex || !grid || t._readonly) {
+		return;
+	}
+
 	t.closeRowEditor(false, grid);
 	t._commitText(false);
 
@@ -1551,7 +1582,7 @@ InCellEditingPlugin.prototype.openRowEditor = function (rowIndex, grid) {
 	let sectionType = "content";
 	let section = grid.getSection(sectionType);
 	let dataSource = grid.getDataSource();
-	let lastIndex = (section.getColumnCount() || 0) - 1;
+	let colCount = section.getColumnCount();
 	let isBottom = (rowIndex + 1) >= section.getRowCount();
 	let sectionBGColor = (this._elfVersion || t._inlineStyling) ? section.getComputedStyle().backgroundColor : null;
 	let rowH = section.getRowHeight(rowIndex);
@@ -1565,25 +1596,36 @@ InCellEditingPlugin.prototype.openRowEditor = function (rowIndex, grid) {
 		parentElement = grid.getElement().parentElement;
 	}
 
-	// loop for all column
-	for(let columnIndex = 0; columnIndex <= lastIndex; columnIndex++) {
-		// ignore column that can't edit
-		if(!t.isColumnEditable(columnIndex)) { continue; }
-		let cell = section.getCell(columnIndex, rowIndex);
+	let arg = {
+		"rowIndex": rowIndex,
+		"rowId": "",
+		"grid": grid,
+		"fields": [],
+		"cells": [],
+		"inputs": [],
+		"initialValues": [],
+		"fieldValues": {}
+	};
+	for(let colIndex = 0; colIndex < colCount; colIndex++) {
+		if(!t.isColumnEditable(colIndex)) {
+			continue;
+		}
+		let cell = section.getCell(colIndex, rowIndex);
 		if(!cell || cell.hasClass("no-editing")) {
 			continue;
-		} // all verify is done
+		}
 
-		// create editor, popup, inputElement
-		let inCellCache = t._createContentEditor(columnIndex, grid);
+		arg["cells"][colIndex] = cell;
+		let field = t._getField(colIndex);
+		arg["fields"][colIndex] = field;
+
+		let inCellCache = t._createContentEditor(colIndex, grid);
+		inCellCache.field = field; // The field may be changed at runtime
 
-		let content = cell.getContent();
-		let field = t._getField(columnIndex);
-		let sourceContent = t._getSourceContent(dataSource, rowIndex, field, content, sectionType);
 		let inputElement = inCellCache["inputElement"];
-		let editor = inCellCache["editor"];
 		let balloonPopup = inCellCache["balloonPopup"];
 
+		arg["inputs"][colIndex] = inputElement;
 		if(!firstInput) {
 			firstInput = inputElement;
 			firstPopup = balloonPopup;
@@ -1592,6 +1634,10 @@ InCellEditingPlugin.prototype.openRowEditor = function (rowIndex, grid) {
 			balloonPopup.enableUIBlocking(false);
 		}
 
+		let content = cell.getContent();
+		let sourceContent = t._getSourceContent(dataSource, rowIndex, field, content, sectionType);
+		arg["initialValues"][colIndex] = sourceContent;
+		arg["fieldValues"][field] = sourceContent;
 		t._setText(sourceContent, inputElement); // WARNING: value-changed event from ELF v3 component may be triggered due to their design flaw
 
 		if(isBottom) {
@@ -1600,15 +1646,15 @@ InCellEditingPlugin.prototype.openRowEditor = function (rowIndex, grid) {
 			inputElement.classList.remove("bottom");
 		}
 
+		let editor = inCellCache["editor"];
 		let editorStyle = editor.style;
 		if(sectionBGColor) {
 			editorStyle.backgroundColor = sectionBGColor;
 		}
 		editorStyle.height = rowH + "px";
 
-		// this is different from single edit mode
-		// row edit mode not support balloon mode
-		let width = section.getCellWidth(columnIndex, rowIndex);
+		// row editing mode does not support balloon mode
+		let width = section.getCellWidth(colIndex, rowIndex);
 		editorStyle.width = width + "px";
 		editor.classList.remove("balloon");
 
@@ -1618,12 +1664,10 @@ InCellEditingPlugin.prototype.openRowEditor = function (rowIndex, grid) {
 		balloonPopup.show(true, parentElement);
 
 		this._updateEditorPopup(inCellCache, cell, grid);
-
-		// this._updateEditorLayout(inputElement); // Adjust sizes after append to the DOM
 	}
 
-	// if firstInput not undefined that mean at lease one popup is open
 	if(firstInput) {
+		// At least one cell is valid for editing
 		firstPopup.addEventListener("hidden", t._onPopupHide);
 		t._lastActiveGrid = grid;
 		t._editing = true; // Editing state cannot be false until a text has been committed or cancelled
@@ -1633,6 +1677,9 @@ InCellEditingPlugin.prototype.openRowEditor = function (rowIndex, grid) {
 		if(t._disablingScroll) {
 			t._freezeScrolling(grid, true);
 		}
+
+		arg["rowId"] = t._activeRowId;
+		t._dispatch("rowEditorOpened", arg);
 	}
 };
 
@@ -1645,7 +1692,6 @@ InCellEditingPlugin.prototype.openRowEditor = function (rowIndex, grid) {
 InCellEditingPlugin.prototype.closeRowEditor = function (isCommit) {
 	let t = this;
 	let grid = t._lastActiveGrid;
-	// if no row active then do nothing
 	if(!t._activeRowId || !grid) { return; }
 
 	let rowId = t._activeRowId;
@@ -1657,81 +1703,74 @@ InCellEditingPlugin.prototype.closeRowEditor = function (isCommit) {
 	}
 
 	let section = grid.getSection("content");
-	let columnLength = grid.getColumnCount();
-	let fieldValue = {};
+	let colCount = grid.getColumnCount();
+	let fieldValues = {};
 	let inCellCaches = [];
 	let inCellCache;
+	let arg = {
+		"rowIndex": rowIndex,
+		"rowId": t._activeRowId,
+		"grid": grid,
+		"fields": [],
+		"cells": [],
+		"inputs": [],
+		// "initialValues": [],
+		"fieldValues": fieldValues,
+		"fieldValue": fieldValues, // Add alias for backward compatability
+		"cancel": false
+	};
 
-	// in this section we just prepare data
-	for(let columnIndex = 0; columnIndex < columnLength; columnIndex++) {
-		let columnData = t._getColumnData(columnIndex, grid);
+	for(let colIndex = 0; colIndex < colCount; colIndex++) {
+		let columnData = t._getColumnData(colIndex, grid);
 		inCellCache = columnData && columnData["inCellCache"];
 
-		// if not have inCellCache then this column not have editor
-		if(!inCellCache) { continue; }
+		if(inCellCache) {
+			inCellCache.columnIndex = colIndex;
+			inCellCaches.push(inCellCache);
 
-		inCellCache.columnIndex = columnIndex;
-		inCellCaches.push(inCellCache);
+			arg["fields"][colIndex] = inCellCache.field;
+			arg["cells"][colIndex] = section.getCell(colIndex, rowIndex);
+			arg["inputs"][colIndex] = inCellCache["inputElement"];
 
-		if(isCommit) {
-			let field = t._getField(columnIndex);
-			inCellCache.field = field;
-			fieldValue[field] = this._getValue(inCellCache["inputElement"]);
+			if(isCommit) {
+				fieldValues[inCellCache.field] = this._getValue(inCellCache["inputElement"]);
+			}
 		}
 	}
 
-	let length = inCellCaches.length;
-	let i, e;
-
-	// dispatch event beforeRowCommit
 	if(isCommit) {
-		if(t.hasListener("beforeRowCommit")) {
-			e = {
-				grid: grid,
-				rowIndex: rowIndex,
-				fieldValue: fieldValue,
-				cancel: false,
-				rowId: t._activeRowId
-			};
-			t._dispatch("beforeRowCommit", e);
-			// e.cancel = true mean user want to cancel closeRowEditor operation
-			isCommit = !e.cancel;
-		}
+		t._dispatch("beforeRowCommit", arg);
+		// arg.cancel = true mean user want to cancel closeRowEditor operation
+		isCommit = !arg.cancel;
+	}
 
-		if(isCommit) {
-			let dataSource = grid.getDataSource();
-			for(i = 0; i < length; i++) {
-				inCellCache = inCellCaches[i];
-				let value = fieldValue[inCellCache.field];
-				// set data to datasource
-				if(dataSource) {
-					// only use value from fieldValue
-					// because fieldValue maybe mutate from beforeRowCommit event
-					t._setData(dataSource, rowIndex, inCellCache.field, value);
-				}
+	let i;
+	let editorCount = inCellCaches.length;
+	if(isCommit) {
+		let dataSource = grid.getDataSource();
+		for(i = 0; i < editorCount; i++) {
+			inCellCache = inCellCaches[i];
+			let value = fieldValues[inCellCache.field];
+			// set data to datasource
+			if(dataSource) {
+				// Only use value from fieldValues because fieldValues maybe mutate from beforeRowCommit event
+				t._setData(dataSource, rowIndex, inCellCache.field, value);
+			}
 
-				// set value to ui if content is a build in text
-				let cell = section.getCell(inCellCache.columnIndex, rowIndex);
-				let content = cell.getContent();
-				if(content && content.classList.contains("text")) {
-					cell.setContent(value);
-				}
+			// set value to ui if content is a build in text
+			let cell = arg["cells"][inCellCache.columnIndex];
+			let content = cell.getContent();
+			if(content && content.classList.contains("text")) {
+				cell.setContent(value);
 			}
 		}
 	}
 
-	if(t.hasListener("rowEditorClosed")) {
-		e = {
-			grid: grid,
-			rowIndex: rowIndex,
-			fieldValue: fieldValue,
-			committed: isCommit
-		};
-		t._dispatch("rowEditorClosed", e);
-	}
+	arg["committed"] = isCommit;
+	t._dispatch("rowEditorClosed", arg);
 
 	// hide editor by remove popup from dom
-	for(i = 0; i < length; i++) {
+	for(i = 0; i < editorCount; i++) {
 		let popup = inCellCaches[i].balloonPopup;
 		popup.removeEventListener("hidden", t._onPopupHide); // remove event every popup to make sure nothing left
 		popup.hide();

package/lib/tr-grid-printer/es6/CellWriter.d.ts

@@ -6,9 +6,11 @@ declare class CellWriter extends ElementWrapper {
 
     constructor();
 
-    public getContent(): Node|null|null;
+    public getParent(): Node|null;
 
-    public setContent(content: any, opt_tooltip?: boolean|null): Element|null;
+    public getContent(): Node|null;
+
+    public setContent(content: any, tooltip?: boolean|null): Element|null;
 
     public setTooltip(str: string): void;
 
@@ -26,11 +28,9 @@ declare class CellWriter extends ElementWrapper {
 
     public listen(): void;
 
-    public setTooltip(): void;
-
     public addClass(str: string): void;
 
-    public hasClass(str: string): void;
+    public hasClass(str: string): boolean;
 
     public removeClass(str: string): void;
 
@@ -46,4 +46,5 @@ declare class CellWriter extends ElementWrapper {
 
 }
 
+export default CellWriter;
 export { CellWriter };

package/lib/tr-grid-printer/es6/CellWriter.js

@@ -6,7 +6,7 @@ import { Dom } from "../../tr-grid-util/es6/Dom.js";
 * @constructor
 * @extends {ElementWrapper}
 */
-var CellWriter = function () {
+let CellWriter = function () {
 };
 Ext.inherits(CellWriter, ElementWrapper);
 
@@ -23,19 +23,34 @@ CellWriter.prototype._floatingPanel = null;
 */
 CellWriter.prototype._frontPanel = null;
 
+/** @private
+* @type {Element}
+*/
+CellWriter.prototype._parent = null;
+
 
 /** @public
-* @return {Node|null} content
+* @return {Node} content
+*/
+CellWriter.prototype.getParent = function () {
+	if(!this._parent) {
+		this._parent = document.createElement("div");
+	}
+	return this._parent;
+};
+/** @public
+* @return {Node} content
 */
 CellWriter.prototype.getContent = function () {
 	return this._elem.children[0] || null;
 };
 /** @public
 * @param {*} content
-* @param {boolean=} opt_tooltip
+* @param {boolean=} tooltip
 * @return {Element}
 */
-CellWriter.prototype.setContent = function (content, opt_tooltip) {
+CellWriter.prototype.setContent = function (content, tooltip) {
+	Dom.removeChildren(this._elem);
 	if(content == null) {
 		return null;
 	}
@@ -44,7 +59,7 @@ CellWriter.prototype.setContent = function (content, opt_tooltip) {
 	} else if(content.nodeType !== 1) {
 		content = this._createTextContent(content);
 	}
-	Dom.removeChildren(this._elem);
+
 	this._elem.appendChild(/** @type{Node} */(content));
 	return /** @type{Element} */(content);
 };
@@ -82,7 +97,7 @@ CellWriter.prototype.addContent = function (n) {
 * @return {Element}
 */
 CellWriter.prototype._createTextContent = function (str) {
-	var div = Dom.div("text");
+	let div = Dom.div("text");
 	if(str != null) {
 		div.textContent = str;
 		this["percentText"] = str; // HACK
@@ -97,6 +112,26 @@ CellWriter.prototype._createTextContent = function (str) {
 CellWriter.prototype.setStyle = function (str, val) {
 	this._elem.style[str] = val;
 };
+/** @private
+* @returns {!Element} flex row
+*/
+CellWriter.prototype._insertFlexRow = function () {
+	let flexRow = this._flexRow;
+	if(!flexRow) {
+		flexRow = this._flexRow = document.createElement("div");
+		flexRow.className = "tr-printing-flex-row";
+	}
+
+	let elem = this._elem;
+	if(elem.firstChild !== flexRow) {
+		while(elem.firstChild) {
+			flexRow.appendChild(elem.firstChild);
+		}
+		elem.appendChild(flexRow);
+	}
+
+	return flexRow;
+};
 /** @public
 * @param {*} n
 */
@@ -106,26 +141,14 @@ CellWriter.prototype.removeIcon = function (n) {};
 */
 CellWriter.prototype.updateIcon = function (elem) {
 	if(elem && elem.nodeType === 1) {
-		var fp = this._frontPanel;
+		let flexRow = this._insertFlexRow();
+		let fp = this._frontPanel;
 		if(!fp) {
-			this._flexRow = document.createElement("div");
-			this._flexRow.className = "tr-printing-flex-row";
-
-			fp = this._floatingPanel = document.createElement("div");
-			fp.className = "tr-printing-float-right";
-			this._flexRow.appendChild(fp);
-			var chdr = this._elem.children;
-			var childCount = chdr.length;
-			if(childCount) {
-				var ary = new Array(childCount);
-				for(var i = 0; i < childCount; ++i) {
-					ary[i] = chdr[i];
-				}
-				Dom.appendChild(this._flexRow, ary);
-			}
-			this._elem.appendChild(this._flexRow);
+			fp = this._frontPanel = document.createElement("div");
+			fp.className = "tr-printing-float-right"; // WARNING: This may need to be float-left
+			flexRow.insertBefore(fp, flexRow.firstChild);
 		}
-		fp.appendChild(elem.cloneNode(true));
+		fp.appendChild(elem.cloneNode(true)); // WARNING: This may not need to be cloned
 	}
 };
 /** @public
@@ -135,10 +158,6 @@ CellWriter.prototype.unlisten = function () {};
 */
 CellWriter.prototype.listen = function () {};
 
-/** @public
-*/
-CellWriter.prototype.setTooltip = function () {};
-
 /** @public
 * @param {string} str
 */
@@ -147,9 +166,10 @@ CellWriter.prototype.addClass = function (str) {
 };
 /** @public
 * @param {string} str
+* @returns {boolean}
 */
 CellWriter.prototype.hasClass = function (str) {
-	this._elem.classList.contains(str);
+	return this._elem.classList.contains(str);
 };
 /** @public
 * @param {string} str
@@ -175,26 +195,14 @@ CellWriter.prototype.enableClass = function (str, bool) {
 */
 CellWriter.prototype.insertFloatingIcon = function (elem, order) {
 	if(elem && elem.nodeType === 1) {
-		var fp = this._floatingPanel;
+		let flexRow = this._insertFlexRow();
+		let fp = this._floatingPanel;
 		if(!fp) {
-			this._flexRow = document.createElement("div");
-			this._flexRow.className = "tr-printing-flex-row";
-
-			var chdr = this._elem.children;
-			var childCount = chdr.length;
-			if(childCount) {
-				var ary = new Array(childCount);
-				for(var i = 0; i < childCount; ++i) {
-					ary[i] = chdr[i];
-				}
-				Dom.appendChild(this._flexRow, ary);
-			}
 			fp = this._floatingPanel = document.createElement("div");
 			fp.className = "tr-printing-float-right";
-			this._flexRow.appendChild(fp);
-			this._elem.appendChild(this._flexRow);
+			flexRow.appendChild(fp);
 		}
-		fp.appendChild(elem.cloneNode(true));
+		fp.appendChild(elem.cloneNode(true)); // WARNING: This may not need to be cloned
 	}
 };
 /** @public
@@ -214,13 +222,13 @@ CellWriter.prototype.getSection = function () {
 * @param {Element} elem
 */
 CellWriter.prototype.cloak = function (elem) {
-	delete this.percentText;
-	delete this._flexRow;
-	delete this._floatingPanel;
-	delete this._frontPanel;
+	this.percentText = ""; // Hack
+	this._flexRow = this._frontPanel = this._floatingPanel = null;
 	elem.className = "cell";
 	this._elem = elem;
 };
 
 
+
+export default CellWriter;
 export { CellWriter };

package/lib/tr-grid-printer/es6/ColumnWriter.d.ts

@@ -9,4 +9,5 @@ declare class ColumnWriter extends ElementWrapper {
 
 }
 
+export default ColumnWriter;
 export { ColumnWriter };

package/lib/tr-grid-printer/es6/ColumnWriter.js

@@ -5,7 +5,7 @@ import { ElementWrapper } from "../../tr-grid-util/es6/ElementWrapper.js";
 * @constructor
 * @extends {ElementWrapper}
 */
-var ColumnWriter = function () {
+let ColumnWriter = function () {
 };
 Ext.inherits(ColumnWriter, ElementWrapper);
 
@@ -18,4 +18,6 @@ ColumnWriter.prototype.isActive = function () {
 };
 
 
+
+export default ColumnWriter;
 export { ColumnWriter };