@refinitiv-ui/efx-grid 6.0.58 → 6.0.60

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

@@ -181,9 +181,9 @@ declare class Grid extends EventDispatcher {
 
     public _initDuplicateRicData(rowDef: RowDefinition|null): void;
 
-    public insertRow(rowOption?: any, rowRef?: Grid.RowReference|null): any;
+    public insertRow(rowOption?: (RowDefinition.Options|string)|null, rowRef?: Grid.RowReference|null): RowDefinition|null;
 
-    public insertRows(rowOptions: (any)[]|null, rowRef?: Grid.RowReference|null, opt_fields?: (string)[]|null): void;
+    public insertRows(rowOptions: (RowDefinition.Options|string)[]|null, rowRef?: Grid.RowReference|null, opt_fields?: (string)[]|null): void;
 
     public addStaticDataRows(dataRows: any[]|null, fields?: (string)[]|null): void;
 
@@ -323,7 +323,7 @@ declare class Grid extends EventDispatcher {
 
     public logDV(opt_options?: any): void;
 
-    public replaceRow(rowRef: Grid.RowReference|null, rowOption?: any): any;
+    public replaceRow(rowRef: Grid.RowReference|null, rowOption?: (RowDefinition.Options|string)|null): RowDefinition|null;
 
     public scrollToColumn(colIndex: number, leftOfView?: boolean|null): boolean;
 

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

@@ -1581,16 +1581,16 @@ Grid.prototype.replaceColumn = function (columnOption, colRef) {
 	}
 
 	var colDef = this.getColumnDefinition(colIndex);
-	if(colDef.getChildren()) { // Parent time series field doesn't provide hidden property
+	if(colDef && colDef.getChildren().length > 0) { // Parent time series field doesn't provide hidden property
 		colConfig["hidden"] = false;
 	}
 
-	if(colConfig.id == null) {
+	if(colDef && colConfig.id == null) {
 		colConfig.id =  colDef.getId(); // retain ID
 	}
 	this._grid.startBatch("reset");
+	this.removeColumn(colIndex);
 	this.insertColumn(colConfig, colIndex);
-	this.removeColumn(colIndex + 1); // remove existing column after insert
 	this._grid.stopBatch("reset");
 };
 
@@ -2295,9 +2295,9 @@ Grid.prototype._initDuplicateRicData = function(rowDef) {
 	}
 };
 /** @public
-* @param {Object=} rowOption
+* @param {(RowDefinition~Options|string)=} rowOption
 * @param {Grid~RowReference=} rowRef Reference (i.e. row index, row id, or row definition) of the insert position
-* @returns {Object}
+* @returns {RowDefinition}
 * @example
 * var grid = new rt.Grid(grid_div, options);
 * grid.insertRow({"ric": "RIC"}, 0); // A new row is added at the top
@@ -2328,7 +2328,7 @@ Grid.prototype.insertRow = function(rowOption, rowRef) {
 	return rowDef;
 };
 /** @public
-* @param {Array.<Object>} rowOptions Array of row option object
+* @param {Array.<RowDefinition~Options|string>} rowOptions Array of row option object
 * @param {Grid~RowReference=} rowRef Reference (i.e. row index, row id, or row definition) of the insert position
 * @param {Array.<string>=} opt_fields
 * @example
@@ -3978,8 +3978,8 @@ Grid.prototype._logData = function(rowDefs, options) {
 /** @public
 * @description Replace existing row with a new row. Row ID would be changed, after row is replaced.
 * @param {Grid~RowReference} rowRef Reference (i.e. row index, row id, or row definition) of the insert position
-* @param {Object=} rowOption
-* @returns {Object}
+* @param {(RowDefinition~Options|string)=} rowOption
+* @returns {RowDefinition}
 */
 Grid.prototype.replaceRow = function(rowRef, rowOption) {
 	var rowId = this._getRowId(rowRef);

package/lib/tr-grid-column-stack/es6/ColumnStack.d.ts

@@ -14,7 +14,9 @@ declare namespace ColumnStackPlugin {
         fields: (string)[]|null,
         stacks: (ColumnStackPlugin.StackDefinition)[]|null,
         autoStacking?: boolean|null,
-        clicked?: ((...params: any[]) => any)|null
+        clicked?: ((...params: any[]) => any)|null,
+        menuElement?: Element|null,
+        menuItemClicked?: ((...params: any[]) => any)|null
     };
 
     type ColumnOptions = {

package/lib/tr-grid-column-stack/es6/ColumnStack.js

@@ -10,10 +10,12 @@ import { preventDefault } from "../../tr-grid-util/es6/EventDispatcher.js";
 
 /** @typedef {Object} ColumnStackPlugin~Options
 * @description Available options describing `columnStack` object specified in grid's option
-* @property {Array.<string>} fields Fields for stacking. The minimum is 2 fields.
+* @property {Array.<string>} fields Fields for stacking. The minimum is 2 fields
 * @property {Array.<ColumnStackPlugin~StackDefinition>} stacks List of stacking configuration
 * @property {boolean=} autoStacking Deprecated. Stacks are automatically maintained as long as its members exist
 * @property {Function=} clicked=null Event handler when user clicks on stack/expanding icon
+* @property {Element=} menuElement Element used to display a column selection list
+* @property {Function=} menuItemClicked When the menuElement is specified and menu item is clicked, an event handler is called
 */
 
 /** @typedef {Object} ColumnStackPlugin~ColumnOptions
@@ -122,6 +124,7 @@ var ColumnStackPlugin = function () {
 	this._onBeforeBatchOperation = this._onBeforeBatchOperation.bind(this);
 	this._onAfterBatchOperation = this._onAfterBatchOperation.bind(this);
 	this._onPinningChanged = this._onPinningChanged.bind(this);
+	this._onMenuItemClicked = this._onMenuItemClicked.bind(this);
 
 	this._onStackButtonClicked = this._onStackButtonClicked.bind(this);
 	this._updateUI = this._updateUI.bind(this);
@@ -165,6 +168,14 @@ ColumnStackPlugin.prototype._inResetting = false;
 * @private
 */
 ColumnStackPlugin.prototype._inPinning = false;
+/** @type {Element}
+* @private
+*/
+ColumnStackPlugin.prototype._menuElement = null;
+/** @type {Function}
+* @private
+*/
+ColumnStackPlugin.prototype._menuItemClicked = null;
 
 /** @type {number}
 * @private
@@ -201,12 +212,28 @@ ColumnStackPlugin.prototype.initialize = function (host, options) {
 	if(this._hosts.indexOf(host) >= 0) { return; }
 	this._hosts.push(host);
 
-	if(options && options["icons"]) {
-		var icons = options["icons"]["columnStack"];
-		if(icons) {
-			this._stackIconName = icons["stack"];
-			this._expandIconName = icons["expand"];
-			this._collapseIconName = icons["collapse"];
+	if(options) {
+		if(options["icons"]) {
+			var icons = options["icons"]["columnStack"];
+			if(icons) {
+				this._stackIconName = icons["stack"];
+				this._expandIconName = icons["expand"];
+				this._collapseIconName = icons["collapse"];
+			}
+		}
+
+		var opt = options["columnStack"];
+		if(opt && this._hosts.length === 1) {
+			var menuElement = opt["menuElement"];
+			if(menuElement && typeof menuElement === "object" && menuElement.nodeType === 1) {
+				menuElement.addEventListener("item-trigger", this._onMenuItemClicked);
+				this._menuElement = menuElement;
+			}
+
+			var menuItemClicked = opt["menuItemClicked"];
+			if(typeof menuItemClicked === "function") {
+				this._menuItemClicked = menuItemClicked;
+			}
 		}
 	}
 
@@ -242,6 +269,10 @@ ColumnStackPlugin.prototype.unload = function (host) {
 	host.unlisten("preSectionRender", this._onPreSectionRender);
 	host.unlisten("pinningChanged", this._onPinningChanged);
 
+	if(this._menuElement) {
+		this._menuElement.removeEventListener("item-trigger", this._onMenuItemClicked);
+	}
+
 	if(this._hosts.length <= 0) {
 		this._conflator.reset();
 		this._groupDefs.removeAllGroups();
@@ -1608,7 +1639,8 @@ ColumnStackPlugin.prototype._onStackButtonClicked = function(e) {
 				value: i,
 				selected: i === activeIndex,
 				label: this.getColumnName(colIndices[i]),
-				field: this.getColumnField(colIndices[i])
+				field: this.getColumnField(colIndices[i]),
+				colId: children[i]
 			};
 		}
 		pos["menuData"] = menuData;
@@ -1622,9 +1654,33 @@ ColumnStackPlugin.prototype._onStackButtonClicked = function(e) {
 	pos["stackId"] = colData.id;
 
 	elem.focus();
+
+	if(this._menuElement && !colData.spreading) {
+		// Populate stack member
+		var button = pos.event.srcElement;
+		var el = this._menuElement;
+		el.data = pos["menuData"];
+		el.positionTarget = button;
+		el.opened = true;
+	}
 	this._dispatch("clicked", pos);
 };
+/** @private
+* @param {Object} e
+*/
+ColumnStackPlugin.prototype._onMenuItemClicked = function(e) {
+	if(e.detail) {
+		var selectedIndex = parseInt(e.detail.value, 0);
+		var menuData = this._menuElement.data[selectedIndex];
+		var colId = menuData.colId;
+		this.setActiveColumn(colId);
+	}
+	this._menuElement.opened = false;
 
+	if(this._menuItemClicked) {
+		this._menuItemClicked(e);
+	}
+};
 /** @public
 * @description Get member column indices in a stack
 * @param {string} stackId

package/lib/tr-grid-conditional-coloring/es6/ConditionalColoring.js

@@ -56,6 +56,16 @@ import {ElfUtil} from '../../tr-grid-util/es6/ElfUtil.js';
 
 var COLORING_TYPE = "coloring";
 var BLINKING_TYPE = "blinking";
+var CLEARING_BG = {
+	"backgroundColor": 1
+};
+var CLEARING_TEXT = {
+	"color": 1
+};
+var CLEARING_ALL = {
+	"backgroundColor": 1,
+	"color": 1
+};
 
 var _bracketExp = /\[[^\[\]]*\]/g;
 
@@ -186,6 +196,7 @@ ConditionalColoringPlugin.prototype.initialize = function (host, options) {
 };
 
 /** @override
+* @ignore
 */
 ConditionalColoringPlugin.prototype._afterInit = function () {
 	var pendingFields = this._pendingFields;
@@ -382,8 +393,9 @@ ConditionalColoringPlugin.prototype._isValidPainter = function(painter) {
 
 /** @private
 * @param {number} colIndex
+* @param {Object=} styleMapping
 */
-ConditionalColoringPlugin.prototype._clearCellStyles = function(colIndex) {
+ConditionalColoringPlugin.prototype._clearCellStyles = function(colIndex, styleMapping) {
 	var i, grid, sect, rowCount, r, cell;
 	var hosts = this._hosts;
 	for(i = hosts.length; --i >= 0;) {
@@ -393,7 +405,7 @@ ConditionalColoringPlugin.prototype._clearCellStyles = function(colIndex) {
 		for(r = 0; r < rowCount; ++r) {
 			cell = sect.getCell(colIndex, r, false);
 			if (cell) {
-				CellPainter.clearCellStyle(cell);
+				CellPainter.clearCellStyle(cell, styleMapping);
 			}
 		}
 	}
@@ -561,6 +573,15 @@ ConditionalColoringPlugin.prototype.setConditionalColoring = function (colIndex,
 	var painter = colData["painter"];
 	var prevFields = colData["coloringFields"] ? Object.keys(colData["coloringFields"]) : null;
 	var colorOptions = this._prepareColorOptions(colIndex, coloringOptions);
+
+	if (this._isValidPainter(painter)) {
+		if (prevFields) {
+			var effectiveStyles = painter.getEffectiveStyles();
+			this._clearCellStyles(colIndex, effectiveStyles); // Need to clear the existing previous coloring styles here
+		}
+		painter.resetColoring(); // Release any used memory
+	}
+
 	if(colorOptions.hasColor) { // Set new coloring
 		var newFieldsMap = colorOptions.fields;
 		if (!painter) {
@@ -581,9 +602,10 @@ ConditionalColoringPlugin.prototype.setConditionalColoring = function (colIndex,
 		}
 
 		if(colorOptions.condColoring) {
-			painter.setConditions(colorOptions.condColoring.conditions);
+			var conditions = colorOptions.condColoring.conditions;
+			painter.setConditions(conditions);
+			this._setEffectiveStyles(painter, conditions);
 		} else if(colorOptions.colorText) {
-			painter.resetColoring(); //Clear conditions before add new color
 			var options = colorOptions.colorText;
 			if (options.useThemeColors) {
 				if (!ConditionalColoringPlugin._colorTextStyles) {
@@ -621,17 +643,7 @@ ConditionalColoringPlugin.prototype.setConditionalColoring = function (colIndex,
 		this._enableColumnStyle(colIndex, true); // Remove the background image
 		painter["inputField"] = colorOptions.inputField; // Used in ColumnFormatting extension for restoring the user's selected field in column format dialog
 		colData["coloringFields"] = newFieldsMap;
-		if (this._initializedGrid) { // Force rendering, the new coloring will be applied in the binding
-			this._requestRowRefresh();
-		}
 	} else {
-		if (this._isValidPainter(painter)) {
-			painter.resetColoring(); // Release any used memory
-			if (prevFields) {
-				this._clearCellStyles(colIndex); // Need to clear the existing previous coloring styles here
-			}
-		}
-
 		if (prevFields) {
 			this._removeFieldReferrer(colIndex, COLORING_TYPE);
 		}
@@ -639,6 +651,16 @@ ConditionalColoringPlugin.prototype.setConditionalColoring = function (colIndex,
 		colData["coloringFields"] = null;
 		this._enableColumnStyle(colIndex, false);
 	}
+	if (this._initializedGrid) {
+		var core = this._hosts[0];
+		if(core){
+			var rowColoring = core.getPlugin('RowColoringPlugin');
+			if(rowColoring && rowColoring.forceUpdateRowColor){
+				rowColoring.forceUpdateRowColor();
+			}
+		}
+		this._requestRowRefresh();
+	}
 };
 
 /** @public
@@ -1216,6 +1238,35 @@ ConditionalColoringPlugin.prototype._clearPainter = function (colData) {
 	return false;
 };
 
+/** @private
+ * @param {CellPainter} painter
+ * @param {Array<ConditionalColoringPlugin~Condition>} conditions
+ */
+ConditionalColoringPlugin.prototype._setEffectiveStyles = function(painter, conditions) {
+	var effectiveStyles = null;
+	var hasColor = false;
+	var hasBackgroundColor = false;
+	var condCount = conditions ? conditions.length : 0;
+	for(var i = 0; i < condCount; i++){
+		var cond = conditions[i];
+		if(cond["color"]){
+			hasColor = true;
+		}
+		if(cond["backgroundColor"]){
+			hasBackgroundColor = true;
+		}
+	}
+	if(hasColor && hasBackgroundColor){
+		effectiveStyles = CLEARING_ALL;
+	} else if(hasColor){
+		effectiveStyles = CLEARING_TEXT;
+	} else if(hasBackgroundColor){
+		effectiveStyles = CLEARING_BG;
+	}
+
+	painter.setEffectiveStyles(effectiveStyles);
+};
+
 /** @private
  */
 ConditionalColoringPlugin._cleanUpPrevFields = function() {

package/lib/tr-grid-rowcoloring/es6/RowColoring.d.ts

@@ -56,6 +56,8 @@ declare class RowColoringPlugin extends GridPlugin {
 
     public getContrastColor(hexColor: string): string;
 
+    public forceUpdateRowColor(): void;
+
 }
 
 export default RowColoringPlugin;

package/lib/tr-grid-rowcoloring/es6/RowColoring.js

@@ -99,7 +99,7 @@ RowColoringPlugin.prototype.initialize = function (host, options) {
     return;
   }
   this._hosts.push(host);
-  host.listen("postSectionDataBinding", this._onSectionBinding);
+  host.listen("preSectionDataBinding", this._onSectionBinding);
   this.config(options);
   this._updateTimer = setTimeout(this._updateRowColor, 100); // For lazy loading
 };
@@ -111,7 +111,7 @@ RowColoringPlugin.prototype.unload = function (host) {
   if (at < 0) {
     return;
   }
-  host.unlisten("postSectionDataBinding", this._onSectionBinding);
+  host.unlisten("preSectionDataBinding", this._onSectionBinding);
   this._hosts.splice(at, 1);
   if (!this._hosts.length) {
     if (this._updateTimer) {
@@ -422,6 +422,141 @@ RowColoringPlugin.prototype._onSectionBinding = function (e) {
   }
 };
 
+/** @private
+* @param {Object} section
+* @param {number} fromR from row index
+* @param {number} toR to row index
+* @param {boolean=} forceUpdate force update coloring
+*/
+RowColoringPlugin.prototype._applyColor = function (section, fromR, toR, forceUpdate) {
+  var colCount = section.getColumnCount();
+  var dv = this._getDataView();
+  var textColor, bgColor, el, cell, stretchedCell;
+  var txtEnabled = this._txtEnabled;
+  var bgEnabled = this._bgEnabled;
+  for (var r = fromR; r < toR; ++r) {
+    textColor = bgColor = "";
+    var rowData = this._getRow(dv, r);
+    if (rowData) {
+      if (txtEnabled) {
+        textColor = rowData[this._txtColorField] || "";
+      }
+      if (bgEnabled) {
+        bgColor = rowData[this._bgField] || "";
+      }
+    }
+    stretchedCell = section.getStretchedCell(null, r);
+    if (stretchedCell) {
+      el = stretchedCell.getElement();
+      if (textColor || el._textColor) {
+        if (el._textColor !== textColor || forceUpdate) {
+          stretchedCell.setStyle("color", textColor);
+          el._textColor = textColor;
+        }
+      }
+      if (bgColor || el._bgColor) {
+        if (el._bgColor !== bgColor || forceUpdate) {
+          stretchedCell.setStyle("backgroundColor", bgColor);
+          el._bgColor = bgColor;
+        }
+      }
+    }
+    for (var c = 0; c < colCount; ++c) {
+      cell = section.getCell(c, r, false);
+      if (!cell) {
+        continue;
+      }
+      el = cell.getElement();
+      if (!el) {
+        continue;
+      }
+      if (textColor || el._textColor) {
+        if (el._textColor !== textColor || forceUpdate) {
+          cell.setStyle("color", textColor);
+          el._textColor = textColor;
+        }
+      }
+      if (bgColor || el._bgColor) {
+        if (el._bgColor !== bgColor || forceUpdate) {
+          cell.setStyle("backgroundColor", bgColor);
+          el._bgColor = bgColor;
+        }
+      }
+    }
+  }
+};
+
+/** @private
+* @param {Object} section
+* @param {number} fromR from row index
+* @param {number} toR to row index
+*/
+RowColoringPlugin.prototype._applyPredefinedColor = function (section, fromR, toR) {
+  var colCount = section.getColumnCount();
+  var dv = this._getDataView();
+  var cssField = this._cssField;
+  var altCssField = this._altCssField;
+  var rangeField = this._cssRangeField;
+  var className, el, start, end, altCssClass, range, colorSelected, stretchedCell, cell;
+  for (var r = fromR; r < toR; ++r) {
+    className = altCssClass = "";
+    start = end = range = null;
+    var rowData = this._getRow(dv, r);
+    if (rowData) {
+      className = rowData[cssField] || "";
+      altCssClass = rowData[altCssField] || "";
+      range = rowData[rangeField];
+      if (Array.isArray(range)) {
+        start = range[0];
+        end = range[1] ? range[0] + range[1] : colCount; // handled case user provide only the start field (not provide the length of columns)
+      }
+    }
+
+    stretchedCell = section.getStretchedCell(null, r);
+    if (stretchedCell) {
+      el = stretchedCell.getElement();
+      if (el._coloringClass !== className) {
+        if (el._coloringClass) {
+          el.classList.remove(el._coloringClass);
+          el._coloringClass = "";
+        }
+        if (className) {
+          el.classList.add(className);
+          el._coloringClass = className;
+        }
+      }
+    }
+    for (var c = 0; c < colCount; ++c) {
+      cell = section.getCell(c, r, false);
+      if (!cell) {
+        continue;
+      }
+      el = cell.getElement();
+      if (!el) {
+        continue;
+      }
+      if (className && range && (c < start || c > end)) {
+        // use alternative color
+        colorSelected = altCssClass;
+      } else {
+        // use normal color
+        colorSelected = className;
+      }
+      if (el._coloringClass === colorSelected) {
+        continue;
+      }
+      if (el._coloringClass) {
+        el.classList.remove(el._coloringClass);
+        el._coloringClass = "";
+      }
+      if (colorSelected) {
+        el.classList.add(colorSelected);
+        el._coloringClass = colorSelected;
+      }
+    }
+  }
+};
+
 /** @private
 * @param {number=} fromR from row index
 * @param {number=} toR to row index
@@ -447,124 +582,33 @@ RowColoringPlugin.prototype._updateRowColor = function (fromR, toR) {
     toR = section.getLastIndexInView() + 1;
   }
   // TODO: consolidate the 2 separated flows
-  var colCount = section.getColumnCount();
-  var r, c, rowData, cell;
   if (this._predefinedColoring) {
-    var cssField = this._cssField;
-    var altCssField = this._altCssField;
-    var rangeField = this._cssRangeField;
-    var className, el, start, end, altCssClass, range, colorSelected, stretchedCell;
-    for (r = fromR; r < toR; ++r) {
-      className = altCssClass = "";
-      start = end = range = null;
-      rowData = this._getRow(dv, r);
-      if (rowData) {
-        className = rowData[cssField] || "";
-        altCssClass = rowData[altCssField] || "";
-        range = rowData[rangeField];
-        if (Array.isArray(range)) {
-          start = range[0];
-          end = range[1] ? range[0] + range[1] : colCount; // handled case user provide only the start field (not provide the length of columns)
-        }
-      }
-
-      stretchedCell = section.getStretchedCell(null, r);
-      if (stretchedCell) {
-        el = stretchedCell.getElement();
-        if (el._coloringClass !== className) {
-          if (el._coloringClass) {
-            el.classList.remove(el._coloringClass);
-            el._coloringClass = "";
-          }
-          if (className) {
-            el.classList.add(className);
-            el._coloringClass = className;
-          }
-        }
-      }
-      for (c = 0; c < colCount; ++c) {
-        cell = section.getCell(c, r, false);
-        if (!cell) {
-          continue;
-        }
-        el = cell.getElement();
-        if (!el) {
-          continue;
-        }
-        if (className && range && (c < start || c > end)) {
-          // use alternative color
-          colorSelected = altCssClass;
-        } else {
-          // use normal color
-          colorSelected = className;
-        }
-        if (el._coloringClass === colorSelected) {
-          continue;
-        }
-        if (el._coloringClass) {
-          el.classList.remove(el._coloringClass);
-          el._coloringClass = "";
-        }
-        if (colorSelected) {
-          el.classList.add(colorSelected);
-          el._coloringClass = colorSelected;
-        }
-      }
-    }
+    this._applyPredefinedColor(section, fromR, toR);
   } else {
-    var textColor, bgColor;
-    var txtEnabled = this._txtEnabled;
-    var bgEnabled = this._bgEnabled;
-    for (r = fromR; r < toR; ++r) {
-      textColor = bgColor = "";
-      rowData = this._getRow(dv, r);
-      if (rowData) {
-        if (txtEnabled) {
-          textColor = rowData[this._txtColorField] || "";
-        }
-        if (bgEnabled) {
-          bgColor = rowData[this._bgField] || "";
-        }
-      }
-      stretchedCell = section.getStretchedCell(null, r);
-      if (stretchedCell) {
-        el = stretchedCell.getElement();
-        if (textColor || el._textColor) {
-          if (el._textColor !== textColor) {
-            stretchedCell.setStyle("color", textColor);
-            el._textColor = textColor;
-          }
-        }
-        if (bgColor || el._bgColor) {
-          if (el._bgColor !== bgColor) {
-            stretchedCell.setStyle("backgroundColor", bgColor);
-            el._bgColor = bgColor;
-          }
-        }
-      }
-      for (c = 0; c < colCount; ++c) {
-        cell = section.getCell(c, r, false);
-        if (!cell) {
-          continue;
-        }
-        el = cell.getElement();
-        if (!el) {
-          continue;
-        }
-        if (textColor || el._textColor) {
-          if (el._textColor !== textColor) {
-            cell.setStyle("color", textColor);
-            el._textColor = textColor;
-          }
-        }
-        if (bgColor || el._bgColor) {
-          if (el._bgColor !== bgColor) {
-            cell.setStyle("backgroundColor", bgColor);
-            el._bgColor = bgColor;
-          }
-        }
-      }
-    }
+    this._applyColor(section, fromR, toR);
+  }
+};
+/** @public
+*/
+RowColoringPlugin.prototype.forceUpdateRowColor = function () {
+  if (this._disabled) {
+    return;
+  }
+  var dv = this._getDataView();
+  if (!dv) {
+    return;
+  }
+  var host = this._hosts ? this._hosts[0] : null;
+  var section = host ? host.getSection("content") : null;
+  if (!section) {
+    return;
+  }
+  var fromR = section.getFirstIndexInView();
+  var toR = section.getLastIndexInView() + 1;
+  if (this._predefinedColoring) {
+    this._applyPredefinedColor(section, fromR, toR);
+  } else {
+    this._applyColor(section, fromR, toR, true);
   }
 };
 export default RowColoringPlugin;

package/lib/tr-grid-util/es6/CellPainter.d.ts

@@ -70,6 +70,10 @@ declare class CellPainter {
 
     public getColoringType(): CellPainter.ColoringTypes|null;
 
+    public setEffectiveStyles(mapping: any): void;
+
+    public getEffectiveStyles(): any;
+
     public setConditions(conditions: (CellPainter.Condition)[]|null): void;
 
     public setColumnStats(columnStats: any): void;