@refinitiv-ui/efx-grid 6.1.7 → 6.1.8

package/lib/grid/index.js

@@ -1,3 +1,3 @@
 import {Grid} from "./lib/efx-grid.js";
 export {Grid}
-window.EFX_GRID = { version: "6.1.7" };
+window.EFX_GRID = { version: "6.1.8" };

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

@@ -1,9 +1,9 @@
-import {Ext} from '../../tr-grid-util/es6/Ext.js';
-import {GridPlugin} from '../../tr-grid-util/es6/GridPlugin.js';
-import {extendObject, injectCss, prettifyCss} from '../../tr-grid-util/es6/Util.js';
-import {CellPainter} from '../../tr-grid-util/es6/CellPainter.js';
-import {FilterBuilder} from '../../tr-grid-util/es6/FilterBuilder.js';
-import {ElfUtil} from '../../tr-grid-util/es6/ElfUtil.js';
+import {Ext} from "../../tr-grid-util/es6/Ext.js";
+import {GridPlugin} from "../../tr-grid-util/es6/GridPlugin.js";
+import {extendObject, injectCss, prettifyCss} from "../../tr-grid-util/es6/Util.js";
+import {CellPainter} from "../../tr-grid-util/es6/CellPainter.js";
+import {FilterBuilder} from "../../tr-grid-util/es6/FilterBuilder.js";
+import {ElfUtil} from "../../tr-grid-util/es6/ElfUtil.js";
 
 declare namespace ConditionalColoringPlugin {
 
@@ -80,6 +80,8 @@ declare class ConditionalColoringPlugin extends GridPlugin {
 
     public blinkRow(rowIndex: number, blinkSignal: number, host?: any): void;
 
+    public blinkCell(cell: any, colIndex: number, blinkSignal: number, rowData?: any): void;
+
     public setPredefinedColors(predefinedColors: any): void;
 
     public setInsertionBlinking(blinking: boolean|string|null): void;

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

@@ -1,9 +1,9 @@
-import {Ext} from '../../tr-grid-util/es6/Ext.js';
-import {GridPlugin} from '../../tr-grid-util/es6/GridPlugin.js';
-import {extendObject, injectCss, prettifyCss} from '../../tr-grid-util/es6/Util.js';
-import {CellPainter} from '../../tr-grid-util/es6/CellPainter.js';
-import {FilterBuilder} from '../../tr-grid-util/es6/FilterBuilder.js';
-import {ElfUtil} from '../../tr-grid-util/es6/ElfUtil.js';
+import {Ext} from "../../tr-grid-util/es6/Ext.js";
+import {GridPlugin} from "../../tr-grid-util/es6/GridPlugin.js";
+import {extendObject, injectCss, prettifyCss} from "../../tr-grid-util/es6/Util.js";
+import {CellPainter} from "../../tr-grid-util/es6/CellPainter.js";
+import {FilterBuilder} from "../../tr-grid-util/es6/FilterBuilder.js";
+import {ElfUtil} from "../../tr-grid-util/es6/ElfUtil.js";
 
 /** @typedef {Object} ConditionalColoringPlugin~Options
 * @description The options can be specified by `conditionalColoring` property of the main grid's options
@@ -730,7 +730,7 @@ ConditionalColoringPlugin.prototype.setConditionalColoring = function (colIndex,
 	if (this._initializedGrid) {
 		let core = this._hosts[0];
 		if(core){
-			let rowColoring = core.getPlugin('RowColoringPlugin');
+			let rowColoring = core.getPlugin("RowColoringPlugin");
 			if(rowColoring && rowColoring.forceUpdateRowColor){
 				rowColoring.forceUpdateRowColor();
 			}
@@ -817,7 +817,7 @@ ConditionalColoringPlugin.prototype.blinkRow = function (rowIndex, blinkSignal,
 	let dv = host.getDataSource();
 	if (!dv) return;
 
-	let section = host.getSection('content');
+	let section = host.getSection("content");
 	if (!section) return;
 
 	let rowData = dv.getRowDataAt(rowIndex);
@@ -833,6 +833,22 @@ ConditionalColoringPlugin.prototype.blinkRow = function (rowIndex, blinkSignal,
 	}
 };
 
+/** Blink the specified cell based on the specified column's blink configuration
+* @public
+* @param {Object} cell Cell instance to be blinked
+* @param {number} colIndex Column index of the column in which blink configuration will be used. If blinking is not enabled for the column, this method has no effect
+* @param {number} blinkSignal
+* @param {Object=} rowData Row data source for restoring existing conditional color of the cell
+*/
+ConditionalColoringPlugin.prototype.blinkCell = function (cell, colIndex, blinkSignal, rowData) {
+	if(cell) {
+		let painter = this.getColumnPainter(colIndex);
+		if(painter) {
+			painter.blink(cell, blinkSignal, rowData);
+		}
+	}
+};
+
 /** @private
 * @param {number} colIndex
 * @param {(boolean|ConditionalColoringPlugin~Blinking)=} blinkingOptions

package/lib/tr-grid-row-grouping/es6/RowGrouping.js

@@ -129,6 +129,8 @@ import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 let RowGroupingPlugin = function (options) {
 	let t = this;
 	t._onColumnIndexChanged = t._onColumnIndexChanged.bind(t);
+	t._onColumnWidthChanged = t._onColumnWidthChanged.bind(t);
+	t._onFirstRendered = t._onFirstRendered.bind(t);
 	t._getRowsForContentAsHeader = t._getRowsForContentAsHeader.bind(t);
 	t._onPostSectionDataBinding = t._onPostSectionDataBinding.bind(t);
 	t._onCellClicked = t._onCellClicked.bind(t);
@@ -284,11 +286,18 @@ RowGroupingPlugin._controlClass = "predefined-color-tag";
 * @private
 */
 RowGroupingPlugin.prototype._styleTag = null;
-
 /** @type {Function}
 * @private
 */
 RowGroupingPlugin.prototype._criteriaGetter = null;
+/** @type {boolean}
+* @private
+*/
+RowGroupingPlugin.prototype._firstRendered = false;
+/** @type {number}
+* @private
+*/
+RowGroupingPlugin.prototype._columnSizeLimit = -1; // Negative value means no limit
 
 
 /** @private
@@ -410,6 +419,8 @@ RowGroupingPlugin.prototype.initialize = function (host, options) {
 	host.listen("columnMoved", this._onColumnIndexChanged);
 	host.listen("columnAdded", this._onColumnIndexChanged);
 	host.listen("columnRemoved", this._onColumnIndexChanged);
+	host.listen("widthChanged", this._onColumnWidthChanged);
+	host.listen("firstRendered", this._onFirstRendered);
 	host.listen("postSectionDataBinding", this._onPostSectionDataBinding);
 
 	this.config(options);
@@ -438,6 +449,8 @@ RowGroupingPlugin.prototype.unload = function (host) {
 	host.unlisten("columnMoved", this._onColumnIndexChanged);
 	host.unlisten("columnAdded", this._onColumnIndexChanged);
 	host.unlisten("columnRemoved", this._onColumnIndexChanged);
+	host.unlisten("widthChanged", this._onColumnWidthChanged);
+	host.unlisten("firstRendered", this._onFirstRendered);
 	host.unlisten("postSectionDataBinding", this._onPostSectionDataBinding);
 
 	this._hosts.splice(at, 1);
@@ -1285,6 +1298,21 @@ RowGroupingPlugin.prototype._updateDisplayColumn = function () {
 	return this._headerColumn;
 };
 
+/** Column size limit is used to determine appropriate indent size. In limited space, indents will be reduced to fit into the size
+* @private
+* @param {Object} section LayoutGrid or VirtualizedLayoutGrid
+* @returns {number}
+*/
+RowGroupingPlugin.prototype._getColumnSizeLimit = function (section) {
+	if (!this._headerSpanning && section) {
+		let cell = section.getCell(this._headerColumn, 0, false);
+		if(cell) {
+			let sizeLimit = cell.getWidth() - 27; // Ensure padding will subtract icon width (25px for halo, 27px for solar)
+			return sizeLimit > 0 ? sizeLimit : 0;
+		}
+	}
+	return -1; // Negative value means no limit
+};
 /** TODO: Need to support when column reordered
 * @private
 * @param {Object} settings SectionSettings
@@ -1309,11 +1337,7 @@ RowGroupingPlugin.prototype._updateHeader = function (settings, firstRowIndex, l
 	let li = (lastRowIndex != null) ? lastRowIndex : section.getLastIndexInView();
 	let rowsForContentHeader = this._getRowsForContentAsHeader();
 
-	let maxColWidth = -1; // -1 means no limit
-	let colCell = section.getCell(headerColumn, 0, false);
-	if (!this._headerSpanning && colCell) {
-		maxColWidth = colCell.getWidth() - 27; // Ensure padding will subtract icon width (25px for halo, 27px for solar)
-	}
+	let columnSizeLimit = this._columnSizeLimit = this._getColumnSizeLimit(section);
 
 	let colCount = section.getColumnCount();
 	let nonGroupListener = this.hasListener("nonGroupBinding");
@@ -1420,8 +1444,8 @@ RowGroupingPlugin.prototype._updateHeader = function (settings, firstRowIndex, l
 				indentSize += this._arrowSize;
 			}
 		}
-		if (maxColWidth > -1 && maxColWidth < indentSize) {
-			indentSize = maxColWidth;
+		if (columnSizeLimit > -1 && columnSizeLimit < indentSize) {
+			indentSize = columnSizeLimit;
 		}
 
 		let groupColor;
@@ -1497,6 +1521,31 @@ RowGroupingPlugin.prototype._onColumnIndexChanged = function (e) {
 	}
 };
 
+/** @private
+* @param {Object} e
+*/
+RowGroupingPlugin.prototype._onColumnWidthChanged = function (e) {
+	// Check if there is a need to request a row refresh
+	if(this._disabled || !this._firstRendered || this._headerSpanning) {
+		return;
+	}
+
+	let host = this._hosts[0];
+	if(host) {
+		let columnSizeLimit = this._getColumnSizeLimit(host.getSection("content"));
+		if(columnSizeLimit !== this._columnSizeLimit) {
+			this._columnSizeLimit = columnSizeLimit;
+			host.requestRowRefresh(); // To refresh the indentation
+		}
+	}
+};
+/** @private
+* @param {Object} e
+*/
+RowGroupingPlugin.prototype._onFirstRendered = function (e) {
+	this._firstRendered = true;
+};
+
 /** @public */
 RowGroupingPlugin.prototype.updateHeaders = function () {
 	this._timerId = 0;

package/lib/types/es6/ConditionalColoring.d.ts

@@ -1,9 +1,9 @@
-import {Ext} from '../../tr-grid-util/es6/Ext.js';
-import {GridPlugin} from '../../tr-grid-util/es6/GridPlugin.js';
-import {extendObject, injectCss, prettifyCss} from '../../tr-grid-util/es6/Util.js';
-import {CellPainter} from '../../tr-grid-util/es6/CellPainter.js';
-import {FilterBuilder} from '../../tr-grid-util/es6/FilterBuilder.js';
-import {ElfUtil} from '../../tr-grid-util/es6/ElfUtil.js';
+import {Ext} from "../../tr-grid-util/es6/Ext.js";
+import {GridPlugin} from "../../tr-grid-util/es6/GridPlugin.js";
+import {extendObject, injectCss, prettifyCss} from "../../tr-grid-util/es6/Util.js";
+import {CellPainter} from "../../tr-grid-util/es6/CellPainter.js";
+import {FilterBuilder} from "../../tr-grid-util/es6/FilterBuilder.js";
+import {ElfUtil} from "../../tr-grid-util/es6/ElfUtil.js";
 
 declare namespace ConditionalColoringPlugin {
 
@@ -80,6 +80,8 @@ declare class ConditionalColoringPlugin extends GridPlugin {
 
     public blinkRow(rowIndex: number, blinkSignal: number, host?: any): void;
 
+    public blinkCell(cell: any, colIndex: number, blinkSignal: number, rowData?: any): void;
+
     public setPredefinedColors(predefinedColors: any): void;
 
     public setInsertionBlinking(blinking: boolean|string|null): void;

package/lib/versions.json

@@ -14,7 +14,7 @@
 	"tr-grid-column-resizing": "1.0.29",
 	"tr-grid-column-selection": "1.0.33",
 	"tr-grid-column-stack": "1.0.76",
-	"tr-grid-conditional-coloring": "1.0.74",
+	"tr-grid-conditional-coloring": "1.0.78",
 	"tr-grid-content-wrap": "1.0.20",
 	"tr-grid-contextmenu": "1.0.44",
 	"tr-grid-filter-input": "0.9.43",
@@ -25,7 +25,7 @@
 	"tr-grid-range-bar": "2.0.9",
 	"tr-grid-row-dragging": "1.0.39",
 	"tr-grid-row-filtering": "1.0.90",
-	"tr-grid-row-grouping": "1.0.88",
+	"tr-grid-row-grouping": "1.0.89",
 	"tr-grid-row-selection": "1.0.33",
 	"tr-grid-rowcoloring": "1.0.26",
 	"tr-grid-textformatting": "1.0.49",

package/package.json

@@ -77,5 +77,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "6.1.7"
+	"version": "6.1.8"
 }