@refinitiv-ui/efx-grid 6.0.3 → 6.0.4

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

@@ -528,6 +528,22 @@ LayoutGrid.prototype._setColumnWidth = function (indexX, val) {
 LayoutGrid.prototype._updateColumnLayout = function () {
 	this._syncLayoutToColumns(0);
 };
+/** @public
+ * @ignore
+ * @param {boolean} enabled
+ * @param {number=} fromR
+ * @param {number=} toR
+ */
+LayoutGrid.prototype._startBindingSession = function (enabled, fromR, toR) {
+	// Prevent error when calling _startBindingSession in LayoutGrid
+};
+/** @public
+ * @ignore
+ * @return {Array<boolean>}
+ */
+LayoutGrid.prototype._getTempRowHeights = function () {
+	return null;
+};
 
 /**
  * {@link ILayoutGrid#getRowHeight}
@@ -1369,6 +1385,11 @@ LayoutGrid.prototype.setRowHighlight = function (rowIndex) {
 			this._highlightedCells[c] = cell;
 			cell.addClass("highlighted-row");
 		}
+		var stretchEl = this.getStretchedCell(rowIndex); // check stretched cell
+		if(stretchEl) {
+			this._highlightedCells.push(stretchEl);
+			stretchEl.addClass("highlighted-row");
+		}
 	} else {
 		this._highlightedCells.length = 0;
 	}
@@ -1654,6 +1675,7 @@ LayoutGrid.prototype.insertColumn = function (index, opt_json) {
 				cell.addClass("selected-row");
 			}
 		}
+		// TODO: Check if it can insert column with stretch cell
 	}
 
 	column.activate(atTheMiddle || !this._colVir);
@@ -1885,6 +1907,10 @@ LayoutGrid.prototype.stretchCell = function (cellRef, rowIndex, opt_stretching,
 	} else {
 		cell = this._stretchedCells.unstretchCell(rowIndex);
 	}
+	if(cell) {
+		var selected = this._selectionList.getSelection(rowIndex);
+		cell.enableClass("selected-row", selected); // It's can enable class without get stretch cell again.
+	}
 	return cell;
 };
 
@@ -1967,6 +1993,19 @@ LayoutGrid.prototype._calculateViewSize = function (forceRecal) {
 	}
 	return stretchSize;
 };
+
+/**
+* @private
+* @param {number} rowIndex
+* @param {string} className
+* @param {boolean} enabled
+*/
+LayoutGrid.prototype._enableStretchCellClass = function (rowIndex, className, enabled ) {
+	var stretchEl = this.getStretchedCell(rowIndex); // check stretched cell
+	if(stretchEl) {
+		stretchEl.enableClass(className, enabled);
+	}
+};
 /** View size is width of container (Grid's pane) or content (LayoutGrid's columns), whichever is smaller.
 * @public
 * @ignore
@@ -2650,11 +2689,16 @@ LayoutGrid.prototype._updateCellSpans = function (cellSpans, adding) {
  */
 LayoutGrid.prototype._onMouseMove = function (e) {
 	var target = e["target"];
-	var colElement = Util.closestElement(target, "column");
-	var colIndex = this.getColumnIndex(colElement);
-	var cellElement = (colIndex >= 0) ? Util.closestElement(target, "cell") : null;
 
-	this.setRowHighlight(this.getCellIndex(colIndex, cellElement));
+	var cellElement = Util.closestElement(target, "cell");
+	var colIndex = this._stretchedCells.getColumnIndex(cellElement);
+	if(colIndex < 0) { // Not found colIndex in stretching cell, then get from normal row
+		var colElement = Util.closestElement(target, "column");
+		colIndex =	this.getColumnIndex(colElement);
+	}
+	var rowIndex = this.getCellIndex(colIndex, cellElement);
+
+	this.setRowHighlight(rowIndex);
 };
 
 /**
@@ -2685,27 +2729,16 @@ LayoutGrid.prototype._onMouseOut = function (e) {
  */
 LayoutGrid.prototype._updateSelectionUI = function (rowIndex) { // Update UI of the specified row index
 	var selected = this._selectionList.getSelection(rowIndex);
-
-	for (var c = 0; c < this._colCount; ++c) {
-		var cell = this._columns[c].getCell(rowIndex);
-
-		if (cell) {
-			cell.enableClass("selected-row", selected);
-		}
-	}
+	this._enableStretchCellClass(rowIndex, "selected-row", selected);
+	this.enableRowClass(rowIndex, "selected-row", selected);
 };
 
 /** @private
 * @param {number} rowIndex
 */
 LayoutGrid.prototype._addSelectionUI = function (rowIndex) {
-	for (var c = 0; c < this._colCount; ++c) {
-		var cell = this._columns[c].getCell(rowIndex);
-
-		if (cell) {
-			cell.addClass("selected-row");
-		}
-	}
+	this._enableStretchCellClass(rowIndex, "selected-row", true);
+	this.enableRowClass(rowIndex, "selected-row", true);
 };
 
 /**
@@ -2713,13 +2746,8 @@ LayoutGrid.prototype._addSelectionUI = function (rowIndex) {
  * @param {number} rowIndex
  */
 LayoutGrid.prototype._removeSelectionUI = function (rowIndex) {
-	for (var c = 0; c < this._colCount; ++c) {
-		var cell = this._columns[c].getCell(rowIndex);
-
-		if (cell) {
-			cell.removeClass("selected-row");
-		}
-	}
+	this._enableStretchCellClass(rowIndex, "selected-row", false);
+	this.enableRowClass(rowIndex, "selected-row", false);
 };
 
 /**

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

@@ -133,6 +133,14 @@ VirtualizedLayoutGrid.prototype._boundLayer = null;
 * @private
 */
 VirtualizedLayoutGrid.prototype._hscrollbar = null;
+/** @type {string}
+* @private
+*/
+VirtualizedLayoutGrid.prototype._session = "A";
+/** @type {Array<boolean>}
+* @private
+*/
+VirtualizedLayoutGrid.prototype._tempRowHeights = null;
 
 //#region ====== Override ElementWrapper ======//
 /** @override */
@@ -244,13 +252,68 @@ VirtualizedLayoutGrid.prototype._setColumnWidth = function (indexX, val) {
 VirtualizedLayoutGrid.prototype._updateColumnLayout = function () {
 	this._grid._updateColumnLayout();
 };
+/** @public
+ * @ignore
+ * @param {boolean} enabled
+ */
+VirtualizedLayoutGrid.prototype._startBindingSession = function (enabled) {
+	this._isBinding = enabled;
+	if(!enabled){
+		// Clear old session
+		if(this._tempRowHeights){
+			var defaultRowHeight = this.getDefaultRowHeight();
+			var hasSession = true;
+			var removedIndices = [];
+
+			for(var key in this._tempRowHeights){
+				var index = +key;
+				var rowSession = this._layoutY.getLaneProperty(index, "sizeSession");
+				if(rowSession) {
+					if(rowSession != this._session){
+						this.setRowHeight(index, defaultRowHeight);
+						this._layoutY.setLaneProperty(index, "sizeSession", null);
+						removedIndices.push(index);
+					}
+				}
+			}
+			var removedCount = removedIndices.length;
+			for(var i = 0; i < removedCount; i++){
+				delete this._tempRowHeights[removedIndices[i]];
+			}
+			if(removedCount){
+				for(var remainingKey in this._tempRowHeights){
+					hasSession = remainingKey != null;
+					break;
+				}
+			}
+			if(!hasSession){
+				this._tempRowHeights = null;
+			}
 
+		}
+		this._session = this._session === "A" ? "B" : "A";
+	}
+};
+/** @public
+ * @ignore
+ * @return {Array<boolean>}
+ */
+VirtualizedLayoutGrid.prototype._getTempRowHeights = function () {
+	return this._tempRowHeights;
+};
 /** @inheritDoc */
 VirtualizedLayoutGrid.prototype.getRowHeight = function (index) {
 	return this._layoutY.getLaneSize(index);
 };
 /** @inheritDoc */
 VirtualizedLayoutGrid.prototype.setRowHeight = function (index, val) {
+	if(this._isBinding && val != this.getDefaultRowHeight()){
+		this._layoutY.setLaneProperty(index, "sizeSession", this._session);
+		if(!this._tempRowHeights){
+			this._tempRowHeights = [];
+		}
+		this._tempRowHeights[index] = true; // Store row index that set temporary row height
+	}
 	if(this._layoutY.setLaneSize(index, val)) {
 		this._grid.setRowHeight(index - this._firstIndex, val);
 		this._element.style.height = this._layoutY.getTrackSize() + "px";
@@ -404,6 +467,9 @@ VirtualizedLayoutGrid.prototype.setRowCount = function (val, noBinding) {
 	var prevCount = this._layoutY.getLaneCount();
 	if(prevCount !== val){
 		this._layoutY.setLaneCount(val);
+		if(this._tempRowHeights){
+			this._tempRowHeights.length = val;
+		}
 		this._element.style.height = this._layoutY.getTrackSize() + "px";
 		this._requestUpdatingRowBounds();
 		//After rowCountChanged fires, virtualizer will update virtual row count if

package/lib/core/es6/grid/components/Cell.d.ts

@@ -10,11 +10,11 @@ declare class Cell extends ElementWrapper {
 
     public setTextContent(str: string): void;
 
-    public getTextElement(): Element;
+    public getTextElement(): Element|null;
 
     public hasElement(): boolean;
 
-    public getSection(): ILayoutGrid;
+    public getSection(): ILayoutGrid|null;
 
     public initialize(): Element;
 
@@ -34,11 +34,11 @@ declare class Cell extends ElementWrapper {
 
     public insertFloatingIcon(elem: Element, opt_order?: number): void;
 
-    public removeFloatingIcon(elemRef: Element|string): Element|null;
+    public removeFloatingIcon(elemRef: Element|string): Element|null|null;
 
     public insertFrontIcon(elem: Element, opt_order?: number): void;
 
-    public removeFrontIcon(elemRef: Element|string): Element|null;
+    public removeFrontIcon(elemRef: Element|string): Element|null|null;
 
     public updatePadding(): void;
 

package/lib/core/es6/grid/components/CellFloatingPanel.d.ts

@@ -9,7 +9,7 @@ declare class CellFloatingPanel extends ElementWrapper {
 
     public insertItem(item: Element, opt_order?: number): void;
 
-    public removeItem(elemRef?: (Element|string)): Element|null;
+    public removeItem(elemRef?: (Element|string)): Element|null|null;
 
     public clearItems(): void;
 

package/lib/core/es6/grid/components/CellSpans.d.ts

@@ -8,19 +8,19 @@ declare class CellSpans {
 
     public shiftColumn(from: number, amount: number): boolean;
 
-    public removeSpan(indexX: number, indexY: number): CellSpan;
+    public removeSpan(indexX: number, indexY: number): CellSpan|null;
 
-    public removeSpanByColIndex(at: number, opt_ary?: (CellSpan)[]): (CellSpan)[];
+    public removeSpanByColIndex(at: number, opt_ary?: (CellSpan)[]): (CellSpan)[]|null;
 
-    public removeSpanStartedFromRowIndex(at: number, opt_ary?: (CellSpan)[]): (CellSpan)[];
+    public removeSpanStartedFromRowIndex(at: number, opt_ary?: (CellSpan)[]): (CellSpan)[]|null;
 
-    public clearAllSpans(): (CellSpan)[];
+    public clearAllSpans(): (CellSpan)[]|null;
 
     public hasSpan(): boolean;
 
-    public getSpan(indexX: number, indexY: number): CellSpan|null;
+    public getSpan(indexX: number, indexY: number): CellSpan|null|null;
 
-    public getOccupyingSpan(indexX: number, indexY: number): CellSpan|null;
+    public getOccupyingSpan(indexX: number, indexY: number): CellSpan|null|null;
 
     public getAllSpans(): (CellSpan)[];
 
@@ -28,9 +28,9 @@ declare class CellSpans {
 
     public getRowSpan(indexX: number, indexY: number): number;
 
-    public setColSpan(indexX: number, indexY: number, spanVal: number): CellSpan;
+    public setColSpan(indexX: number, indexY: number, spanVal: number): CellSpan|null;
 
-    public setRowSpan(indexX: number, indexY: number, spanVal: number): CellSpan;
+    public setRowSpan(indexX: number, indexY: number, spanVal: number): CellSpan|null;
 
 }
 

package/lib/core/es6/grid/components/Column.d.ts

@@ -14,7 +14,7 @@ declare class Column extends ElementWrapper {
 
     public isActive(): boolean;
 
-    public getSection(): ILayoutGrid;
+    public getSection(): ILayoutGrid|null;
 
 }
 

package/lib/core/es6/grid/components/ElementWrapper.d.ts

@@ -7,11 +7,11 @@ declare class ElementWrapper extends EventDispatcher {
 
     constructor(opt_element?: Element);
 
-    public getContent(opt_allContent?: boolean): Element|Node|NodeList;
+    public getContent(opt_allContent?: boolean): Element|Node|NodeList|null;
 
-    public setContent(content: string|Element|ElementWrapper|any, opt_tooltip?: string): Element;
+    public setContent(content: string|Element|ElementWrapper|any, opt_tooltip?: string): Element|null;
 
-    public addContent(content: Element|Node|ElementWrapper): Element;
+    public addContent(content: Element|Node|ElementWrapper): Element|null;
 
     public removeContent(content: Element|Node|ElementWrapper): boolean;
 
@@ -23,11 +23,11 @@ declare class ElementWrapper extends EventDispatcher {
 
     public dispose(): void;
 
-    public getElement(): Element;
+    public getElement(): Element|null;
 
-    public getNextSibling(): Element|Node;
+    public getNextSibling(): Element|Node|null;
 
-    public getParent(): Element|Node;
+    public getParent(): Element|Node|null;
 
     public setParent(parent: ElementWrapper|Element|Node, opt_prepend?: boolean): void;
 

package/lib/core/es6/grid/components/Scrollbar.d.ts

@@ -49,7 +49,7 @@ declare class Scrollbar extends ElementWrapper {
 
     public setMouseWheelSpeed(val: string): void;
 
-    public getDefaultMouseWheelLogic(): ((...params: any[]) => any);
+    public getDefaultMouseWheelLogic(): ((...params: any[]) => any)|null;
 
     public setScrollingStep(px: number): void;
 

package/lib/core/es6/grid/components/StretchedCells.js

@@ -160,10 +160,10 @@ StretchedCells.prototype.getColumnIndex = function (cellRef) {
 		if(cellRef["getElement"]) {
 			var cellElement = cellRef["getElement"]();
 			if(cellElement) {
-				return cellElement._colIndex || 0;
+				return cellElement._colIndex != null ? cellElement._colIndex : -1;
 			}
 		} else {
-			return cellRef._colIndex || 0;
+			return cellRef._colIndex != null ? cellRef._colIndex : -1;
 		}
 	}
 	return -1;

package/lib/core/es6/grid/plugins/SortableTitlePlugin.d.ts

@@ -1,5 +1,5 @@
 import Ext from "../../../../tr-grid-util/es6/Ext.js";
-import Plugin from "./Plugin.js";
+import EventDispatcher from "../event/EventDispatcher.js";
 import Core from "../Core.js";
 import ILayoutGrid from "../ILayoutGrid.js";
 import ElementWrapper from "../components/ElementWrapper.js";
@@ -45,10 +45,16 @@ declare namespace SortableTitlePlugin {
 
 }
 
-declare class SortableTitlePlugin extends Plugin {
+declare class SortableTitlePlugin extends EventDispatcher {
 
     constructor(options?: SortableTitlePlugin.Options);
 
+    public getName(): string;
+
+    public initialize(host: Core, options?: any): void;
+
+    public unload(host: Core): void;
+
     public afterInit(): void;
 
     public config(options?: any): void;
@@ -57,7 +63,7 @@ declare class SortableTitlePlugin extends Plugin {
 
     public getColumnMenu(colIndex: number, config: any): any;
 
-    public getIcons(): { [key: string]:  string };
+    public getIcons(): { [key: string]:  string }|null;
 
     public setSortLogics(sortLogic: { [key: string]:  ((...params: any[]) => any) }): void;
 
@@ -71,9 +77,11 @@ declare class SortableTitlePlugin extends Plugin {
 
     public isColumnSorted(colIndex: number): boolean;
 
-    public getSortedColumns(): (any)[] | null;
+    public getSortedColumns(): (any)[]|null;
+
+    public isSorting(): boolean;
 
-    public sortColumn(colIndex: number, sortOrder?: string, opt_arg?: any): void;
+    public sortColumn(colRef: number|string, sortOrder?: string, opt_arg?: any): void;
 
     public sortColumns(sortOptions: (SortableTitlePlugin.InitialSort)[], opt_arg?: any): void;
 
@@ -85,7 +93,7 @@ declare class SortableTitlePlugin extends Plugin {
 
     public setSortableColumnCount(count: number): void;
 
-    public getSortingStates(): (any)[];
+    public getSortingStates(): (any)[]|null;
 
     public updateSortSymbols(): void;