@refinitiv-ui/efx-grid 6.0.100 → 6.0.102

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

@@ -44,7 +44,7 @@ declare namespace ColumnDefinition {
         leftPinned?: boolean|null,
         rightPinned?: boolean|null,
         info?: any,
-        focusable: boolean
+        focusable?: boolean|null
     };
 
 }

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

@@ -50,7 +50,7 @@ import Engine from "../../tr-grid-util/es6/formula/Engine.js";
 * @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 For storing any additional information to the column
-* @property {boolean} focusable=false If enabled, the column will be used to find focusable element when pressing tab key
+* @property {boolean=} focusable=false If enabled, the column will be used to find focusable element when pressing tab key
 */
 
 /** mapping of field type to javascript type

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

@@ -1130,6 +1130,11 @@ RowDefinition.prototype._toRealTimeRow = function() {
 	this._parent = null;
 	this._depthLevel = 0;
 
+	// Add static value to the new allocated row
+	if(this._staticValues) {
+		this.setRowData(this._staticValues);
+	}
+
 	this.subscribeForUpdates();
 };
 
@@ -1148,8 +1153,12 @@ RowDefinition.prototype.unlinkChain = function() {
 		}
 	}
 
+	let staticData = this._getStaticRowData();
 	this.unsubscribeForUpdates();
 
+	// Restore static data
+	this.setStaticRowData(staticData);
+
 	let view = this._view;
 	if(view) {
 		let rid = this.getRowId();

package/lib/tr-grid-cell-selection/es6/CellSelection.js

@@ -474,8 +474,11 @@ CellSelectionPlugin.prototype._onMouseMove = function (e) {
   }
   var activeGrid = this._getActiveGrid();
   var newMouse = activeGrid.getRelativePosition(e);
-  if (newMouse.sectionIndex === 0) {
-    // prevent first row (header) selection
+
+  // Avoid cross section selection but scrolling is still working
+  if (this._anchor["sectionType"] === "title" && newMouse["sectionType"] !== "title") {
+    return;
+  } else if (this._anchor["sectionType"] === "content" && newMouse["sectionType"] === "title") {
     return;
   }
   if (!newMouse['hit']) {
@@ -1158,17 +1161,24 @@ CellSelectionPlugin.prototype._updateSelection = function (tgtRect) {
     var x = this._curRect.left;
     var y = this._curRect.top;
     var mapInfo = this._map[y];
-    var contentType = mapInfo ? mapInfo.type === "content" : false;
     var w = 0;
     var h = 0;
-    if (contentType) {
+    if (mapInfo) {
       w = this._curRect.right - x;
       h = this._curRect.bottom - y;
       y -= mapInfo.rowOffset;
-    }
-    var contentSect = activeGrid.getSection("content");
-    if (contentSect) {
-      contentSect.setCellBounds(x, y, w, h);
+      var contentType = mapInfo.type;
+      if (contentType === "content") {
+        var contentSect = activeGrid.getSection("content");
+        if (contentSect) {
+          contentSect.setCellBounds(x, y, w, h);
+        }
+      } else {
+        var titleSect = activeGrid.getSection("title");
+        if (titleSect) {
+          titleSect.setCellBounds(x, y, w, h);
+        }
+      }
     }
   }
 };
@@ -1359,6 +1369,10 @@ CellSelectionPlugin.prototype.deselectAll = function () {
     if (contentSect) {
       contentSect.setCellBounds(0, 0, 0, 0);
     }
+    var titleSect = activeGrid.getSection("title");
+    if (titleSect) {
+      titleSect.setCellBounds(0, 0, 0, 0);
+    }
   }
   this._lastSelection = this.getSelectionBounds();
   this._anchor = null;

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

@@ -884,10 +884,13 @@ InCellEditingPlugin.prototype.unload = function (host) {
 			clearTimeout(this._editorTimerId);
 		}
 		window.removeEventListener("scroll", this._onScroll);
+		if(this._starterTextPopup) {
+			this._starterTextPopup.dispose();
+		}
 	}
-
-	if(this._starterTextPopup) {
-		this._starterTextPopup.dispose();
+	if(this.isEditing()) {
+		this.closeRowEditor(false);
+		this.closeCellEditor(false);
 	}
 	this._dispose();
 };

package/lib/tr-grid-row-filtering/es6/RowFiltering.js

@@ -136,6 +136,42 @@ let _arrayConcat = function(ary, val) {
 	}
 	return ary;
 };
+
+/** @type {Object}
+* @private
+* @const
+*/
+const BlankValues = {
+	"": true,
+	"null": true,
+	"undefined": true,
+	"NaN": true
+};
+/** @private
+* @function
+* @param {Array} ary
+* @param {string} str
+* @returns {boolean} Returns true if there is any change
+*/
+let _pushRawValue = function(ary, str) {
+	if(str) {
+		if(!BlankValues[str]) {
+			let dateObj = stringToDateObject(str);
+			if(dateObj !== str) {
+				ary.push(dateObj);
+			} else {
+				try {
+					ary.push(JSON.parse(str));
+				} catch (err) {
+					ary.push(str);
+				}
+			}
+			return true;
+		}
+	}
+	return false;
+};
+
 /** @private
 * @function
 * @param {Object} obj
@@ -670,8 +706,8 @@ RowFilteringPlugin.prototype._parseFilter = function(exp, colIndex, ctx) {
 			rawDataAccessor = ctx.rawDataAccessor || null;
 			formattedDataAccessor = ctx.formattedDataAccessor || null;
 		}
-		if(!Array.isArray(exp)) {
-			if(exp[BLANKS] || (ctx && ctx.blankValues)) {
+		if(!Array.isArray(exp)) { // If exp is an object
+			if(exp[BLANKS] || (ctx && ctx.blankValues)) { // it contains BLANKS key or context object has blank option
 				exp[""] = exp["null"] = exp["undefined"] = exp["NaN"] = true;
 				delete exp[BLANKS];
 			}
@@ -1485,7 +1521,7 @@ let _valueToString = function(formattedVal, rawVal) {
 		} else if(formattedVal instanceof Date) {
 			return formattedVal.toLocaleString("en-GB");
 		} else { // Object type cannot be converted to string
-			return"";
+			return "";
 		}
 	} else if(formattedVal === 0) {
 		return "0";
@@ -1650,23 +1686,34 @@ RowFilteringPlugin._formatArrayExpression = function(exp, field, formatter) {
 			ary.rawValue = val;
 			ary.formattedValue = formattedVal;
 		}
-		if(field && formatter && typeof val !== "string") {
-			if(val != null) {
+		if(typeof val !== "string" && val != null) {
+			if(field && formatter) {
 				let dummyRow = {};
 				dummyRow[field] = val;
 				formattedVal = formatter(dummyRow);
-				if(formattedVal) {
-					ary.rawValue = val;
-					ary.formattedValue = formattedVal;
-					val = formattedVal;
-				}
+			} else {
+				formattedVal = _valueToString(val, val);
+			}
+			if(formattedVal) {
+				ary.rawValue = val;
+				ary.formattedValue = formattedVal;
+			} else {
+				formattedVal = val;
 			}
 		}
-		ary[1] = val;
+		ary[1] = formattedVal;
 		return ary;
 	}
 	return null;
 };
+/** For mocking dialog instance
+* @public
+* @ignore
+* @param {*} dialog
+*/
+RowFilteringPlugin.prototype.setDialog = function(dialog) {
+	this._filterDialog = dialog;
+};
 /** @public
 * @param {number} colIndex
 * @param {RowFilteringPlugin~FilterDialogOptions=} runtimeDialogOptions
@@ -1802,22 +1849,36 @@ RowFilteringPlugin.prototype.openDialog = function(colIndex, runtimeDialogOption
 	let filterFuncs = null;
 	let exp = colSettings.expression;
 	if(exp) {
+		let userInputs = [];
+		if(cfo._filters && cfo._filters.length) {
+			filterFuncs = cfo._filters;
+		}
 		if(Array.isArray(exp)) {
 			if(exp.length) {
 				condition2D = Array.isArray(exp[0]) ? exp.slice() : [exp]; // Guaranteed condition2D to be a 2D array
-				condition2D[0] = RowFilteringPlugin._formatArrayExpression(condition2D[0], field, formatter);
-				condition2D[1] = RowFilteringPlugin._formatArrayExpression(condition2D[1], field, formatter);
+				let conditionAry = null;
+				conditionAry = RowFilteringPlugin._formatArrayExpression(condition2D[0], field, formatter);
+				condition2D[0] = conditionAry;
+				if(conditionAry) {
+					_pushRawValue(userInputs, conditionAry.rawValue != null ? conditionAry.rawValue : conditionAry[1]);
+				}
+
+				conditionAry = RowFilteringPlugin._formatArrayExpression(condition2D[1], field, formatter);
+				condition2D[1] = conditionAry;
+				if(conditionAry) {
+					_pushRawValue(userInputs, conditionAry.rawValue != null ? conditionAry.rawValue : conditionAry[1]);
+				}
+
 				filterMode = "advanced";
 			}
 		} else if(typeof exp === "function" || typeof exp === "string" || typeof exp === "object") {
-			if(cfo._filters && cfo._filters.length) {
-				filterFuncs = cfo._filters;
-			}
 			if(typeof exp === "object") {
-				exp = _handledBlankProperties(exp);
-				dialogConfig.additionalItems = _arrayConcat(dialogConfig.additionalItems, Object.keys(exp));
+				for(let expKey in exp) {
+					_pushRawValue(userInputs, expKey);
+				}
 			}
 		}
+		dialogConfig.additionalItems = _arrayConcat(dialogConfig.additionalItems, userInputs);
 	}
 
 	let selectedItems = {};

package/lib/types/es6/Core/grid/Core.d.ts

@@ -327,6 +327,8 @@ declare class Core extends ElementWrapper {
 
     public scrollToRow(sectionRef: Core.SectionReference|null, rowIndex: number, topOfView?: boolean|null): void;
 
+    public getVerticalViewInfo(): any;
+
     public getVScrollView(): any;
 
     public getScrollTop(): number;

package/lib/types/es6/Core/grid/LayoutGrid.d.ts

@@ -11,6 +11,7 @@ import SelectionList from "./util/SelectionList.js";
 import ILayoutGrid from "./ILayoutGrid.js";
 import ElementWrapper from "./components/ElementWrapper.js";
 import HScrollbar from "./components/HScrollbar.js";
+import CellBoundPainter from "./util/CellBoundPainter.js";
 
 declare class LayoutGrid extends ElementWrapper {
 

package/lib/types/es6/Core/grid/VirtualizedLayoutGrid.d.ts

@@ -6,6 +6,7 @@ import ILayoutGrid from "./ILayoutGrid.js";
 import LayoutGrid from "./LayoutGrid.js";
 import ElementWrapper from "./components/ElementWrapper.js";
 import HScrollbar from "./components/HScrollbar.js";
+import CellBoundPainter from "./util/CellBoundPainter.js";
 
 declare class VirtualizedLayoutGrid extends ElementWrapper {
 

package/lib/types/es6/Core/grid/util/CellBoundPainter.d.ts

@@ -0,0 +1,16 @@
+
+
+declare class CellBoundPainter {
+
+    constructor(ctx: any);
+
+    public dispose(): void;
+
+    public setCellBounds(colIndex: number, rowIndex: number, width: number, height: number, colCount: number): void;
+
+    public updateCellBounds(): void;
+
+}
+
+export default CellBoundPainter;
+export { CellBoundPainter };

package/lib/types/es6/RealtimeGrid/ColumnDefinition.d.ts

@@ -45,7 +45,8 @@ declare namespace ColumnDefinition {
         stationary?: boolean|null,
         leftPinned?: boolean|null,
         rightPinned?: boolean|null,
-        info?: any
+        info?: any,
+        focusable?: boolean|null
     };
 
 }
@@ -160,6 +161,8 @@ declare class ColumnDefinition {
 
     public getColumnInfo(): any;
 
+    public isFocusable(): boolean;
+
 }
 
 declare const COL_DEF: string;

package/lib/versions.json

@@ -6,7 +6,7 @@
 	"@grid/statistics-row": "1.0.17",
 	"@grid/zoom": "1.0.11",
 	"tr-grid-auto-tooltip": "1.1.6",
-	"tr-grid-cell-selection": "1.0.37",
+	"tr-grid-cell-selection": "1.0.38",
 	"tr-grid-checkbox": "1.0.67",
 	"tr-grid-column-fitter": "1.0.40",
 	"tr-grid-column-formatting": "0.9.36",
@@ -19,12 +19,12 @@
 	"tr-grid-contextmenu": "1.0.41",
 	"tr-grid-filter-input": "0.9.39",
 	"tr-grid-heat-map": "1.0.29",
-	"tr-grid-in-cell-editing": "1.0.85",
+	"tr-grid-in-cell-editing": "1.0.86",
 	"tr-grid-pagination": "1.0.24",
 	"tr-grid-percent-bar": "1.0.24",
 	"tr-grid-range-bar": "2.0.8",
 	"tr-grid-row-dragging": "1.0.35",
-	"tr-grid-row-filtering": "1.0.74",
+	"tr-grid-row-filtering": "1.0.76",
 	"tr-grid-row-grouping": "1.0.87",
 	"tr-grid-row-selection": "1.0.30",
 	"tr-grid-rowcoloring": "1.0.25",

package/package.json

@@ -66,5 +66,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "6.0.100"
+	"version": "6.0.102"
 }