@refinitiv-ui/efx-grid 6.0.126 → 6.0.128

package/lib/tr-grid-conditional-coloring/es6/ConditionalColoring.d.ts

@@ -10,7 +10,7 @@ declare namespace ConditionalColoringPlugin {
     type Options = {
         predefinedColors?: any,
         blinkingDuration?: number|null,
-        insertionBlinking?: boolean|null
+        insertionBlinking?: (boolean|string)|null
     };
 
     type ColumnOptions = {
@@ -82,7 +82,7 @@ declare class ConditionalColoringPlugin extends GridPlugin {
 
     public setPredefinedColors(predefinedColors: any): void;
 
-    public setInsertionBlinking(blinking: boolean): void;
+    public setInsertionBlinking(blinking: boolean|string|null): void;
 
     public getColumnPainter(colIndex: number): CellPainter|null;
 

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

@@ -9,7 +9,8 @@ import {ElfUtil} from '../../tr-grid-util/es6/ElfUtil.js';
 * @description The options can be specified by `conditionalColoring` property of the main grid's options
 * @property {Object=} predefinedColors Predefined color object map for conditional coloring
 * @property {number=} blinkingDuration=250 Blinking duration in milliseconds
-* @property {boolean=} insertionBlinking=false Blinking when a row is added to a grid
+* @property {(boolean|string)=} insertionBlinking=false When a new row is added to Grid, cell will blink.
+*   Specify true for blinking with theme's neutral movement color. To blink cell with a certain color, specify a string of hex color value.
 */
 
 /** @typedef {Object} ConditionalColoringPlugin~ColumnOptions
@@ -56,7 +57,7 @@ import {ElfUtil} from '../../tr-grid-util/es6/ElfUtil.js';
 
 /** @typedef {(string|boolean|Object)} ConditionalColoringPlugin~Blinking
 * @description Available options describing `blinking` object. Additionally if specify blinking as string of field, blinking will base on the field. <br>
-* If specified true, field from column definition will be used.
+* If specified true, field from column definition will be used. If up, down and level value are not specified, theme's movement colors will be used.
 * @property {boolean=} border=false If enabled, border will be blinked instead of background
 * @property {string=} field If not specified, field from column definition will be used
 * @property {string=} up CSS color (e.g. #00ff00, green)
@@ -170,7 +171,7 @@ ConditionalColoringPlugin.prototype._predefinedColors = null;
 * @private
 */
 ConditionalColoringPlugin.prototype._blinkingDuration = 250;
-/** @type {boolean}
+/** @type {boolean|string}
 * @private
 */
 ConditionalColoringPlugin.prototype._insertionBlinking = false;
@@ -1114,7 +1115,8 @@ ConditionalColoringPlugin.prototype.setPredefinedColors = function(predefinedCol
 	}
 };
 /** @public
-* @param {boolean} blinking enable blinking on row insertion
+* @param {boolean|string} blinking Enable blinking on row insertion. Specify true for blinking with theme's neutral movement color.
+*   To blink cell with a certain color, specify a string of hex color value.
 */
 ConditionalColoringPlugin.prototype.setInsertionBlinking = function(blinking) {
 	if (blinking != null) {
@@ -1199,7 +1201,11 @@ ConditionalColoringPlugin.prototype._onSectionBinding = function (e) {
 
 	let prevDataRow, prevDataRows = host._prevDataRows;
 	let isPrevRowExisted = !isEmptyObject(prevDataRows);
+	let api = this.getGridApi();
 	for (r = fromR; r < toR; ++r) {
+		rid = dv.getRowId(r);
+		if (!rid) { continue; }
+
 		dataRow = this._rowGetter(dataRows[r]);
 		if (!dataRow) continue; // prevent from null value access when using with RowGroupingExtension
 
@@ -1208,10 +1214,8 @@ ConditionalColoringPlugin.prototype._onSectionBinding = function (e) {
 		let insertedRow = null;
 		if (blinkingEnabled) {
 			if (this._realTimeGrid) {
-				// TODO: check rid from e.rids
-				rowDef = /** @type{RowDefinition} */(dataRow["ROW_DEF"]);
+				rowDef = api.getRowDefinition(rid);
 				if(rowDef){
-					rid = rowDef.getRowId();
 					changedCols = rowDef.getUpdates();
 				}
 			} else { // composite grid
@@ -1228,16 +1232,6 @@ ConditionalColoringPlugin.prototype._onSectionBinding = function (e) {
 			}
 		}
 
-		if (!rid) {
-			if (this._realTimeGrid) {
-				// TODO: check rid from e.rids
-				rowDef = /** @type{RowDefinition} */(dataRow["ROW_DEF"]);
-				rid = rowDef ? rowDef.getRowId() : "";
-			} else {
-				rid = dv.getRowId(r);
-			}
-		}
-
 		prevDataRow = prevDataRows[rid];
 		cachedValues = {};
 		updatePrev = false;
@@ -1268,7 +1262,7 @@ ConditionalColoringPlugin.prototype._onSectionBinding = function (e) {
 						} else {
 							if(isPrevRowExisted && insertedRow){
 								blinking = true;
-								bgBlinking = painter.blink(cell, 0, dataRow);
+								bgBlinking = painter.flash(cell, this._insertionBlinking, dataRow);
 							}
 						}
 					}