@refinitiv-ui/efx-grid 6.0.13 → 6.0.14

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

@@ -271,6 +271,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
@@ -2857,6 +2860,7 @@ Grid.prototype._updateStreamingData = function() {
 	}
 
 	if(this._dt) {
+		this._dt.classifySegments();
 		this._dt.dispatchGlobalChange();
 	}
 };
@@ -2978,6 +2982,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 +3100,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.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,7 +759,7 @@ 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;

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";