@refinitiv-ui/efx-grid 6.0.131 → 6.0.133

package/lib/tr-grid-textformatting/es6/TextFormatting.js

@@ -1,10 +1,10 @@
-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); }
-import { Ext } from '../../tr-grid-util/es6/Ext.js';
-import { GridPlugin } from '../../tr-grid-util/es6/GridPlugin.js';
-import { NumberFormatter } from '../../tr-grid-util/es6/NumberFormatter.js';
+import {Ext} from '../../tr-grid-util/es6/Ext.js';
+import {GridPlugin} from '../../tr-grid-util/es6/GridPlugin.js';
+import {NumberFormatter} from '../../tr-grid-util/es6/NumberFormatter.js';
 import { FieldFormatter } from '../../tr-grid-util/es6/FieldFormatter.js';
 import { DateTime } from '../../tr-grid-util/es6/DateTime.js';
 
+
 /** @event TextFormattingPlugin#formatChanged
 * @description Fired only when a user click OK from the format dialog, that is generated from this extension
 * @type {Object}
@@ -24,7 +24,6 @@ import { DateTime } from '../../tr-grid-util/es6/DateTime.js';
 /** @typedef {Object} TextFormattingPlugin~FormatOptions
 * @description Available options that can be specified in the `formatType` property of each column configuration object
 * @property {string=} formatType Available options are: number, scaled, percent, and datetime
-* @property {string=} type Alias to formatType
 * @property {string=} field Field is required but can be defined in the column definition object
 * @property {(number|boolean)=} decimalPlaces=2
 * @property {boolean=} precisionEnabled=true If disabled, number of decimal will remain as original.
@@ -33,7 +32,6 @@ import { DateTime } from '../../tr-grid-util/es6/DateTime.js';
 * @property {boolean=} percentSign=false If the formatType is percent and the value of percentSign is not specified, the percentSign is set to true by default
 * @property {string=} scalingUnit=million Value can be million or billion
 * @property {boolean=} multiplyBy100=false
-* @property {boolean=} mutiplyBy100=false Alias of multiplyBy100
 * @property {string=} dateTimeFormat="MM/DD/YYYY"
 * @property {boolean=} useUTCTime=true
 * @property {boolean=} autoTextFormatting=true If disabled, the extension's automatic formatting will not be triggered, including `formatLogic`
@@ -63,10 +61,11 @@ import { DateTime } from '../../tr-grid-util/es6/DateTime.js';
 /** @constructor
 * @extends {GridPlugin}
 */
