@refinitiv-ui/efx-grid 6.0.129 → 6.0.131

package/lib/core/es6/grid/Core.js

@@ -621,7 +621,7 @@ Core.prototype._hasPendingRowChange = false;
 * @return {string}
 */
 Core.getVersion = function () {
-	return "5.1.129";
+	return "5.1.130";
 };
 /** {@link ElementWrapper#dispose}
 * @override
@@ -2352,21 +2352,45 @@ Core.prototype.setColumnBackgroundColor = function(colIndex, color) {
 		}
 
 		if(settings.getType() !== "content") {
-			let rowCount = section.getRowCount();
-			for(let r = 0; r < rowCount; r++) {
-				let cellSpan = section.getCellColSpan(colIndex, r);
-				if(cellSpan > 1) { continue; }
-				let cell = section.getCell(colIndex, r);
-				if(cell) {
-					cell.setStyle("backgroundColor", color);
-				}
-			}
+			this._applyCellsBackgroundColor(section, colIndex, color);
 		} else {
 			let column = section.getColumn(colIndex);
 			column.setStyle("backgroundColor", color);
 		}
 	}
 };
+/** @private
+* @param {ILayoutGrid} section
+* @param {number} colIndex
+* @param {string} color
+*/
+Core.prototype._applyCellsBackgroundColor = function(section, colIndex, color) {
+	let rowCount = section.getRowCount();
+	for(let r = 0; r < rowCount; r++) {
+		let cellSpan = section.getCellColSpan(colIndex, r);
+		if(cellSpan > 1) { continue; }
+		let cell = section.getCell(colIndex, r);
+		if(cell) {
+			cell.setStyle("backgroundColor", color);
+		}
+	}
+};
+/** @public
+* @ignore
+* @param {ILayoutGrid} section
+*/
+Core.prototype.applyColumnsBackgroundColor = function(section) {
+	if(!section) {
+		return;
+	}
+
+	let colCount = section.getColumnCount();
+	for(let c = 0; c < colCount; c++) {
+		let colDef = this._getColumnDef(c);
+		let color = colDef["backgroundColor"] || "";
+		this._applyCellsBackgroundColor(section, c, color);
+	}
+};
 
 /** @public
 * @param {number} colIndex
@@ -5624,6 +5648,11 @@ Core.prototype._onRowCountChanged = function (e) {
 
 	this._updateColumnSeparators();
 	if(prevRowCount < newRowCount) {
+		// Apply column background color
+		let settings = this.getSectionSettings(section);
+		if(settings.getType() !== "content") {
+			this.applyColumnsBackgroundColor(section);
+		}
 		this._dispatch("rowAdded", e);
 	} else if(prevRowCount > newRowCount) {
 		this._dispatch("rowRemoved", e);

package/lib/grid/index.js

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

package/lib/rt-grid/dist/rt-grid.js

@@ -12853,12 +12853,6 @@ const ROW_TYPES = {
 	GROUP_MEMBER: "GROUP_MEMBER"
 };
 
-/** @type {RegExp}
-* @private
-* @const
-*/
-const ROW_ID_PATTERN = /^_[^_]+_$/;
-
 /** @private
 * @function
 * @param {Object} obj
@@ -12903,6 +12897,11 @@ RowDefinition._runningId = 0;
 * @private
 */
 RowDefinition._childDataField = "CHILD_VALUES";
