@refinitiv-ui/efx-grid 6.0.41 → 6.0.43

package/lib/formatters/es6/SimpleInputFormatter.d.ts

@@ -4,7 +4,7 @@ declare class SimpleInputFormatter {
 
     constructor(options?: any);
 
-    public static create(options?: (FormatterBuilder.Options|any)): any;
+    public static create(options?: (FormatterBuilder.Options|any)|null): any;
 
 }
 

package/lib/formatters/es6/SimpleLinkFormatter.d.ts

@@ -3,8 +3,8 @@ import FormatterBuilder from "./FormatterBuilder.js";
 declare namespace SimpleLinkFormatter {
 
     type Options = {
-        label?: string,
-        urlField?: string
+        label?: string|null,
+        urlField?: string|null
     };
 
 }
@@ -13,7 +13,7 @@ declare class SimpleLinkFormatter {
 
     constructor(options?: any);
 
-    public static create(options?: (FormatterBuilder.Options|SimpleLinkFormatter.Options|any)): any;
+    public static create(options?: (FormatterBuilder.Options|SimpleLinkFormatter.Options|any)|null): any;
 
 }
 

package/lib/formatters/es6/SimpleTickerFormatter.d.ts

@@ -5,8 +5,8 @@ import ElfUtil from "../../tr-grid-util/es6/ElfUtil.js";
 declare namespace SimpleTickerFormatter {
 
     type Options = {
-        positiveColor?: string,
-        negativeColor?: string
+        positiveColor?: string|null,
+        negativeColor?: string|null
     };
 
 }
@@ -15,7 +15,7 @@ declare class SimpleTickerFormatter {
 
     constructor(options?: any);
 
-    public static create(options?: (FormatterBuilder.Options|SimpleTickerFormatter.Options|any)): any;
+    public static create(options?: (FormatterBuilder.Options|SimpleTickerFormatter.Options|any)|null): any;
 
 }
 

package/lib/formatters/es6/SimpleToggleFormatter.d.ts

@@ -4,8 +4,8 @@ import ElfUtil from "../../tr-grid-util/es6/ElfUtil.js";
 declare namespace SimpleToggleFormatter {
 
     type Options = {
-        element1?: (string|Element),
-        element2?: (string|Element)
+        element1?: (string|Element)|null,
+        element2?: (string|Element)|null
     };
 
 }
@@ -14,7 +14,7 @@ declare class SimpleToggleFormatter {
 
     constructor(options?: any);
 
-    public static create(options?: (FormatterBuilder.Options|SimpleToggleFormatter.Options|any)): any;
+    public static create(options?: (FormatterBuilder.Options|SimpleToggleFormatter.Options|any)|null): any;
 
 }
 

package/lib/formatters/es6/TextFormatter.d.ts

@@ -4,7 +4,7 @@ declare class TextFormatter {
 
     constructor(options?: any);
 
-    public static create(options?: (FormatterBuilder.Options|any)): any;
+    public static create(options?: (FormatterBuilder.Options|any)|null): any;
 
 }
 

package/lib/grid/index.js

@@ -1,3 +1,3 @@
 import {Grid} from "./lib/efx-grid.js";
 export {Grid}
-window.EFX_GRID = { version: "6.0.41" };
+window.EFX_GRID = { version: "6.0.43" };

package/lib/rt-grid/dist/rt-grid.js