-var TextFormattingPlugin = function TextFormattingPlugin() {
-  this._onSectionBinding = this._onSectionBinding.bind(this);
-  this._onColumnAdded = this._onColumnAdded.bind(this);
-  this._hosts = [];
+var TextFormattingPlugin = function () {
+	this._onSectionBinding = this._onSectionBinding.bind(this);
+	this._onColumnAdded = this._onColumnAdded.bind(this);
+
+	this._hosts = [];
 };
 Ext.inherits(TextFormattingPlugin, GridPlugin);
 
@@ -87,7 +86,7 @@ TextFormattingPlugin.prototype._idnSource = "";
 * @return {string}
 */
 TextFormattingPlugin.prototype.getName = function () {
-  return "TextFormattingPlugin"; // Read Only
+	return "TextFormattingPlugin"; // Read Only
 };
 
 /** Plugin that has multi-table support means that it can have multiple hosts/tables and share its states across those hosts/tables.
@@ -95,7 +94,7 @@ TextFormattingPlugin.prototype.getName = function () {
 * @return {boolean}
 */
 TextFormattingPlugin.prototype.hasMultiTableSupport = function () {
-  return true;
+	return true;
 };
 
 /** @public
@@ -103,72 +102,75 @@ TextFormattingPlugin.prototype.hasMultiTableSupport = function () {
 * @param {Object=} options
 */
 TextFormattingPlugin.prototype.initialize = function (host, options) {
-  if (this._hosts.indexOf(host) >= 0) return;
-  this._hosts.push(host);
-  host.listen("postSectionDataBinding", this._onSectionBinding);
-  if (this._hosts.length === 1) {
-    host.listen("columnAdded", this._onColumnAdded);
-    this.config(options);
-  }
+	if (this._hosts.indexOf(host) >= 0) return;
+	this._hosts.push(host);
+
+	host.listen("postSectionDataBinding", this._onSectionBinding);
+	if(this._hosts.length === 1) {
+		host.listen("columnAdded", this._onColumnAdded);
+
+		this.config(options);
+	}
 };
 /** @override
 * @ignore
 */
 TextFormattingPlugin.prototype._afterInit = function () {
-  // WOWRKAROUND : In test-resource and tr-grid-util, avoid using static variables. duplicating DateTime
-  var rtGrid = this._realTimeGrid;
-  if (rtGrid && rtGrid.setDateTimeUtil) {
-    rtGrid.setDateTimeUtil(DateTime);
-  }
+	// WOWRKAROUND : In test-resource and tr-grid-util, avoid using static variables. duplicating DateTime
+	var rtGrid = this._realTimeGrid;
+	if(rtGrid && rtGrid.setDateTimeUtil) {
+		rtGrid.setDateTimeUtil(DateTime);
+	}
 };
 /** @public
 * @param {Object} host core grid instance
 */
 TextFormattingPlugin.prototype.unload = function (host) {
-  var at = this._hosts.indexOf(host);
-  if (at < 0) {
-    return;
-  }
-  host.unlisten("postSectionDataBinding", this._onSectionBinding);
-  host.unlisten("columnAdded", this._onColumnAdded);
-  this._hosts.splice(at, 1);
+	var at = this._hosts.indexOf(host);
+	if(at < 0) { return; }
+
+	host.unlisten("postSectionDataBinding", this._onSectionBinding);
+	host.unlisten("columnAdded", this._onColumnAdded);
+
+	this._hosts.splice(at, 1);
 };
 
+
 /** @public
 * @param {Object=} options
 */
 TextFormattingPlugin.prototype.config = function (options) {
-  if (!options) {
-    return;
-  }
-  this._idnSource = options["idnSource"] ? "idn" : "";
-  var bool = options["autoTextFormatting"];
-  if (bool != null) {
-    this._disabled = !bool;
-  }
-  var columns = options.columns;
-  if (!columns) {
-    return;
-  }
-  // WARNING: Name colliding between column definition and format option can occur
-
-  var dirty = 0;
-  var len = columns.length;
-  for (var i = 0; i < len; ++i) {
-    dirty |= this._setColumnFormat(i, columns[i]);
-  }
-
-  // WOWRKAROUND : In test-resource and tr-grid-util, avoid using static variables. duplicating DateTime
-  var lang = options["lang"];
-  if (lang) {
-    DateTime.setLocale(lang);
-  }
-  if (dirty) {
-    len = this._hosts.length;
-    for (i = 0; i < len; ++i) {
-      this._hosts[i]["requestRowRefresh"]();
-    }
-  }
+	if(!options) { return; }
+
+	this._idnSource = (options["idnSource"]) ? "idn" : "";
+
+	var bool = options["autoTextFormatting"];
+	if(bool != null) {
+		this._disabled = !bool;
+	}
+
+	var columns = options.columns;
+	if(!columns) { return; }
+	// WARNING: Name colliding between column definition and format option can occur
+
+	var dirty = 0;
+	var len = columns.length;
+	for(var i = 0; i < len; ++i) {
+		dirty |= this._setColumnFormat(i, columns[i]);
+	}
+
+	// WOWRKAROUND : In test-resource and tr-grid-util, avoid using static variables. duplicating DateTime
+	var lang = options["lang"];
+	if(lang) {
+		DateTime.setLocale(lang);
+	}
+
+	if(dirty) {
+		len = this._hosts.length;
+		for(i = 0; i < len; ++i) {
+			this._hosts[i]["requestRowRefresh"]();
+		}
+	}
 };
 
 /** @public
@@ -176,28 +178,30 @@ TextFormattingPlugin.prototype.config = function (options) {
 * @return {!Object}
 */
 TextFormattingPlugin.prototype.getConfigObject = function (gridOptions) {
-  var obj = gridOptions || {};
-  if (this._idnSource) {
-    obj.idnSource = true;
-  }
-  if (this._disabled) {
-    obj.autoTextFormatting = false;
-  }
-  var columns = obj.columns;
-  if (!columns) {
-    columns = obj.columns = [];
-  }
-  var len = this.getColumnCount();
-  for (var i = 0; i < len; ++i) {
-    var column = columns[i];
-    if (!column) {
-      column = columns[i] = {};
-    }
-    this.getColumnFormatOptions(i, column);
-    // TODO: move the formatting option (column level) into formatting property (column extension option level)
-  }
-
-  return obj;
+	var obj = gridOptions || {};
+	if(this._idnSource) {
+		obj.idnSource = true;
+	}
+	if(this._disabled) {
+		obj.autoTextFormatting = false;
+	}
+
+	var columns = obj.columns;
+	if(!columns) {
+		columns = obj.columns = [];
+	}
+
+	var len = this.getColumnCount();
+	for(var i = 0; i < len; ++i) {
+		var column = columns[i];
+		if(!column) {
+			column = columns[i] = {};
+		}
+		this.getColumnFormatOptions(i, column);
+		// TODO: move the formatting option (column level) into formatting property (column extension option level)
+	}
+
+	return obj;
 };
 
 /** @public
@@ -205,12 +209,12 @@ TextFormattingPlugin.prototype.getConfigObject = function (gridOptions) {
 * @param {TextFormattingPlugin~FormatOptions} formatOptions
 */
 TextFormattingPlugin.prototype.setColumnFormat = function (colIndex, formatOptions) {
-  if (this._setColumnFormat(colIndex, formatOptions)) {
-    var len = this._hosts.length;
-    for (var i = 0; i < len; ++i) {
-      this._hosts[i]["requestRowRefresh"]();
-    }
-  }
+	if(this._setColumnFormat(colIndex, formatOptions)) {
+		var len = this._hosts.length;
+		for(var i = 0; i < len; ++i) {
+			this._hosts[i]["requestRowRefresh"]();
+		}
+	}
 };
 /** @private
 * @param {number} colIndex
@@ -218,133 +222,137 @@ TextFormattingPlugin.prototype.setColumnFormat = function (colIndex, formatOptio
 * @return {boolean} Returns true if there is any change
 */
 TextFormattingPlugin.prototype._setColumnFormat = function (colIndex, userObj) {
-  var colData = this._newColumnData(colIndex);
-  var colDef = userObj;
-  var fo = null; // Actual Format Options
-
-  var field;
-  if (colDef) {
-    // Extract field and format type
-    // Extract options from column definition object first
-    field = colDef["field"];
-    var autoTextFormatting = colDef["autoTextFormatting"];
-    if (autoTextFormatting != null) {
-      colData["autoTextFormatting"] = autoTextFormatting ? true : false;
-    }
-    var formatLogic = colDef["formatLogic"];
-    if (typeof formatLogic === "function") {
-      colData["formatLogic"] = formatLogic;
-    }
-
-    // Fallback
-    fo = colDef["formatType"] || colDef["type"];
-    // Format type may be an format option object at this point
-    if (fo && _typeof(fo) === "object") {
-      // The formatType can be the format options (object) itself
-      if (fo["field"]) {
-        field = fo["field"];
-      }
-      autoTextFormatting = fo["autoTextFormatting"];
-      if (autoTextFormatting != null) {
-        colData["autoTextFormatting"] = autoTextFormatting ? true : false;
-      }
-      formatLogic = fo["formatLogic"];
-      if (typeof formatLogic === "function") {
-        colData["formatLogic"] = formatLogic;
-      }
-    } else {
-      fo = colDef;
-      // colDef = null;
-    }
-  }
-
-  var prevFO = colData["formatOptions"]; // For later use
-
-  // Clear previously stored data
-  colData["formatOptions"] = null;
-  colData["textFormatter"] = null;
-  colData["numberFormatter"] = null;
-
-  // Check if the provided arguments are valid and sufficient
-  if (!fo) {
-    return prevFO ? true : false;
-  }
-  var fot = fo["formatType"] || fo["type"];
-  if (!fot || typeof fot != "string") {
-    // Format type must be string
-    return prevFO ? true : false;
-  }
-  fot = fot.toLowerCase(); // Guaranteed that all format types are case insensitive
-  if (fot === "general") {
-    // "general" type means no formatting
-    return prevFO ? true : false;
-  }
-  if (!field) {
-    // The field is not given try our best to get it
-    field = this._getField(colIndex);
-    if (!field) {
-      if (prevFO) {
-        field = prevFO["field"];
-      }
-    }
-  }
-
-  // Format option is valid after this point
-  this._noFormatting = false; // Quick workaround
-
-  // WARNING: We directly store and modify user data. This may inadvertently cause some bugs
-  fo["field"] = field;
-  fo["formatType"] = fot;
-  if (!fo["formattedField"]) {
-    fo["formattedField"] = field + "_FORMATTED";
-  }
-  if (fo["idnSource"] == null) {
-    fo["idnSource"] = this._idnSource;
-  }
-  var ff = new FieldFormatter(fo); // FieldFormatter will be used for rendering
-  var nf = null;
-  if (fot == "number" || fot == "scaled" || fot == "percent") {
-    var precision = fo["decimalPlaces"];
-    var precisionEnabled = fo["precisionEnabled"];
-    if (typeof precision == "number") {
-      colData["precision"] = precision;
-      if (precisionEnabled == null) {
-        precisionEnabled = true;
-      }
-    } else if (precision == true) {
-      colData["precision"] = null;
-      precision = 2;
-      precisionEnabled = true;
-    } else if (precision === false) {
-      colData["precision"] = null;
-      precision = 0;
-      precisionEnabled = false;
-    } else {
-      colData["precision"] = null;
-      precision = 2;
-      if (precisionEnabled == null) {
-        precisionEnabled = true;
-      }
-    }
-    fo["decimalPlaces"] = precision;
-    fo["precisionEnabled"] = precisionEnabled;
-    if (fot === "percent") {
-      var percentSign = fo["percentSign"];
-      if (percentSign == null) {
-        fo["percentSign"] = true;
-      } else {
-        colData["percentSign"] = percentSign;
-      }
-    }
-    nf = new NumberFormatter(fo);
-    ff.setNumberFormatter(nf.format);
-  }
-  colData["formatOptions"] = fo;
-  colData["textFormatter"] = ff;
-  colData["numberFormatter"] = nf;
-
-  // Everything is done. Request for re-rendering
-  return true;
+	var colData = this._newColumnData(colIndex);
+	var colDef = userObj;
+	var fo = null; // Actual Format Options
+
+	var field;
+	if(colDef) { // Extract field and format type
+		// Extract options from column definition object first
+		field = colDef["field"];
+
+		var autoTextFormatting = colDef["autoTextFormatting"];
+		if(autoTextFormatting != null) {
+			colData["autoTextFormatting"] = autoTextFormatting ? true : false;
+		}
+		var formatLogic = colDef["formatLogic"];
+		if(typeof formatLogic === "function") {
+			colData["formatLogic"] = formatLogic;
+		}
+
+		// Fallback
+		fo = colDef["formatType"] || colDef["type"];
+		// Format type may be an format option object at this point
+		if(fo && typeof fo === "object") { // The formatType can be the format options (object) itself
+			if(fo["field"]) {
+				field = fo["field"];
+			}
+
+			autoTextFormatting = fo["autoTextFormatting"];
+			if(autoTextFormatting != null) {
+				colData["autoTextFormatting"] = autoTextFormatting ? true : false;
+			}
+			formatLogic = fo["formatLogic"];
+			if(typeof formatLogic === "function") {
+				colData["formatLogic"] = formatLogic;
+			}
+		} else {
+			fo = colDef;
+			// colDef = null;
+		}
+	}
+	var prevFO = colData["formatOptions"]; // For later use
+
+	// Clear previously stored data
+	colData["formatOptions"] = null;
+	colData["textFormatter"] = null;
+	colData["numberFormatter"] = null;
+
+	// Check if the provided arguments are valid and sufficient
+	if(!fo) {
+		return (prevFO) ? true : false;
+	}
+
+	var fot = fo["formatType"] || fo["type"];
+	if(!fot || typeof fot != "string") { // Format type must be string
+		return (prevFO) ? true : false;
+	}
+
+	fot = fot.toLowerCase(); // Guaranteed that all format types are case insensitive
+	if(fot === "general") { // "general" type means no formatting
+		return (prevFO) ? true : false;
+	}
+	if(!field) { // The field is not given try our best to get it
+		field = this._getField(colIndex);
+		if(!field) {
+			if(prevFO) {
+				field = prevFO["field"];
+			}
+		}
+	}
+
+	// Format option is valid after this point
+	this._noFormatting = false; // Quick workaround
+
+	// WARNING: We directly store and modify user data. This may inadvertently cause some bugs
+	fo["field"] = field;
+	fo["formatType"] = fot;
+	if(!fo["formattedField"]) {
+		fo["formattedField"] = field + "_FORMATTED";
+	}
+	if(fo["idnSource"] == null) {
+		fo["idnSource"] = this._idnSource;
+	}
+
+	var ff = new FieldFormatter(fo); // FieldFormatter will be used for rendering
+	var nf = null;
+	if(fot == "number" || fot == "scaled" || fot == "percent") {
+		var precision = fo["decimalPlaces"];
+		var precisionEnabled = fo["precisionEnabled"];
+		if(typeof precision == "number"){
+			colData["precision"] = precision;
+			if(precisionEnabled == null){
+				precisionEnabled = true;
+			}
+		} else if(precision == true){
+			colData["precision"] = null;
+			precision = 2;
+			precisionEnabled = true;
+		} else if(precision === false) {
+			colData["precision"] = null;
+			precision = 0;
+			precisionEnabled = false;
+		} else {
+			colData["precision"] = null;
+			precision = 2;
+			if(precisionEnabled == null){
+				precisionEnabled = true;
+			}
+		}
+
+		fo["decimalPlaces"] = precision;
+		fo["precisionEnabled"] = precisionEnabled;
+
+		if(fot === "percent") {
+			var percentSign = fo["percentSign"];
+			if(percentSign == null) {
+				fo["percentSign"] = true;
+			} else {
+				colData["percentSign"] = percentSign;
+			}
+		}
+
+		nf = new NumberFormatter(fo);
+		ff.setNumberFormatter(nf.format);
+
+	}
+
+	colData["formatOptions"] = fo;
+	colData["textFormatter"] = ff;
+	colData["numberFormatter"] = nf;
+
+	// Everything is done. Request for re-rendering
+	return true;
 };
 /** @public
 * @param {number} colIndex
@@ -352,45 +360,46 @@ TextFormattingPlugin.prototype._setColumnFormat = function (colIndex, userObj) {
 * @return {!Object}
 */
 TextFormattingPlugin.prototype.getColumnFormatOptions = function (colIndex, options) {
-  if (!options) {
-    options = {};
-  }
-  var colData = this._getColumnData(colIndex);
-  if (colData) {
-    var formatOptions = colData["formatOptions"];
-    var textFormatter = colData["textFormatter"];
-    var numberFormatter = colData["numberFormatter"];
-    if (colData["autoTextFormatting"] != null) {
-      options["autoTextFormatting"] = colData["autoTextFormatting"];
-    }
-    if (formatOptions) {
-      options["formatType"] = formatOptions.formatType || formatOptions.type;
-    }
-    if (textFormatter) {
-      textFormatter.getOptions(options);
-    }
-    if (numberFormatter) {
-      numberFormatter.getOptions(options);
-      var precision = colData["precision"];
-      if (precision != null) {
-        options["decimalPlaces"] = precision;
-      } else {
-        delete options["decimalPlaces"];
-      }
-      if (options["formatType"] === "percent" && colData["percentSign"] != null) {
-        options["percentSign"] = colData["percentSign"];
-      }
-    }
-  }
-  return options;
+	if(!options) { options = {}; }
+
+	var colData = this._getColumnData(colIndex);
+	if(colData) {
+		var formatOptions = colData["formatOptions"];
+		var textFormatter = colData["textFormatter"];
+		var numberFormatter = colData["numberFormatter"];
+
+		if(colData["autoTextFormatting"] != null) {
+			options["autoTextFormatting"] = colData["autoTextFormatting"];
+		}
+		if(formatOptions) {
+			options["formatType"] = formatOptions.formatType || formatOptions.type;
+		}
+		if(textFormatter) {
+			textFormatter.getOptions(options);
+		}
+		if(numberFormatter) {
+			numberFormatter.getOptions(options);
+			var precision = colData["precision"];
+			if(precision != null){
+				options["decimalPlaces"] = precision;
+			} else {
+				delete options["decimalPlaces"];
+			}
+
+			if(options["formatType"] === "percent" && colData["percentSign"] != null) {
+				options["percentSign"] = colData["percentSign"];
+			}
+		}
+	}
+	return options;
 };
 /** @private
 * @param {Object} e
 */
-TextFormattingPlugin.prototype._onColumnAdded = function (e) {
-  if (e.context) {
-    this._setColumnFormat(e.colIndex, e.context);
-  }
+TextFormattingPlugin.prototype._onColumnAdded = function(e) {
+	if(e.context) {
+		this._setColumnFormat(e.colIndex, e.context);
+	}
 };
 
 /** @private
@@ -398,58 +407,64 @@ TextFormattingPlugin.prototype._onColumnAdded = function (e) {
 * @return {boolean}
 */
 TextFormattingPlugin._hasAutoFormatting = function (colData) {
-  if (colData) {
-    if (colData["autoTextFormatting"] === false || colData["percentBar"] || colData["rangeBar"]) {
-      return false;
-    }
-    return true;
-  }
-  return false;
+	if(colData) {
+		if(
+			colData["autoTextFormatting"] === false ||
+			colData["percentBar"] ||
+			colData["rangeBar"]
+		) {
+			return false;
+		}
+		return true;
+	}
+	return false;
 };
 
 /** @private
 * @param {Object} e
 */
 TextFormattingPlugin.prototype._onSectionBinding = function (e) {
-  if (this._noFormatting || this._disabled) {
-    return;
-  }
-  var section = e["section"];
-  var dataRows = e["dataRows"];
-  var colCount = section.getColumnCount();
-  var fromR = /** @type{number} */e["fromRowIndex"];
-  var toR = /** @type{number} */e["toRowIndex"];
-  var arg = {};
-  for (var c = 0; c < colCount; ++c) {
-    var colData = this._getColumnData(c); // will get column data from hosts[0] only
-    if (!TextFormattingPlugin._hasAutoFormatting(colData)) {
-      continue;
-    }
-    var formatOptions = /** @type{TextFormattingPlugin~FormatOptions} */colData["formatOptions"];
-    if (!formatOptions) {
-      continue;
-    }
-    var formatter = colData["textFormatter"];
-    var formatLogic = colData["formatLogic"];
-    arg.colIndex = c;
-    arg.field = formatter.getField();
-    arg.format = formatter.format; // WARNING: Accessing private member
-    for (var r = fromR; r < toR; ++r) {
-      var cell = section.getCell(c, r, false);
-      if (cell) {
-        var rowData = this._getRowData(dataRows[r]);
-        arg.formattedText = TextFormattingPlugin._getFormattedText(formatter, rowData, cell);
-        if (formatLogic) {
-          arg.rowIndex = r;
-          arg.cell = cell;
-          arg.rowData = rowData;
-          formatLogic(arg);
-        } else {
-          cell.setTextContent(arg.formattedText);
-        }
-      }
-    }
-  }
+	if(this._noFormatting || this._disabled) { return; }
+
+	var section = e["section"];
+	var dataRows = e["dataRows"];
+	var colCount = section.getColumnCount();
+	var fromR = /** @type{number} */(e["fromRowIndex"]);
+	var toR = /** @type{number} */(e["toRowIndex"]);
+	var arg = {};
+
+	for (var c = 0; c < colCount; ++c) {
+		var colData = this._getColumnData(c); // will get column data from hosts[0] only
+		if(!TextFormattingPlugin._hasAutoFormatting(colData)) {
+			continue;
+		}
+
+		var formatOptions = /** @type{TextFormattingPlugin~FormatOptions} */(colData["formatOptions"]);
+
+		if(!formatOptions) { continue; }
+
+		var formatter = colData["textFormatter"];
+		var formatLogic = colData["formatLogic"];
+
+		arg.colIndex = c;
+		arg.field = formatter.getField();
+		arg.format = formatter.format; // WARNING: Accessing private member
+		for (var r = fromR; r < toR; ++r) {
+			var cell = section.getCell(c, r, false);
+			if(cell) {
+				var rowData = this._getRowData(dataRows[r]);
+				arg.formattedText = TextFormattingPlugin._getFormattedText(formatter, rowData, cell);
+				if(formatLogic) {
+					arg.rowIndex = r;
+					arg.cell = cell;
+					arg.rowData = rowData;
+					formatLogic(arg);
+				} else {
+					cell.setTextContent(arg.formattedText);
+				}
+			}
+		}
+	}
 };
 
 /** @private
@@ -458,16 +473,16 @@ TextFormattingPlugin.prototype._onSectionBinding = function (e) {
 * @param {Object} cell Grid cell instance
 * @return {string}
 */
-TextFormattingPlugin._getFormattedText = function (formatter, rowData, cell) {
-  if (rowData) {
-    return formatter.formatRowData(rowData);
-  } else {
-    var content = cell.getContent();
-    if (content) {
-      return formatter.formatValue(content.textContent);
-    }
-  }
-  return "";
+TextFormattingPlugin._getFormattedText = function(formatter, rowData, cell) {
+	if(rowData) {
+		return formatter.formatRowData(rowData);
+	} else {
+		var content = cell.getContent();
+		if(content) {
+			return formatter.formatValue(content.textContent);
+		}
+	}
+	return "";
 };
 
 /** @public
@@ -475,7 +490,7 @@ TextFormattingPlugin._getFormattedText = function (formatter, rowData, cell) {
 * @return {FieldFormatter}
 */
 TextFormattingPlugin.prototype.getFormatter = function (colIndex) {
-  return this._getColumnOption(colIndex, "textFormatter") || null;
+	return this._getColumnOption(colIndex, "textFormatter") || null;
 };
 /** Format the given object by the formatter from the specified column. The object is converted to string, if no formatter is specified
 * @public
@@ -484,41 +499,45 @@ TextFormattingPlugin.prototype.getFormatter = function (colIndex) {
 * @return {string}
 */
 TextFormattingPlugin.prototype.formatText = function (colIndex, obj) {
-  if (obj != null) {
-    var formatter = this.getFormatter(colIndex);
-    return formatter ? formatter.formatValue(obj) : obj + "";
-  }
-  return "";
+	if(obj != null) {
+		var formatter = this.getFormatter(colIndex);
+		return (formatter) ? formatter.formatValue(obj) : obj + "";
+	}
+	return "";
 };
 
 /** @public
 * @param {number} colIndex
 */
 TextFormattingPlugin.prototype.openDialog = function (colIndex) {
-  if (!this._formatDialog) {
-    this._formatDialog = document.createElement('tr-grid-format-dialog');
-    this._formatDialog.addEventListener('data-change', this._onFormatDialogDataChange.bind(this));
-  }
-  if (this._formatDialog.is === 'tr-grid-format-dialog') {
-    // Check that tr-grid-format-dialog is imported
-    var options = this.getColumnFormatOptions(colIndex);
-    this._formatDialog.data = {
-      valueFormatTab: options
-    };
-    this._formatDialog.colIndex = colIndex;
-    this._formatDialog.show();
-  }
+	if (!this._formatDialog) {
+		this._formatDialog = document.createElement('tr-grid-format-dialog');
+		this._formatDialog.addEventListener('data-change', this._onFormatDialogDataChange.bind(this));
+	}
+
+	if (this._formatDialog.is === 'tr-grid-format-dialog') { // Check that tr-grid-format-dialog is imported
+		var options = this.getColumnFormatOptions(colIndex);
+		this._formatDialog.data = {
+			valueFormatTab: options
+		};
+		this._formatDialog.colIndex = colIndex;
+		this._formatDialog.show();
+	}
 };
 
 /** @private
 * @param {Object} e
 */
 TextFormattingPlugin.prototype._onFormatDialogDataChange = function (e) {
-  var colIndex = this._formatDialog.colIndex;
-  var obj = e.detail.data.valueFormatTab;
-  this.setColumnFormat(colIndex, obj);
-  obj.colIndex = colIndex;
-  this._dispatch("formatChanged", obj);
+	var colIndex = this._formatDialog.colIndex;
+	var obj = e.detail.data.valueFormatTab;
+	this.setColumnFormat(colIndex, obj);
+
+	obj.colIndex = colIndex;
+	this._dispatch("formatChanged", obj);
 };
+
+
+
 export default TextFormattingPlugin;
-export { TextFormattingPlugin, TextFormattingPlugin as TextFormatting, TextFormattingPlugin as TextFormattingExtension };
+export { TextFormattingPlugin, TextFormattingPlugin as TextFormatting, TextFormattingPlugin as TextFormattingExtension };