@refinitiv-ui/efx-grid 6.0.24 → 6.0.25

package/lib/tr-grid-column-stack/es6/ColumnStack.d.ts

@@ -98,11 +98,11 @@ declare class ColumnStackPlugin extends GridPlugin {
 
     public getStackMemberIds(stackId: string): (string)[];
 
-    public getColumnIdsByIndex(columnIndex: number|(number)[]|null): (string)[];
+    public getColumnIdsByIndex(colIndices: number|(number)[]|null): (string)[];
 
-    public getColumnIndicesByColumnIds(columnId: string|(string)[]|null): (string)[];
+    public getColumnIndicesByColumnIds(colIds: string|(string)[]|null): (string)[];
 
-    public getColumnIdsByFields(field: string|(string)[]|null): (string)[];
+    public getColumnIdsByFields(fields: string|(string)[]|null): (string)[];
 
     public addColumnToStack(colRef: number|string|null, stackId: string): void;
 

package/lib/tr-grid-column-stack/es6/ColumnStack.js

@@ -426,7 +426,6 @@ ColumnStackPlugin.prototype._transformStackConfig = function(stackConfig) {
 	stackConfig.colRefs = [];
 	var children = stackConfig.children;
 	var fields = stackConfig.fields;
-	var activeColumn = stackConfig.activeColumn;
 	var field;
 	if(children){
 		var childLen = stackConfig.children.length;
@@ -440,12 +439,13 @@ ColumnStackPlugin.prototype._transformStackConfig = function(stackConfig) {
 	} else if(fields) {
 		stackConfig.colRefs = fields;
 	}
+	var activeColumn = stackConfig.activeColumn;
 	if(activeColumn && !this._autoStacking){
 		var activeColIndex = this.getColumnIndex(activeColumn);
 		if(activeColIndex !== -1){
 			field = this._getField(colIndex);
 			if(field){
-				stackConfig.activeColumn;
+				stackConfig.activeColumn = field;
 			}
 		}
 	}
@@ -929,6 +929,7 @@ ColumnStackPlugin.prototype.stackColumns = function(colRefs, stackId, options) {
 	if(colRefs.length) {
 		if(typeof colRefs[0] === "string") {
 			fields = colRefs.slice();
+			colRefs = this.getColumnIndices(colRefs);
 		} else {
 			colRefs.sort(function(a, b) { return a - b; }); // Only sort in the case of column index stack
 			for(i = 0; i < colRefs.length; i++){
@@ -936,7 +937,6 @@ ColumnStackPlugin.prototype.stackColumns = function(colRefs, stackId, options) {
 				fields.push(field);
 			}
 		}
-		colRefs = this.getColumnIndices(colRefs);
 	}
 
 	// Save stack fields for
@@ -954,13 +954,14 @@ ColumnStackPlugin.prototype.stackColumns = function(colRefs, stackId, options) {
 		return false;
 	}
 
-	var activeIndex = options.activeColumn ? this.getColumnIndices(options.activeColumn) : colRefs[0];
-	if (activeIndex.length){
-		activeIndex = activeIndex[0];
-	}
-	if(activeIndex == null || colRefs.indexOf(activeIndex) == -1){
-		activeIndex = colRefs[0];
+	var activeIndex = colRefs[0];
+	if(options.activeColumn != null) {
+		var idx = this.getColumnIndex(options.activeColumn);
+		if(idx > -1 && colRefs.indexOf(idx) > -1) {
+			activeIndex = idx;
+		}
 	}
+
 	// Collecting data
 	var stack = {};
 	stack.stackId = sid;
@@ -1486,19 +1487,17 @@ ColumnStackPlugin.prototype.getStackMemberIds = function(stackId) {
 
 /** @public
 * @description Get column id by column index or indices
-* @param {number|Array<number>} columnIndex
+* @param {number|Array<number>} colIndices
 * @return {!Array.<string>} Column ids
 */
-ColumnStackPlugin.prototype.getColumnIdsByIndex = function(columnIndex) {
-	var colIndices = [];
-	var colIds = [];
-	if(Array.isArray(columnIndex)){
-		colIndices = columnIndex;
-	} else {
-		colIndices.push(colIds);
+ColumnStackPlugin.prototype.getColumnIdsByIndex = function(colIndices) {
+	if(!Array.isArray(colIndices)){
+		colIndices = [colIndices];
 	}
+	var colIds = [];
+	var colId;
 	for(var i = 0; i < colIndices.length; ++i) {
-		var colId = this.getColumnId(colIndices[i]);
+		colId = this.getColumnId(colIndices[i]);
 		colIds.push(colId);
 	}
 	return colIds;
@@ -1506,39 +1505,33 @@ ColumnStackPlugin.prototype.getColumnIdsByIndex = function(columnIndex) {
 
 /** @public
 * @description Get column indices by column ids
-* @param {string|Array<string>} columnId
+* @param {string|Array<string>} colIds
 * @return {!Array.<string>} Column indices
 */
-ColumnStackPlugin.prototype.getColumnIndicesByColumnIds = function(columnId) {
-	var colIndices = [];
-	var colIds = [];
-	if(Array.isArray(columnId)){
-		colIds = columnId;
-	} else {
-		colIds.push(colIds);
+ColumnStackPlugin.prototype.getColumnIndicesByColumnIds = function(colIds) {
+	if(!Array.isArray(colIds)){
+		colIds = [colIds];
 	}
+	var colIndices = [];
+	var colIndex;
 	for(var i = 0; i < colIds.length; ++i) {
-		var colId = this.getColumnIndex(colIds[i]);
-		colIndices.push(colId);
+		colIndex = this.getColumnIndex(colIds[i]);
+		colIndices.push(colIndex);
 	}
 	return colIndices;
 };
 
 /** @public
 * @description Get column ids by fields
-* @param {string|Array<string>} field
+* @param {string|Array<string>} fields
 * @return {!Array.<string>} Column indices
 */
-ColumnStackPlugin.prototype.getColumnIdsByFields = function(field) {
-	var colIndices = [];
-	var fields = [];
-	if(Array.isArray(field)){
-		fields = field;
-	} else {
-		fields.push(field);
+ColumnStackPlugin.prototype.getColumnIdsByFields = function(fields) {
+	if(!Array.isArray(fields)){
+		fields = [fields];
 	}
 
-	colIndices = this.getColumnIndices(field);
+	var colIndices = this.getColumnIndices(fields);
 
 	return this.getColumnIdsByIndex(colIndices);
 };
@@ -1550,9 +1543,9 @@ ColumnStackPlugin.prototype.getColumnIdsByFields = function(field) {
 */
 ColumnStackPlugin.prototype.addColumnToStack = function(colRef, stackId) {
 	if(typeof colRef === "string") {
-		var colIndices = this.getColumnIndices([colRef]);
-		if(colIndices.length){
-			colRef = colIndices[0];
+		colRef = this.getColumnIndex(colRef);
+		if(colRef < 0) {
+			return;
 		}
 	}
 
@@ -1570,7 +1563,7 @@ ColumnStackPlugin.prototype.addColumnToStack = function(colRef, stackId) {
 	}
 
 	// Prevent from flashing in stack mode
-	if(colRef !== activeIndex && stack.collapsed !== false) {
+	if(stack.collapsed !== false) {
 		this._setColumnVisibility(colRef, false);
 	}
 
@@ -1585,8 +1578,6 @@ ColumnStackPlugin.prototype.addColumnToStack = function(colRef, stackId) {
 		stack.activeColumn  = stack.stackRefs[0];
 	}
 
-	var activeIndex = this._getColumnIndex(stack.activeColumn);
-
 	// Pack stacked columns together
 	this._moveStackedColumns(stack.stackRefs);
 
@@ -1599,16 +1590,16 @@ ColumnStackPlugin.prototype.addColumnToStack = function(colRef, stackId) {
 */
 ColumnStackPlugin.prototype.removeColumnFromStack = function(colRef) {
 	if(typeof colRef === "string") {
-		var colIndices = this.getColumnIndices([colRef]);
-		if(colIndices.length){
-			colRef = colIndices[0];
+		colRef = this.getColumnIndex(colRef);
+		if(colRef < 0) {
+			return;
 		}
 	}
 
 	var stackId = this.getStackId(colRef);
 	var stack = this._stacks[stackId];
-	if(!stack || colRef == -1) {
-		return; // Invalid column index or stackId
+	if(!stack) {
+		return;
 	}
 
 	var stackMembers = this.getStackMemberIndices(stackId);
@@ -1669,17 +1660,18 @@ ColumnStackPlugin.prototype.reorderStackColumns = function(colRefs, stackId) {
 	}
 
 	var newStackMembers = [];
-	for(var i = 0; i < len; i++ ){
-		var colIndex = colRefs[i];
+	var i, colIndex;
+	for(i = 0; i < len; i++ ){
+		colIndex = colRefs[i];
 		if(stackMemberIndices.indexOf(colIndex) !== -1){
 			newStackMembers.push(colIndex);
 		}
 	}
 	if(newStackMembers.length !== stackMemberCount){
 		for(i = 0; i < stackMemberCount; i++ ){
-			var columnIndex = stackMemberIndices[i];
-			if(newStackMembers.indexOf(columnIndex) === -1){
-				newStackMembers.push(columnIndex);
+			colIndex = stackMemberIndices[i];
+			if(newStackMembers.indexOf(colIndex) === -1){
+				newStackMembers.push(colIndex);
 				if(newStackMembers.length === stackMemberCount){
 					break;
 				}

package/lib/tr-grid-in-cell-editing/es6/InCellEditing.js

@@ -350,7 +350,7 @@ InCellEditingPlugin._primaryColor = "";
 /** @type {string}
 * @private
 */
-InCellEditingPlugin._styles = prettifyCss([":host .cell.editing input[type=text]", ["border-style: solid;"]]);
+InCellEditingPlugin._styles = prettifyCss([":host .cell.editing input[type=text]", ["border-style: solid;"], ":host .cell.editing", ["z-index: 2;"]]);
 
 /** @private
 */
@@ -1911,11 +1911,18 @@ InCellEditingPlugin.prototype._onUpdateEditorPopup = function () {
   if (this._compositeGrid || this._realTimeGrid) {
     parentElement = grid.getElement().parentElement;
   }
+  var rowIndex, colIndex;
   if (this._activeInCellCache) {
     var activePos = this._activePos;
     if (activePos) {
+      rowIndex = activePos["rowIndex"];
+      colIndex = activePos["colIndex"];
       var section = grid.getSection(activePos["sectionType"]);
-      var cell = section.getCell(activePos["colIndex"], activePos["rowIndex"]);
+      var cell = section.getCell(colIndex, rowIndex);
+      var stretchedCell = section.getStretchedCell(cell, rowIndex);
+      if (stretchedCell) {
+        cell = stretchedCell;
+      }
       if (cell) {
         var popup = this._activeInCellCache["balloonPopup"];
         popup.attachTo(cell.getElement());
@@ -1925,7 +1932,7 @@ InCellEditingPlugin.prototype._onUpdateEditorPopup = function () {
     }
   } else if (this._activeRowId) {
     var sectionContent = grid.getSection("content");
-    var rowIndex = this._getRowIndex(this._activeRowId);
+    rowIndex = this._getRowIndex(this._activeRowId);
     if (sectionContent.isRowVisible(rowIndex)) {
       var lastIndex = (sectionContent.getColumnCount() || 0) - 1;
       for (var columnIndex = 0; columnIndex <= lastIndex; columnIndex++) {
@@ -1942,7 +1949,6 @@ InCellEditingPlugin.prototype._onUpdateEditorPopup = function () {
       }
     }
   }
-  grid.focus();
 };
 /** Update editor popup position and styles
 * @private
@@ -1953,6 +1959,7 @@ InCellEditingPlugin.prototype._onUpdateEditorPopup = function () {
 InCellEditingPlugin.prototype._updateEditorPopup = function (contentEditor, cell, grid) {
   var popup = contentEditor["balloonPopup"];
   var editor = contentEditor["editor"];
+  var inputElement = contentEditor["inputElement"];
   var popupElem = popup.getElement();
   var pos = grid.getRelativePosition(cell);
   var width = cell.getWidth();
@@ -1992,12 +1999,16 @@ InCellEditingPlugin.prototype._updateEditorPopup = function (contentEditor, cell
   } else {
     var acquiredWidth = pos["x"] + newWidth;
     var acquiredHeight = pos["y"] - offsetTop + newHeight;
-
-    // Left overflow
-    if (pos["x"] < offsetLeft) {
-      newWidth = newWidth - (offsetLeft - pos["x"]);
-      marginLeft = marginLeft + Math.abs(pos["x"] - offsetLeft);
+    var isPinned = grid.isPinnedColumn(pos["colIndex"]);
+    // if column is pinned, doesn't need to calculate left overflow
+    if (!isPinned) {
+      // Left overflow
+      if (pos["x"] < offsetLeft) {
+        newWidth = newWidth - (offsetLeft - pos["x"]);
+        marginLeft = marginLeft + Math.abs(pos["x"] - offsetLeft);
+      }
     }
+
     // Right overflow
     if (acquiredWidth > offsetWidth) {
       newWidth = newWidth - (acquiredWidth - offsetWidth);
@@ -2020,6 +2031,7 @@ InCellEditingPlugin.prototype._updateEditorPopup = function (contentEditor, cell
   editor.style.height = newHeight ? newHeight + "px" : "";
   editor.style.marginLeft = marginLeft ? marginLeft + "px" : 0;
   editor.style.marginTop = marginTop ? marginTop + "px" : 0;
+  inputElement.focus();
 };
 export default InCellEditingPlugin;
 export { InCellEditingPlugin, InCellEditingPlugin as InCellEditing, InCellEditingPlugin as InCellEditingExtension };

package/lib/tr-grid-util/es6/GridPlugin.d.ts

@@ -28,7 +28,7 @@ declare class GridPlugin extends EventDispatcher {
 
     public getColumnName(colRef: number|string|null): string;
 
-    public getColumnIndex(colId: number|string|null): number;
+    public getColumnIndex(colRef: number|string|null): number;
 
     public getColumnIndices(colRefs: (number|string)[]|null): (number)[]|null;
 

package/lib/tr-grid-util/es6/GridPlugin.js

@@ -234,29 +234,27 @@ GridPlugin.prototype.getColumnName = function (colRef) {
 	return "";
 };
 /** @public
-* @param {number|string} colId Column index or column Id
+* @param {number|string} colRef Column id, field name or column index
 * @return {number}
 */
-GridPlugin.prototype.getColumnIndex = function (colId) {
-	if(typeof colId === "number") {
-		return colId;
+GridPlugin.prototype.getColumnIndex = function (colRef) {
+	if(typeof colRef === "number") {
+		return colRef;
 	}
 	if(this._compositeGrid) {
-		return this._compositeGrid.getColumnIndex(colId);
-	} else {
-		var rtGrid = this._realTimeGrid;
-		var colCount = rtGrid.getColumnCount();
-		for(var i = 0; i < colCount; ++i) {
-			var colDef = rtGrid.getColumnDefinition(i);
-			if(colDef && colDef.getId() === colId) {
-				return i;
-			}
+		var allFields = this._compositeGrid.getColumnFields();
+		var colIndex = allFields.indexOf(colRef);
+		if(colIndex > -1) {
+			return colIndex;
+		} else {
+			return this._compositeGrid.getColumnIndex(colRef);
 		}
+	} else {
+		return this._realTimeGrid.getColumnIndex(colRef);
 	}
-	return -1;
 };
 /** @public
-* @param {Array.<number|string>} colRefs column references field name or column index
+* @param {Array.<number|string>} colRefs A collection of column ids, field names or column indices
 * @return {Array.<number>} column indices
 */
 GridPlugin.prototype.getColumnIndices = function (colRefs) {

package/lib/tr-grid-util/es6/GroupDefinitions.d.ts

@@ -0,0 +1,58 @@
+import { cloneObject } from "./Util.js";
+
+declare class GroupDefinitions {
+
+    constructor();
+
+    public static getGroupId(groupDef: any): string;
+
+    public static calcTreeDepth(groupMap: { [key: string]:  any }|null, groupDef: any): number;
+
+    public static getLeafDescendants(groupMap: { [key: string]:  any }|null, groupId: string): (string)[]|null;
+
+    public toString(): string;
+
+    public getGroup(groupId: string): any;
+
+    public getDefinition(groupId: string): any;
+
+    public getGroups(): (any)[];
+
+    public getGroupMap(): { [key: string]:  any };
+
+    public cloneGroupMap(): { [key: string]:  any };
+
+    public getGroupChildren(groupId: string): (string)[]|null;
+
+    public getLeafDescendants(groupId: string): (string)[]|null;
+
+    public getGroupLevel(groupId: string): number;
+
+    public getRootGroup(groupId: string): any;
+
+    public getParentGroup(childId: string): any;
+
+    public getParentIds(childId: string): (string)[]|null;
+
+    public getParentId(childId: string, groupLevel?: number|null): string;
+
+    public setGroups(groupDefs?: (any)[]|null): void;
+
+    public addGroup(groupDef: any): string;
+
+    public removeGroup(groupId: string): boolean;
+
+    public setGroup(groupId: string, groupDef?: (string)[]|any|null): string;
+
+    public addGroupChild(parentId: string, childId: string): boolean;
+
+    public removeGroupChild(childId: string): boolean;
+
+    public removeAllChildren(groupId: string): boolean;
+
+    public setGroupChildren(groupId: string, newChildList: (string)[]|null): boolean;
+
+}
+
+export default GroupDefinitions;
+export { GroupDefinitions };