@refinitiv-ui/efx-grid 6.0.108 → 6.0.110

package/lib/core/dist/core.js

@@ -25217,7 +25217,6 @@ let Core_Core = function (opt_initializer) {
 	_t._onRowHightlighted = _t._onRowHightlighted.bind(_t);
 	_t._onGridClicked = _t._onGridClicked.bind(_t);
 	_t._onKeyDown = _t._onKeyDown.bind(_t);
-	_t._onKeyUp = _t._onKeyUp.bind(_t);
 
 	_t._onWindowResize = _t._onWindowResize.bind(_t);
 	_t._onSectionDataChanged = _t._onSectionDataChanged.bind(_t);
@@ -25305,7 +25304,6 @@ let Core_Core = function (opt_initializer) {
 
 
 	_t._element.addEventListener("keydown", _t._onKeyDown);
-	_t._element.addEventListener("keyup", _t._onKeyUp);
 	if (util.isMobile || util.isTouchDevice) {
 		_t._element.addEventListener("touchmove", _t._onMouseMove, false);
 	} else {
@@ -25712,7 +25710,7 @@ Core_Core.prototype._hasPendingRowChange = false;
 * @return {string}
 */
 Core_Core.getVersion = function () {
-	return "5.1.110";
+	return "5.1.113";
 };
 /** {@link ElementWrapper#dispose}
 * @override
@@ -25855,6 +25853,9 @@ Core_Core.prototype.getConfigObject = function (gridOptions) {
 		if (columnDef["rightPinned"]) {
 			column["rightPinned"] = columnDef["rightPinned"];
 		}
+		if (columnDef["backgroundColor"]) {
+			column["backgroundColor"] = columnDef["backgroundColor"];
+		}
 	}
 
 	// It will be overwrite in rt-grid or atlas-blotter
@@ -27143,6 +27144,10 @@ Core_Core.prototype._deserializeColumn = function (index, jsonObj) {
 	if (value != null) {
 		colDef["rightPinned"] = value ? true : false;
 	}
+	value = jsonObj["backgroundColor"];
+	if (value != null) {
+		this.setColumnBackgroundColor(index, value);
+	}
 
 	this.setColumnRenderingHandler(index, jsonObj["renderingHandler"]);
 	this.setColumnDataBindingHandler(index, jsonObj["dataBindingHandler"]);
@@ -27402,6 +27407,56 @@ Core_Core.prototype.setColumnStyle = function (colIndex, style, value, opt_type)
 	}
 };
 
+/** @public
+* @param {number} colIndex
+* @return {string}
+*/
+Core_Core.prototype.getColumnBackgroundColor = function(colIndex) {
+	let colDef = this._getColumnDef(colIndex);
+	return colDef["backgroundColor"] || "";
+};
+/** @public
+* @param {number} colIndex
+* @param {string=} color
+*/
+Core_Core.prototype.setColumnBackgroundColor = function(colIndex, color) {
+	if(colIndex == null || typeof colIndex !== "number") {
+		return;
+	}
+
+	let colDef = this._getColumnDef(colIndex);
+	if(colDef["backgroundColor"] === color) {
+		return;
+	}
+
+	colDef["backgroundColor"] = color;
+	color = color != null ? color : "";
+
+	let sectionCount = this._settings.length;
+	for(let i = 0; i < sectionCount; ++i) {
+		let settings = this._settings[i];
+		let section = settings.getSection();
+		if(!section) {
+			continue;
+		}
+
+		if(settings.getType() !== "content") {
+			let rowCount = section.getRowCount();
+			for(let r = 0; r < rowCount; r++) {
+				let cellSpan = section.getCellColSpan(colIndex, r);
+				if(cellSpan > 1) { continue; }
+				let cell = section.getCell(colIndex, r);
+				if(cell) {
+					cell.setStyle("backgroundColor", color);
+				}
+			}
+		} else {
+			let column = section.getColumn(colIndex);
+			column.setStyle("backgroundColor", color);
+		}
+	}
+};
+
 /** @public
 * @param {number} colIndex
 * @param {string} clsName
@@ -30061,6 +30116,9 @@ Core_Core.prototype._dispatchRowExpansionBinding = function (e) {
 		}
 
 		let ctxRow = section.getContextRow(r);
+		if(!ctxRow) {
+			continue; // The row may have been pushed out of view due to row count or height changed during the binding
+		}
 		let parentId = dataView.getExpansionParentByRowId(rowId);
 		if(parentId) { // dispatch to render row expansion
 			e["originalRowData"] = dataView.getRowData(parentId);
@@ -30553,31 +30611,9 @@ Core_Core.prototype._onKeyDown = function (e) {
 
 	if(onTheEdge && !e.defaultPrevented) {
 		if(onTheEdge > 0 && e.shiftKey) {
-			this._firstHiddenInput.focus(); // jump to the top
-			e.preventDefault();
+			this._firstHiddenInput.focus(); // jump to the top and move out of grid
 		} else if(onTheEdge < 0 && !e.shiftKey) {
-			this._lastHiddenInput.focus(); // skip to the end
-			e.preventDefault();
-		}
-	}
-};
-/** @private
-* @param {Object} e
-*/
-Core_Core.prototype._onKeyUp = function (e) {
-	if(!_isTabCommand(e)) {
-		return;
-	}
-	var activeElem = _getActiveElement(this._element);
-	if(e.shiftKey) {
-		if(activeElem === this._lastHiddenInput) {
-			this._firstHiddenInput.focus();
-			e.preventDefault();
-		}
-	} else {
-		if(activeElem === this._firstHiddenInput) {
-			this._lastHiddenInput.focus();
-			e.preventDefault();
+			this._lastHiddenInput.focus(); // skip to the end and move out of grid
 		}
 	}
 };