@refinitiv-ui/efx-grid 6.0.13 → 6.0.15

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

@@ -193,6 +193,8 @@ declare class Grid extends EventDispatcher {
 
     public setRic(rowRef: Grid.RowReference|null, str: string): void;
 
+    public unlinkChain(rowRef: Grid.RowReference|null): void;
+
     public setRowContent(rowRef: Grid.RowReference|null, str: string): void;
 
     public toggleRowExpansion(rid: string|number|null, force?: boolean|null): void;
@@ -271,6 +273,8 @@ declare class Grid extends EventDispatcher {
 
     public toggleChain(rowRef: Grid.RowReference|null): void;
 
+    public setClassification(rowRef: Grid.RowReference|null, fields: (string)[]|null): boolean;
+
     public focus(): void;
 
     public requestRowRefresh(): void;

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

@@ -230,6 +230,7 @@ var Grid = function(placeholder, config) {
 
 	t._onDataChanged = t._onDataChanged.bind(t);
 	t._onDataComposed = t._onDataComposed.bind(t);
+	t._onSubSegmentChanged = t._onSubSegmentChanged.bind(t);
 	t._recalculateFormulas = t._recalculateFormulas.bind(t);
 	t._updateStreamingData = t._updateStreamingData.bind(t);
 	t.updateColumnTitle = t.updateColumnTitle.bind(t);
@@ -293,6 +294,8 @@ var Grid = function(placeholder, config) {
 
 		t._dt = new DataTable();
 		t._dt.setSortingLogic(/** @type{Function} */(t._mainSorter));
+		t._dt.setClassificationSource(t._dc);
+		t._dt.listen("subSegmentChanged", t._onSubSegmentChanged);
 		t._dv = new DataView(t._dt);
 		t._dv.listen("pageIndexChanged", t._dispatch.bind(t, "pageIndexChanged"));
 		t._dv.listen("pageCountChanged", t._dispatch.bind(t, "pageCountChanged")); // TODO: When implementing filtered row, it may need to implement the conflator
@@ -2242,6 +2245,28 @@ Grid.prototype.setRic = function(rowRef, str) {
 		}
 	}
 };
+/** Unlink the chain and its constituents. When the chain is expanded,
+ * the chain row and its members are converted from autogenerated to
+ * regular real-time rows. Only the chain row will be transformed to
+ * a conventional real-time row if the chain is collapsed.
+ * All converted rows will continue to have their data updated.
+ *
+ * @public
+ * @param {Grid~RowReference} rowRef
+ */
+Grid.prototype.unlinkChain = function(rowRef) {
+	var rowDef = this._getRowDefinition(rowRef);
+	if(!rowDef) {
+		return;
+	}
+
+	if(!rowDef.isChain()) {
+		return;
+	}
+
+	rowDef.unlinkChain();
+};
+
 /** Alias to setRic
 * @public
 * @function
@@ -2857,6 +2882,7 @@ Grid.prototype._updateStreamingData = function() {
 	}
 
 	if(this._dt) {
+		this._dt.classifySegments();
 		this._dt.dispatchGlobalChange();
 	}
 };
@@ -2978,6 +3004,20 @@ Grid.prototype.toggleChain = function(rowRef) {
 		rowDef.toggleChain();
 	}
 };
+/**
+ * @public
+ * @param {Grid~RowReference} rowRef
+ * @param {Array.<string>} fields
+ * @return {boolean}
+ */
+Grid.prototype.setClassification = function(rowRef, fields) {
+	var rowDef = this._getRowDefinition(rowRef);
+	if(rowDef) {
+		return this._dt.setSegmentClassification(rowDef.getRowId(), fields);
+	}
+	return false;
+};
+
 /** @description Focus grid element without moving window scrollbar
  * @public
  */
@@ -3082,6 +3122,41 @@ Grid.prototype._onDataComposed = function(e) {
 
 	this._recalculateFormulas(e);
 };
+/** @private
+* @param {Object} e
+*/
+Grid.prototype._onSubSegmentChanged = function(e) {
+	var insertionList = /** @type{Array.<Segment>} */(e["insertionList"]);
+	var removalList = /** @type{Array.<string>} */(e["removalList"]);
+	var removedRows = /** @type{Object} */(e["removedRows"]);
+
+	var i;
+	var removalCount = removalList.length;
+	var rowDef = null;
+	for(i = 0; i < removalCount; i++) {
+		var rid = removalList[i];
+		var removedRow = removedRows[rid];
+		if(removedRow) {
+			rowDef = removedRow[ROW_DEF];
+			if(rowDef) {
+				rowDef.dispose();
+				removedRow[ROW_DEF] = null;
+			}
+		}
+	}
+
+	var insertionCount = insertionList.length;
+	for(i = 0; i < insertionCount; i++) {
+		var segment = insertionList[i];
+		// var parentId = segment.getParentId();
+		var segmentId = segment.getId();
+		rowDef = new RowDefinition({
+			"segmentId": segmentId
+		});
+		rowDef.setDataSource(this._dc);
+		rowDef.registerToView(this._dv);
+	}
+};
 
 /** @private
 * @param {Object=} e

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

@@ -91,6 +91,10 @@ declare class RowDefinition {
 
     public static deregisterFromView(rowIds: (string)[]|null, rowDef: RowDefinition|null): (string)[]|null;
 
+    public _toRealTimeRow(): void;
+
+    public unlinkChain(): void;
+
     public collapseChain(): boolean;
 
     public expandChain(): boolean;

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

@@ -27,6 +27,13 @@ var ROW_DEF = "ROW_DEF";
 */
 var RowDefinition = function(rowOptions) {
 	this._changes = {};
+	if(rowOptions && rowOptions["segmentId"]) {
+		this._dataId = this._rowId = rowOptions["segmentId"];
+		this._autoGenerated = true;
+		this._subSegment = true;
+		return;
+	}
+
 	this._rowId = "_" + RowDefinition._runningId++ + "_";
 	this._dataId = this._rowId;
 
@@ -95,6 +102,10 @@ RowDefinition.prototype._expanded = false;
 * @private
 */
 RowDefinition.prototype._autoGenerated = false;
+/** @type {boolean}
+* @private
+*/
+RowDefinition.prototype._subSegment = false;
 /** @type {Object.<string, *>}
 * @private
 */
@@ -658,7 +669,16 @@ RowDefinition.prototype.registerToView = function(view, rowId) {
 	}
 	this._view = view;
 
-	var rowData = {};
+	var rowData = null;
+	if(this._subSegment) {
+		rowData = this._view.getRowData(this.getRowId());
+		if(rowData) {
+			rowData[ROW_DEF] = this; // no event trigger
+		}
+		return;
+	}
+
+	rowData = {};
 	rowData[ROW_DEF] = this;
 
 	var newRowId = this._view.insertRow(rowId, rowData, this.getRowId());
@@ -739,11 +759,68 @@ RowDefinition.prototype.addConstituent = function(ric) {
 		var rowId = this.getRowId();
 		var rowIndex = this._view.getRowIndex(rowId) + this.getChildCount(); // Children must be directly under its parent
 		childDef.registerToView(this._view, this._view.getRowId(rowIndex));
-		this._view.addSegmentChild(rowId, childDef.getRowId());
+		this._view.addSegmentChild(rowId, childDef.getRowId(), childDef.getDataId());
 	}
 
 	return newChild ? childDef : null;
 };
+
+/** Used to convert autogenerated row to regular real-time row
+* @public
+*/
+RowDefinition.prototype._toRealTimeRow = function() {
+	if(!this._ric) { // Empty row
+		return;
+	}
+	if(this.isRowHeader()) {
+		return;
+	}
+
+	this._realTimeField = true;
+	this._dataId = this._rowId + this._ric; // JET/RTK will generate data id to be rowId (given from this rowDef) + ric;
+
+	this._autoGenerated = false;
+	this._parent = null;
+	this._depthLevel = 0;
+
+	this.subscribeForUpdates();
+};
+
+/** @public
+*/
+RowDefinition.prototype.unlinkChain = function() {
+	if(!this._isChain) {
+		return;
+	}
+
+	if(this.isChainExpanded()) {
+		var rowDefs = this.getDescendants();
+		var len = rowDefs.length;
+		for(var i = 0; i < len; i++) {
+			rowDefs[i]._toRealTimeRow();
+		}
+	}
+
+	this.unsubscribeForUpdates();
+
+	var view = this._view;
+	if(view) {
+		var rid = this.getRowId();
+		var segment = view.getSegment(rid);
+		if(segment) {
+			segment.setClassification(null);
+		}
+		view.setSegmentSeparator(rid, false);
+	}
+
+	this._isChain = this._expanded = false;
+	this._chainRic = "";
+	this._userInput = this._ric;
+	this._children = null;
+
+	this.subscribeForUpdates();
+};
+
 /** @public
 * @return {boolean} Returns true if there is a change in view
 */

package/lib/tr-grid-column-grouping/es6/ColumnGrouping.d.ts

@@ -1,4 +1,5 @@
 import { Ext } from "../../tr-grid-util/es6/Ext.js";
+import { cloneObject } from "../../tr-grid-util/es6/Util.js";
 import { GridPlugin } from "../../tr-grid-util/es6/GridPlugin.js";
 import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";