+/** @type {RegExp}
+* @private
+* @const
+*/
+RowDefinition.ROW_ID_PATTERN = /^_[^_]+_$/;
 //#region Private Members
 /** @type {string}
 * @private
@@ -13058,7 +13057,7 @@ RowDefinition.prototype.initialize = function(rowOptions) {
 	if(!this._autoGenerated) {
 		let userRowId = rowOptions["rowId"];
 		if(userRowId && typeof userRowId === "string") {
-			if(userRowId.match(ROW_ID_PATTERN)) {
+			if(userRowId.match(RowDefinition.ROW_ID_PATTERN)) {
 				console.warn("Please change the rowId format to avoid duplicated rows' id causing unexpected behavior.");
 			} else {
 				this._rowId = userRowId;
@@ -13709,12 +13708,7 @@ RowDefinition.prototype.isRealTimeRow = function() {
 * @return {boolean} If a subscription is made, return true.
 */
 RowDefinition.prototype.subscribeForUpdates = function(subs) {
-	if(subs) {
-		this._subs = subs;
-	} else {
-		subs = this._subs;
-	}
-	if(!subs) {
+	if(!(subs  || this._subs)) {
 		return false;
 	}
 	if(!this.isRealTimeRow() && !this.getPermId()) {
@@ -13722,7 +13716,11 @@ RowDefinition.prototype.subscribeForUpdates = function(subs) {
 	}
 	// TODO: Check if the same subscription is being made.
 	this.unsubscribeForUpdates();
-
+	if(subs) {
+		this._subs = subs;
+	} else {
+		subs = this._subs;
+	}
 	if(this.isChain()) {
 		let symbol = this._chainRic;
 		if(!symbol){
@@ -13746,14 +13744,17 @@ RowDefinition.prototype.subscribeForUpdates = function(subs) {
 };
 /** Unsubscribe existing real-time data service. Static data is maintained
 * @public
+* @param {boolean=} keepData
 * @returns {null} Always return null
 */
-RowDefinition.prototype.unsubscribeForUpdates = function() {
+RowDefinition.prototype.unsubscribeForUpdates = function(keepData) {
 	if(this.isSubscribing()) { // Only normal real-time rows and chains have both subId and subscription object
 		this._subs["removeSubscription"](this._subId);
 		this._subId = "";
-		this.resetUpdates();
-		this.resetRowData(); // Real-time data is removed while static data is maintained
+		if(!keepData) {
+			this.resetUpdates();
+			this.resetRowData(); // Real-time data is removed while static data is maintained
+		}
 	}
 	return null;
 };
@@ -13972,8 +13973,9 @@ RowDefinition.prototype.addConstituent = function(ric) {
 /** Used to convert autogenerated row to regular real-time row
 * @public
 * @ignore
+* @param {string=} userRowId
 */
-RowDefinition.prototype.toRealTimeRow = function() {
+RowDefinition.prototype.toRealTimeRow = function(userRowId) {
 	if(!this.isConstituent()) {
 		return; // Only a constituent can be converted to a real-time row
 	}
@@ -13984,7 +13986,11 @@ RowDefinition.prototype.toRealTimeRow = function() {
 	this._parent = null;
 	this._depthLevel = 0;
 
-	this.resetRowData(); // WARNING: existing real-time data is lost after this line
+	if(userRowId) {
+		this._rowId = userRowId;
+		this._userId = true;
+	}
+
 	this.subscribeForUpdates(subs); // Static data remains intact
 };
 
@@ -13995,7 +14001,7 @@ RowDefinition.prototype.unlinkChain = function() {
 		return;
 	}
 
-	this.unsubscribeForUpdates(); // Static data remains intact
+	this.unsubscribeForUpdates(true); // Static data remains intact
 
 	let view = this._view;
 	if(view) {
@@ -44996,6 +45002,14 @@ SortableTitlePlugin._proto = SortableTitlePlugin.prototype;
 * @description Fired only when a row will be removed through Grid's API and before occurring of the actual removal
 */
 
+/** @event Grid#beforeUnlinked
+* @description Trigger before unlinking a chain row.
+* @type {Object}
+* @property {RowDefinition} chain An row definition object of a chain row.
+* @property {boolean} collapsed Collapsing state of a chain row.
+* @property {Object} ridMap A map of constituent rics and row ids used to customize row ids.
+*/
+
 /** @private
 * @param {RowDefinition} rowDef
 * @return {Object}
@@ -45430,11 +45444,6 @@ Grid.prototype._topSection = true;
 * @private
 */
 Grid.prototype._focusingArgs = null;
-/** @type {boolean}
-* @private
-*/
-Grid.prototype._unlinking = false;
-
 
 /** @public
 */
@@ -47663,13 +47672,41 @@ Grid.prototype.unlinkChain = function(rowRef) {
 		return;
 	}
 
-	this._unlinking = true;
-
 	let childRowDefs = rowDef.getDescendants(); // TODO: Support nested child
 	if(childRowDefs) {
-		if(rowDef.isChainExpanded()) {
-			for(let i = 0; i < childRowDefs.length; i++) {
-				childRowDefs[i].toRealTimeRow();
+		let len = childRowDefs.length;
+		let ridMap = {};
+		for(let i = 0; i < len; i++) {
+			ridMap[childRowDefs[i].getRic()] = "";
+		}
+		let collapsed = rowDef.isChainCollapsed();
+		let args = {
+			chain: rowDef,
+			collapsed: collapsed,
+			ridMap: ridMap
+		};
+		this._dispatch("beforeUnlinked", args);
+
+		if(!collapsed) {
+			let rowIdChanged = false;
+			let ridPair = {};
+			for(let i = 0; i < len; i++) {
+				let childRowDef = childRowDefs[i];
+				let mappedRowId = ridMap[childRowDef.getRic()];
+				if(mappedRowId) {
+					if(mappedRowId.match(RowDefinition.ROW_ID_PATTERN)) {
+						console.warn("Please change the rowId format to avoid duplicated rows' id causing unexpected behavior.");
+						mappedRowId = "";
+					} else {
+						rowIdChanged = true;
+						ridPair[childRowDef.getRowId()] = mappedRowId;
+					}
+				}
+				childRowDef.toRealTimeRow(mappedRowId);
+			}
+			if(rowIdChanged) {
+				this._dc.replaceRowIds(ridPair);
+				this._dt.replaceRowIds(ridPair);
 			}
 		} else {
 			this._removeConstituentRows(childRowDefs);
@@ -47677,8 +47714,6 @@ Grid.prototype.unlinkChain = function(rowRef) {
 	}
 
 	rowDef.unlinkChain();
-
-	this._unlinking = false;
 };
 
 /** Alias to setRic
@@ -47992,6 +48027,15 @@ Grid.prototype.getAllRics = function() {
 Grid.prototype.hasRic = function() {
 	return this._connector.hasRic();
 };
+/** Returns RIC of given row reference.
+* @public
+* @param {(string|number)=} rowRef
+* @return {string}
+*/
+Grid.prototype.getRic = function(rowRef) {
+	let rowDef = this.getRowDefinition(rowRef);
+	return rowDef.getRic();
+};
 /** A shorthand to set row data based on index of the specified row. It is better to keep rowDefinition object for updating data directly as row index can be changed by sorting and filtering.
 * @public
 * @param {Grid~RowReference} rowRef