@refinitiv-ui/efx-grid 6.0.12 → 6.0.14

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

@@ -41,7 +41,8 @@ declare namespace ColumnDefinition {
         keepModel?: boolean|null,
         stationary?: boolean|null,
         leftPinned?: boolean|null,
-        rightPinned?: boolean|null
+        rightPinned?: boolean|null,
+        info?: any
     };
 
 }
@@ -142,6 +143,10 @@ declare class ColumnDefinition {
 
     public clearUserModel(): void;
 
+    public setColumnInfo(obj: any): void;
+
+    public getColumnInfo(): any;
+
 }
 
 declare const COL_DEF: string;

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

@@ -48,6 +48,7 @@ import Engine from "../../tr-grid-util/es6/formula/Engine.js";
 * @property {boolean=} stationary=false If enabled, the column order cannot be changed (i.e., this column and any column to its left cannot be moved)
 * @property {boolean=} leftPinned=false If enabled, the column will not be part of the scrollable area and is pinned to the left side
 * @property {boolean=} rightPinned=false If enabled, the column will not be part of the scrollable area and is pinned to the right side
+* @property {Object=} info=null Store additional information
 */
 
 /** mapping of field type to javascript type
@@ -240,6 +241,10 @@ ColumnDefinition.prototype._textSelect = false;
 * @private
 */
 ColumnDefinition.prototype._userModel = null;
+/** @type {Object}
+* @private
+*/
+ColumnDefinition.prototype._info = null;
 //#endregion Private Members
 
 
@@ -399,6 +404,11 @@ ColumnDefinition.prototype.initialize = function(columnOption) {
 		this._textSelect = val;
 	}
 
+	val = columnOption["info"];
+	if(val) {
+		this._info = val;
+	}
+
 	this._userModel = columnOption;
 };
 
@@ -674,6 +684,10 @@ ColumnDefinition.prototype.getClasses = function() {
 ColumnDefinition.prototype.getConfigObject = function(colOptions) {
 	var obj = colOptions || {};
 
+	if(this._info){
+		obj["info"] = this._info;
+	}
+
 	if(this._field !== "" && !this._field.match(/^COLUMN_/)) {
 		obj["field"] = this._field;
 	}
@@ -1012,5 +1026,20 @@ ColumnDefinition.prototype.clearUserModel = function() {
 	this._userModel = null;
 };
 
+/** @public
+* @param {Object} obj
+*/
+ColumnDefinition.prototype.setColumnInfo = function(obj) {
+	this._info = obj;
+};
+
+/** @public
+* @return {Object}
+*/
+ColumnDefinition.prototype.getColumnInfo = function() {
+	return this._info;
+};
+
+
 export {ColumnDefinition, COL_DEF};
 export default ColumnDefinition;

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