@@ -4189,9 +4189,9 @@ DateTime.toDateObject = function(dateInput) {
 */
 DateTime.toDateNumber = function(dateObj) {
 	return DateTime._millisecondToDateNumber(Date.UTC(
-		dateObj.getFullYear(),
-		dateObj.getMonth(),
-		dateObj.getDate()
+		dateObj.getUTCFullYear(),
+		dateObj.getUTCMonth(),
+		dateObj.getUTCDate()
 	));
 };
 /** Convert the JavaScript date object to the time number in a range between 0 and 1. WARNING: This discards date and millisecond from the given date object.
@@ -7753,23 +7753,46 @@ Engine._proto = Engine.prototype;
 * @namespace
 */
 var util_Util = {};
+
+// TODO: move to tr-grid-util
+
 /** @const
 * @type {boolean}
 */
-util_Util.isIE = util_Util.isIE || (function () {
+util_Util.isIE = (function () {
 	var ua = window.navigator.userAgent;
 	return (ua.indexOf('MSIE ') > 0) || (ua.indexOf('Trident/') > 0) || (ua.indexOf('Edge/') > 0);
 }());
 /** @const
 * @type {boolean}
 */
-util_Util.isTouchDevice = util_Util.isTouchDevice || (function () {
+util_Util.isTouchDevice = (function () {
 	if ((navigator["maxTouchPoints"] && navigator["maxTouchPoints"] < 256) ||
 		(navigator["msMaxTouchPoints"] && navigator["msMaxTouchPoints"] < 256)) {
 		return true;
 	}
 	return false;
 }());
+/** @const
+* @type {boolean}
+*/
+util_Util.isSafari = (function () {
+	var rejectedExpression = /Chrome|Android|CriOS|FxiOS|EdgiOS/i;
+	var safariExpression = /Safari/i;
+	var agent = navigator.userAgent;
+	if (rejectedExpression.test(agent)) {
+		return false;
+	}
+	return safariExpression.test(agent);
+}());
+
+/** @public
+ * @type {boolean}
+ */
+util_Util.isMobile = (function () {
+	return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+}());
+
 /** Retrieve an element from Novakit control or any object that has "getElement" method.
 * @public
 * @ignore
@@ -8115,13 +8138,6 @@ util_Util._preventDefault = function (e) {
 	e.stopPropagation();
 };
 
-/** @public
- * @type {boolean}
- */
-util_Util.isMobile = util_Util.isMobile || (function () {
-	return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-}());
-
 /* harmony default export */ var util = (util_Util);
 
 
@@ -35410,6 +35426,7 @@ var Core = function (opt_initializer) {
 
 	_t._onMouseMove = _t._onMouseMove.bind(_t);
 	_t._onRowHightlighted = _t._onRowHightlighted.bind(_t);
+	_t._onGridClicked = _t._onGridClicked.bind(_t);
 
 	_t._onWindowResize = _t._onWindowResize.bind(_t);
 	_t._onSectionDataChanged = _t._onSectionDataChanged.bind(_t);
@@ -35495,11 +35512,16 @@ var Core = function (opt_initializer) {
 	_t._hscrollbar.setOtherScrollbar(_t._vscrollbar);
 	_t._vscrollbar.setOtherScrollbar(_t._hscrollbar);
 
-	if (util.isMobile) {
+	if (util.isMobile || util.isTouchDevice) {
 		_t._element.addEventListener("touchmove", this._onMouseMove, false);
 	} else {
 		_t._element.addEventListener("mousemove", this._onMouseMove, false);
 	}
+
+	if(util.isSafari){
+		_t._element.addEventListener("click", this._onGridClicked);
+	}
+
 	window.addEventListener("resize", _t._onWindowResize, false); // Should be unlistened after destroyed
 	_t._rowVirtualizer.listen("indexChanged", _t._onRowInViewChanged);
 	_t._colVirtualizer.listen("indexChanged", _t._onColInViewChanged);
@@ -35884,7 +35906,7 @@ Core.prototype._batches = null;
 * @return {string}
 */
 Core.getVersion = function () {
-	return "5.1.59";
+	return "5.1.63";
 };
 /** {@link ElementWrapper#dispose}
 * @override
@@ -39739,6 +39761,53 @@ Core.prototype.getColumnGroupChildIds = function (groupId) {
 	return null;
 };
 
+/** @public
+* @description Get a list of objects with column id and column index in sorted order
+* @param {Array.<string>} colIds
+* @param {Object=} columnMap
+* @return {!Array.<string>} Return column array with corresponding order to UI
+* @example
+* core.getValidColumnList(["c1","c2","c5"]); // Get list of valid columns
+* core.getValidColumnList(["c1","c2","c5"],{ "c2":true, "c5":true }); // Get list of valid columns from specific mapping
+*/
+Core.prototype.getValidColumnList = function (colIds, columnMap) {
+	var colList = [];
+	if(!colIds){
+		return colList;
+	}
+	if(!columnMap){
+		columnMap = this.createColumnMap(colIds);
+	}
+	var colCount = this.getColumnCount();
+	for(var c = 0; c < colCount; ++c) {
+		var id = this._getColumnDef(c)["id"];
+		if(columnMap[id] != null){
+			colList.push({"index": c, "id": id});
+		}
+	}
+	return colList;
+};
+
+/** @public
+* @description Create mapping object from an array of strings
+* @param {Array.<string>=} colIds
+* @return {!Object} Column mapping object
+*/
+Core.prototype.createColumnMap = function (colIds) {
+	if(!colIds){
+		colIds = this.getColumnIds();
+	}
+	var mappingObj = {};
+	var count = colIds.length;
+	for(var i = 0; i < count; i++){
+		var colId = colIds[i];
+		if(colId){
+			mappingObj[colId] = true;
+		}
+	}
+	return mappingObj;
+};
+
 /** @public
 * @param {string} batchType
 * @return {boolean}
@@ -40578,6 +40647,18 @@ Core.prototype._onMouseMove = function () {
 	this._vscrollbar.flash();
 	this._hscrollbar.flash();
 };
+/** @private */
+Core.prototype._onGridClicked = function () {
+	// research for dragging
+	var selection = window.getSelection();
+	if(selection.toString()){
+		return;
+	}
+	var activeElem = document.activeElement;
+	if(!this._element.contains(activeElem)){
+		this.focus();
+	}
+};
 
 /** @private
 * @param {Object} e
@@ -42057,8 +42138,9 @@ es6_Ext.inherits(SortableTitlePlugin, event_EventDispatcher);
 
 /** The sorting object which will be used for initialSort config.
  * @typedef {Object} SortableTitlePlugin~InitialSort
- * @property {number} colIndex Index of the column
- * @property {string} field field of the column
+ * @property {number=} colIndex Index of the column
+ * @property {string=} colId column id of the column
+ * @property {string=} field field of the column
  * @property {SortableTitlePlugin~SortOrder=} sortOrder=null Set to "d" for descending order and "a" for ascending order
  * @property {SortableTitlePlugin~SortOrder=} order Alias of sortOrder
  */
@@ -42716,6 +42798,7 @@ SortableTitlePlugin.prototype.getSortedColumns = function () {
 		var state = this._sortStates[i];
 		arr[i] = {
 			"colIndex": colIndex,
+			"colId": this._getColumnId(colIndex),
 			"field": state["field"] || "",
 			"sortOrder": state["sortOrder"] || "n"
 		};
@@ -42757,7 +42840,7 @@ SortableTitlePlugin.prototype.sortColumns = function (sortOptions, opt_arg) {
 			var opt = sortOptions[i];
 			var colRef = opt["colIndex"];
 			if(colRef < 0 || colRef == null) {
-				colRef = opt["field"];
+				colRef = opt["colId"] || opt["field"];
 			}
 			var state = this._prepareSorting(
 				colRef,
@@ -43344,19 +43427,9 @@ SortableTitlePlugin.prototype._prepareSorting = function (colRef, sortOrder) {
 		return null;
 	}
 
-	var colIndex = -1;
-	var field = "";
-	var priority = -1;
-	if(typeof colRef === "number") {
-		colIndex = colRef;
-		field = this.getColumnSortingField(colIndex);
-		priority = this.getSortPriority(colIndex);
-	} else if(typeof colRef === "string") {
-		field = colRef;
-		colIndex = this._getColumnIndexByField(field);
-		var fields = this.getColumnSortingFields();
-		priority = fields.indexOf(field);
-	}
+	var colIndex = this._getColumnIndex(colRef);
+	var priority = this.getSortPriority(colIndex);
+	var field = this.getColumnSortingField(colIndex);
 
 	var curState = (priority >= 0) ? this._sortStates[priority] : null;
 	var curOrder = curState ? curState["sortOrder"] : "n";
@@ -43740,21 +43813,29 @@ SortableTitlePlugin.prototype._getColumnIndexByOptions = function (sortOptions)
 	return -1;
 };
 /** @private
-* @param {string} field
+* @param {string|number} colRef
 * @return {number}
 */
-SortableTitlePlugin.prototype._getColumnIndexByField = function (field) {
-	if(field) {
-		var host = this._hosts[0];
-		var colCount = host ? host.getColumnCount() : 0;
-		for (var c = 0; c < colCount; ++c) {
-			if(field === this.getColumnSortingField(c)) {
-				return c;
-			}
-		}
+SortableTitlePlugin.prototype._getColumnIndex = function (colRef) {
+	var host = this._hosts[0];
+	if(host && colRef != null) {
+		return host.getColumnIndex(colRef);
 	}
 	return -1;
 };
+
+/** @private
+* @param {string|number} colRef
+* @return {string} column id or empty string for not found
+*/
+SortableTitlePlugin.prototype._getColumnId = function (colRef) {
+	var host = this._hosts[0];
+	if(host && colRef != null) {
+		return host.getColumnId(colRef);
+	}
+	return "";
+};
+
 /** @private
 * @param {number} colIndex
 * @return {Object}
@@ -43913,6 +43994,7 @@ SortableTitlePlugin._proto = SortableTitlePlugin.prototype;
 * @property {boolean=} timeSeriesExpansion=true If disabled, the time series field will be treated as a normal field and not expanded.
 * @property {string=} childDataField=CHILD_VALUES The given field will be used to store children's static data, such as row color assignment.
 * @property {boolean=} topSection=true If disabled, title section will not be rendered
+* @property {SortableTitlePlugin~Options=} sorting Options for sorting
 */
 
 /** @typedef {number|string|RowDefinition} Grid~RowReference
@@ -43966,21 +44048,17 @@ SortableTitlePlugin._proto = SortableTitlePlugin.prototype;
 * @description Fired after ADC data or response received from the server
 * @property {Array.<Array>} data Data part of the server response
 */
-
 /** @event Grid#pageIndexChanged
 * @description Fired after page index in the data view is changed during the active pagination mode
 */
-
 /** @event Grid#pageCountChanged
 * @description Fired after page count in the data view is changed during the active pagination mode
 */
-
 /** @event Grid#dataComposed
 * @description Trigger before dataChanged. Perform any data update during the event will NOT cause more dataChanged events
 * @property {Grid} grid
 * @property {RowDefinition} rowDef
 */
-
 /** @event Grid#beforeRowRemoved
 * @description Fired only when a row will be removed through Grid's API and before occurring of the actual removal
 */
@@ -47747,6 +47825,7 @@ Grid.prototype._logData = function(rowDefs, options) {
 
 	console.table(tbl); // eslint-disable-line
 };
+
 /** @public
 * @description Replace existing row with a new row. Row ID would be changed, after row is replaced.
 * @param {Grid~RowReference} rowRef Reference (i.e. row index, row id, or row definition) of the insert position
@@ -47770,6 +47849,96 @@ Grid.prototype.replaceRow = function(rowRef, rowOption) {
 	}
 };
 
+/** Scroll the view to the specified column. If the column is already in the view, nothing happens. If the column is outside of the view, the view will be moved to the column with some additional offsets
+* @public
+* @param {number} colIndex
+* @param {boolean=} leftOfView Default is false. If true, the specified column will be put at the leftmost of the view (no offset)
+* @returns {boolean} Return true, if there is any change
+*/
+Grid.prototype.scrollToColumn = function (colIndex, leftOfView) {
+	return this._grid.scrollToColumn(colIndex, leftOfView);
+};
+/** Scroll the view to the specified row. If the row is already in the view, nothing happens. If the row is outside of the view, the view will be moved to the row with some additional offsets
+* @public
+* @param {number} rowIndex
+* @param {boolean=} topOfView=false If true, the specified row will be put at the top of the view (no offset)
+*/
+Grid.prototype.scrollToRow = function (rowIndex, topOfView) {
+	this._grid.scrollToRow("content", rowIndex, topOfView);
+};
+
+/** Get scroll value in pixel from the horizontal scrollbar
+* @public
+* @returns {number} pixels
+*/
+Grid.prototype.getScrollLeft = function () {
+	return this._grid.getScrollLeft();
+};
+/** Get scroll value in pixel from the vertical scrollbar
+* @public
+* @returns {number} pixels
+*/
+Grid.prototype.getScrollTop = function () {
+	return this._grid.getScrollTop();
+};
+
+/** Set scroll value to the horizontal scrollbar. This will move the scrollbar to specific position
+* @public
+* @param {number} pixels
+* @see {@link Grid.scrollRight}
+*/
+Grid.prototype.setScrollLeft = function (pixels) {
+	this._grid.setScrollLeft(pixels);
+};
+/**  Set scroll value to the vertical scrollbar. This will move the scrollbar to specific position
+* @public
+* @param {number} pixels
+* @see {@link Grid.scrollDown}
+*/
+Grid.prototype.setScrollTop = function (pixels) {
+	this._grid.setScrollTop(pixels);
+};
+
+/** Scroll the view to the right by the specified value. Use negative value to scroll the view to the left
+* @public
+* @param {number} pixels
+* @see {@link Grid.setScrollLeft}
+*/
+Grid.prototype.scrollRight = function (pixels) {
+	this._grid.scrollRight(pixels);
+};
+/** Scroll the view down by the specified value. Use negative value to scroll the view to the top
+* @public
+* @param {number} pixels
+* @see {@link Grid.setScrollTop}
+*/
+Grid.prototype.scrollDown = function (pixels) {
+	this._grid.scrollDown(pixels);
+};
+
+/** Get width of scrollable area from the horizontal scrollbar. This is useful for determining the end of scrollbar
+* @public
+* @returns {number}
+*/
+Grid.prototype.getScrollWidth = function () {
+	return this._grid.getScrollWidth();
+};
+/** Get height of scrollable area from the vertical scrollbar. This is useful for determining the end of scrollbar
+* @public
+* @returns {number}
+*/
+Grid.prototype.getScrollHeight = function () {
+	return this._grid.getScrollHeight();
+};
+
+/** Get information about current grid's view and the vertical scrollbar
+* @public
+* @returns {Object} Returns null, if vertical scrollbar does not exists
+*/
+Grid.prototype.getVScrollView = function () {
+	return this._grid.getVScrollView();
+};
+
 
 /* harmony default export */ var js_Grid = (Grid);