@refinitiv-ui/efx-grid 6.0.43 → 6.0.45

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

@@ -31,7 +31,6 @@ import VirtualizedLayoutGrid from "./VirtualizedLayoutGrid.js";
 * @property {string} rowId
 * @property {number} rowIndex
 */
-/** @event Core#beforeContentBinding */
 /** @event Core#postSectionDataBinding */
 /** @event Core#rowHighlighted */
 
@@ -82,7 +81,6 @@ 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);
@@ -168,16 +166,11 @@ var Core = function (opt_initializer) {
 	_t._hscrollbar.setOtherScrollbar(_t._vscrollbar);
 	_t._vscrollbar.setOtherScrollbar(_t._hscrollbar);
 
-	if (Util.isMobile || Util.isTouchDevice) {
+	if (Util.isMobile) {
 		_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);
@@ -200,7 +193,6 @@ var Core = function (opt_initializer) {
 		"postDataSourceChanged",
 		"preSectionRender",
 		"postSectionRender",
-		"beforeContentBinding",
 		"preSectionDataBinding",
 		"postSectionDataBinding",
 		"rowExpansionBinding",
@@ -562,7 +554,7 @@ Core.prototype._batches = null;
 * @return {string}
 */
 Core.getVersion = function () {
-	return "5.1.64";
+	return "5.1.65";
 };
 /** {@link ElementWrapper#dispose}
 * @override
@@ -1364,7 +1356,6 @@ Core.prototype.getColumnCount = function () {
 * @fires Core#columnAdded
 * @fires Core#preSectionRender
 * @fires Core#columnRender
-* @fires Core#beforeContentBinding
 * @fires Core#preSectionDataBinding
 * @fires Core#columnDataBinding
 * @fires Core#postSectionDataBinding
@@ -1392,7 +1383,6 @@ Core.prototype.setColumnCount = function(num) {
 * @fires Core#columnAdded
 * @fires Core#preSectionRender
 * @fires Core#columnRender
-* @fires Core#beforeContentBinding
 * @fires Core#preSectionDataBinding
 * @fires Core#columnDataBinding
 * @fires Core#postSectionDataBinding
@@ -1509,12 +1499,16 @@ Core.prototype.removeColumnAt = function (index) {
 
 	if (this._hasListener("columnRemoved")) {
 		var e = {};
+		var batches = this._batches;
+		if(batches){
+			e["batches"] = batches;
+		}
 		e["atTheMiddle"] = true;
 		e["colIndex"] = index;
 		e["columns"] = "deprecated";
 		e["columnData"] = colDef["columnData"];
 		e["colId"] = colDef["id"] || "";
-		this._dispatchColumnEvent("columnRemoved", e);
+		this._dispatch("columnRemoved", e);
 	}
 
 	// Last index in view here might be different from before moving column if columns have different width.
@@ -1767,7 +1761,7 @@ Core.prototype._moveColumn = function (fromCol, destCol) {
 		e["fromColIndex"] = fromCol;
 		e["toColIndex"] = destCol;
 		e["colId"] = colId; // TODO: Id may not needed
-		this._dispatchColumnEvent("columnMoved", e); // add remove move
+		this._dispatch("columnMoved", e);
 	}
 
 	// Last index in view here might be different from before moving column if columns have different width.
@@ -1837,9 +1831,6 @@ Core.prototype.reorderColumns = function (colRefs, destCol) {
 		destId = destCol;
 	}
 
-	this.startBatch("move");
-
-	var dirty = 0;
 	if(Array.isArray(colRefs)) {
 		var srcLen = colRefs.length;
 		if(srcLen > 1) {
@@ -1882,6 +1873,7 @@ Core.prototype.reorderColumns = function (colRefs, destCol) {
 				}
 			}
 
+			var dirty = 0;
 			for(i = srcLen; --i >= 0;) {
 				srcId = srcIds[i]; // Only valid source columns are left at this point
 				srcIdx = this.getColumnIndex(srcId);
@@ -1892,15 +1884,17 @@ Core.prototype.reorderColumns = function (colRefs, destCol) {
 				dirty |= this._moveColumnByIndex(srcIdx, destIdx);
 				destId = srcId;
 			}
+			return dirty ? true : false;
 		} else {
-			dirty = this.moveColumnById(colRefs[0], destId);
+			return this.moveColumnById(colRefs[0], destId);
 		}
-	} else if(colRefs != null) {
+	}
+
+	if(colRefs != null) {
 		// colRefs will be a number or string
-		dirty = this.moveColumnById(colRefs, destId);
+		return this.moveColumnById(colRefs, destId);
 	}
-	this.stopBatch("move");
-	return dirty ? true : false;
+	return false;
 };
 
 /** @public
@@ -2007,7 +2001,6 @@ Core.prototype._deserializeColumn = function (index, jsonObj) {
 * @param {number=} opt_num Default is one row
 * @fires Core#preSectionRender
 * @fires Core#columnRender
-* @fires Core#beforeContentBinding
 * @fires Core#preSectionDataBinding
 * @fires Core#columnDataBinding
 * @fires Core#postSectionDataBinding
@@ -3811,7 +3804,6 @@ Core.prototype.synchronizeHScrollbar = function (subGrid) {
 * @param {number=} fromRowIndex INCLUSIVE If the value is undefined, the first row index will be used
 * @param {number=} lastRowIndex INCLUSIVE If the value is undefined, the last row index will be used
 * @param {Object=} userParam Addtional parameters to be fired with the event
-* @fires Core#beforeContentBinding
 * @fires Core#preSectionDataBinding
 * @fires Core#columnDataBinding
 * @fires Core#postSectionDataBinding
@@ -4417,53 +4409,6 @@ 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}
@@ -4501,17 +4446,6 @@ Core.prototype.stopBatch = function (batchType) {
 
 //#region Private Methods
 /** @private
-* @param {string} type
-* @param {!Object} eventArg
-*/
-Core.prototype._dispatchColumnEvent = function (type, eventArg) {
-	var batches = this._batches;
-	if(batches){
-		eventArg["batches"] = batches;
-	}
-	this._dispatch(type, eventArg);
-};
-/** @private
 */
 Core.prototype._dispatchColumnPositionChanged = function () {
 	if(this._columnPositionConflator.conflate()) {
@@ -4751,16 +4685,20 @@ Core.prototype._dispatchColumnAddedEvent = function (at, count, atTheMiddle, ctx
 	if (this._hasListener("columnAdded")) {
 		var e = {};
 		e["atTheMiddle"] = atTheMiddle;
+		var batches = this._batches;
+		if(batches){
+			e["batches"] = batches;
+		}
 		if(count === 1) {
 			e["colIndex"] = at;
 			e["context"] = ctx;
-			this._dispatchColumnEvent("columnAdded", e);
+			this._dispatch("columnAdded", e);
 		} else {
 			var ary = Array.isArray(ctx) ? ctx : [];
 			for (var i = 0; i < count; ++i) {
 				e["colIndex"] = at + i;
 				e["context"] = ary[i];
-				this._dispatchColumnEvent("columnAdded", e);
+				this._dispatch("columnAdded", e);
 			}
 		}
 	}
@@ -4902,11 +4840,15 @@ Core.prototype._removeColumn = function (num) {  // TODO: change the logic to us
 
 	if (this._hasListener("columnRemoved")) {
 		var e = {};
+		var batches = this._batches;
+		if(batches){
+			e["batches"] = batches;
+		}
 		for (var c = colCount; --c >= newCount; ) {
 			var colDef = removedCols[c - newCount];
 			e["colIndex"] = c;
 			e["columnData"] = colDef ? colDef["columnData"] : null;
-			this._dispatchColumnEvent("columnRemoved", e);
+			this._dispatch("columnRemoved", e);
 		}
 	}
 };
@@ -4939,9 +4881,6 @@ Core.prototype._onSectionDataChanged = function (e) {
 		rowDataCollection = dataView.getMultipleRowData(rids, fromR, toR);
 		e["dataRows"] = rowDataCollection;
 	}
-	if(e["sectionType"] === "content"){
-		this._dispatch("beforeContentBinding", e);
-	}
 	this._dispatch("preSectionDataBinding", e);
 
 	var dataMap = this.getDataColumnMap();
@@ -4956,13 +4895,9 @@ Core.prototype._onSectionDataChanged = function (e) {
 				for (var r = fromR; r < toR; ++r) {
 					if(hasDataView) {
 						var rowData = rowDataCollection[r];
-						if(!rowData) { // This is a header row
-							continue;
-						}
-
 						e["rowData"] = rowData;
 						e["rowId"] = rids[r];
-						e["dataValue"] = rowData[cid];
+						e["dataValue"] = rowData ? rowData[cid] : null;
 					}
 					e["rowIndex"] = r;
 					e["cell"] = section["getCell"](c, r, false); // Accessing cell by using bracket allows extenal object to mock Section
@@ -5303,18 +5238,6 @@ 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

package/lib/grid/index.js

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

package/lib/index.d.ts

@@ -1,6 +1,3 @@
-// Util
-import {DataGenerator} from "./tr-grid-util/es6/jet/DataGenerator.js"
-
 // Extensions
 import {ColumnDragging} from "./column-dragging/es6/ColumnDragging.js";
 import {RowSegmenting} from "./row-segmenting/es6/RowSegmenting.js";
@@ -53,7 +50,6 @@ import {SimpleToggleFormatter} from "./formatters/es6/SimpleToggleFormatter.js";
 import {TextFormatter} from "./formatters/es6/TextFormatter.js";
 
 export {
-	DataGenerator,
 	ColumnDragging,
 	RowSegmenting,
 	StatisticsRow,

package/lib/index.js

@@ -1,6 +1,3 @@
-// Util
-import {DataGenerator} from "./tr-grid-util/es6/jet/DataGenerator.js"
-
 // Extensions
 import {ColumnDragging} from "./column-dragging/es6/ColumnDragging.js";
 import {RowSegmenting} from "./row-segmenting/es6/RowSegmenting.js";
@@ -53,7 +50,6 @@ import {SimpleToggleFormatter} from "./formatters/es6/SimpleToggleFormatter.js";
 import {TextFormatter} from "./formatters/es6/TextFormatter.js";
 
 export {
-	DataGenerator,
 	ColumnDragging,
 	RowSegmenting,
 	StatisticsRow,

package/lib/tr-grid-row-filtering/es6/RowFiltering.d.ts

@@ -33,6 +33,7 @@ declare namespace RowFilteringPlugin {
     };
 
     type Options = {
+        emptySegmentFiltering?: boolean|null,
         disabledUI?: boolean|null,
         iconActivation?: string|null,
         dialogOptions?: RowFilteringPlugin.FilterDialogOptions|null,
@@ -114,9 +115,13 @@ declare class RowFilteringPlugin extends GridPlugin {
 
     public openDialog(colIndex: number, runtimeDialogOptions?: RowFilteringPlugin.FilterDialogOptions|null): void;
 
+    public enableEmptySegmentFiltering(enabled?: boolean|null): void;
+
 }
 
 declare function field(colIndex: number, exp: RowFilteringPlugin.Expression|null, ctx?: (any|string)|null): boolean;
 
+declare function crf(enabled?: boolean|null): void;
+
 export default RowFilteringPlugin;
 export { RowFilteringPlugin, RowFilteringPlugin as RowFiltering, RowFilteringPlugin as RowFilteringExtension };

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

@@ -86,6 +86,7 @@ The expression can take various forms:<br>
 
 /** @typedef {Object} RowFilteringPlugin~Options
 * @description The options can be specified by `rowFiltering` property of the main grid's options
+* @property {boolean=} emptySegmentFiltering=false If enabled, the filter will automatically hide empty segment when all of its member are filtered out. If there is no active filter, any empty segment will not be hidden. Collapsed segment does not count as having a filter.
 * @property {boolean=} disabledUI=false Deprecated in favor of `iconActivation`. Set iconActivation to none instead.
 * @property {string=} iconActivation=onActiveFilter Filter icon redering behavior, can be set to `always`,`onHover`,`onActiveFilter`,or `none`
 * @property {RowFilteringPlugin~FilterDialogOptions=} dialogOptions=null Default configuration for Filter Dialog, applying to all columns.
@@ -310,6 +311,11 @@ RowFilteringPlugin.prototype.config = function (options) {
       this._iconActivation = "none";
     }
 
+    if (rowFiltering["emptySegmentFiltering"] != null) {
+      // TODO: there is a chance that there is no DataView during the configuration
+      this.enableEmptySegmentFiltering(rowFiltering["emptySegmentFiltering"] ? true : false);
+    }
+
     if (rowFiltering["iconActivation"]) {
       this._iconActivation = rowFiltering["iconActivation"];
 
@@ -402,17 +408,26 @@ RowFilteringPlugin.prototype.getConfigObject = function (gridOptions) {
   }
 
   var extOptions = obj.rowFiltering;
+  var dirty = false;
 
   if (!extOptions) {
-    extOptions = obj.rowFiltering = {};
+    extOptions = {};
   }
 
   if (this._iconActivation !== "onActiveFilter") {
     extOptions.iconActivation = this._iconActivation;
+    dirty = true;
   }
 
   if (this._dialogOptions) {
     extOptions.dialogOptions = this._dialogOptions; // TODO: dialogOptions should not contain any function
+
+    dirty = true;
+  } // TODO: get emptySegmentFiltering setting from DataView
+
+
+  if (dirty) {
+    obj.rowFiltering = extOptions;
   }
 
   return obj;
@@ -2056,6 +2071,20 @@ RowFilteringPlugin.prototype._onColumnRemoved = function (e) {
     this._requestFilterRefresh();
   }
 };
+/** the filter will automatically hide empty segment when all of its member are filtered out. If there is no active filter, any empty segment will not be hidden. Collapsed segment does not count as having a filter.
+* @public
+* @param {boolean=} enabled=true
+*/
+
+
+RowFilteringPlugin.prototype.enableEmptySegmentFiltering = function (enabled) {
+  var host = this._hosts[0];
+  var dv = host ? host.getDataSource() : null;
+
+  if (dv && dv.enableEmptySegmentFiltering) {
+    dv.enableEmptySegmentFiltering(enabled);
+  }
+};
 
 export default RowFilteringPlugin;
 export { RowFilteringPlugin, RowFilteringPlugin as RowFiltering, RowFilteringPlugin as RowFilteringExtension };

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

@@ -1,11 +1,11 @@
 /** @namespace */
 var CoralItems = {};
 
-/** Create new array with valid object items to be consumed by ef-select's data property from the given input
+/** Create new array with valid object items to be consumed by coral-select's data property from the given input
 * @public
 * @function
 * @param {Array} userItems This can be array of anything (e.g. texts, numbers, objects or etc.).
-* @return {Array.<Object>} Valid data objects for generating ef-item by ef-select
+* @return {Array.<Object>} Valid data objects for generating coral-item by coral-select
 * @example
 * CoralItems.create(["a", "b"]); // [{label: "a", value: "a"}, {label: "b", value: "b"}]
 * CoralItems.create([33]); // [{label: "33", value: 33}]

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

@@ -62,7 +62,7 @@ ElfDate.prefixSingleDigit = function (n) {
 */
 ElfDate._ymdRe = /^\d{4}\-d{2}\-\d{2}/; // eslint-disable-line
 
-/** Returns yyyy-MM-dd string format for ef-datetime-picker.
+/** Returns yyyy-MM-dd string format for emerald-datetime-picker.
 * @public
 * @function
 * @param {string|Date} d

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

@@ -156,7 +156,7 @@ ElfUtil.getElfVersion = function () {
 * @param {string} compName
 * @return {number}
 * @example
-* ElfUtil.hasComponent("ef-button"); // 1 or 3
+* ElfUtil.hasComponent("coral-button"); // 1 or 3
 * ElfUtil.hasComponent("unknown-button"); // 0
 */
 ElfUtil.hasComponent = function (compName) {
@@ -329,7 +329,7 @@ ElfUtil.prepareIconPreloading = function() {
 		var iconList = ElfUtil.getIconList();
 		if(iconList.length) {
 			setTimeout(ElfUtil._onIconPreloaded, 10);
-			var dummyIcon = ElfUtil._dummyIcon = document.createElement("ef-icon");
+			var dummyIcon = ElfUtil._dummyIcon = document.createElement("coral-icon");
 			dummyIcon.style.transform = "scale(0)";
 			document.body.appendChild(dummyIcon);
 			return iconList;

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

@@ -11,7 +11,7 @@ import { ElfUtil } from "./ElfUtil.js";
 var ExpanderIcon = function () {
 	var elem;
 	if (ExpanderIcon._iconName) {
-		elem = document.createElement("ef-icon");
+		elem = document.createElement("coral-icon");
 		elem.setAttribute("icon", ExpanderIcon._iconName);
 	} else {
 		elem = document.createElement("span");

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

@@ -419,7 +419,7 @@ GridPlugin.prototype._requestPlugin = function (host, pluginRef, configObj) {
 };
 /** Make a request to load a plugin/extension into the given core grid (tr-grid). Return a promise of plugin/extension instance
 * @public
-* @param {*} ref This can be ef-grid, atlas-blotter, composite grid, real-time grid, or core grid.
+* @param {*} ref This can be emerald-grid, atlas-blotter, composite grid, real-time grid, or core grid.
 * @param {*} pluginRef Plugin/Extension name or instance
 * @param {Object=} configObj
 * @param {*=} compositeGrid

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

@@ -5,10 +5,10 @@ var Icon = {};
 * @function
 * @param {string=} iconName
 * @param {string=} className
-* @return {!Element} ef-icon element
+* @return {!Element} coral-icon element
 */
 Icon.create = function(iconName, className) {
-	var icon = document.createElement("ef-icon");
+	var icon = document.createElement("coral-icon");
 	if(className) {
 		icon.className = className;
 	}
@@ -47,7 +47,7 @@ Icon.box = function(iconName, className, boxRef) {
 
 /** @public
 * @function
-* @param {Element} iconElem ef-icon element
+* @param {Element} iconElem coral-icon element
 * @param {string=} iconName
 */
 Icon.change = function(iconElem, iconName) {

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

@@ -12,7 +12,7 @@ import { Dom } from "./Dom.js";
 var GridElements = {
 	"EFX-GRID": 1,
 	"ATLAS-BLOTTER": 1,
-	"EF-GRID": 1
+	"EMERALD-GRID": 1
 };
 /** @type {Object.<string, number>}
 * @private
@@ -23,7 +23,7 @@ var InvalidHostElements = {
 	"HTML": 1,
 	"EFX-GRID": 1,
 	"ATLAS-BLOTTER": 1,
-	"EF-GRID": 1
+	"EMERALD-GRID": 1
 };
 
 /** @private
@@ -76,7 +76,7 @@ var MultiTableManager = function (gridElem) {
 
 	this._tables = [];
 	if(gridElem) {
-		this._emeraldGrid = gridElem.tagName === "EF-GRID";
+		this._emeraldGrid = gridElem.tagName === "EMERALD-GRID";
 		this._tables.push(gridElem);
 	}
 };

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

@@ -314,14 +314,17 @@ RowPainter.prototype.applyHeaderStyle = function(e) {
 	}
 
 	if (footerRow) {
+		// Clear the group header styles and retain only the "header" for footer style like a header. We do not currently have a design for the footer row.
+		cell.removeClass("main-group");
+		cell.removeClass("closed");
+		cell.removeClass("folder");
+		cell.unlisten("click", this._onCellClicked); // The footer rows should not be clickable
 		if(stretching) {
 			cell.setContent("");
 		}
-		// TODO: Render color tag for footer rows
 	} else {
 		cell.enableClass("main-group", e.groupLevel === 1); // For color tag of root group header
 		cell.enableClass("closed", e.collapsed ? true : false);
-		cell.enableClass("header");
 		cell.enableClass("folder");
 		if (stretching) {
 			if (this._headerMenuClicked) {
@@ -345,6 +348,7 @@ RowPainter.prototype.applyHeaderStyle = function(e) {
 			cell.setContent(e.groupId || "");
 		}
 	}
+	cell.enableClass("header");
 	cell.enableClass("color-tag", true);
 	RowPainter._applyColorTagClass(cell, e.colorTagClass);
 	cell.setStyle("paddingLeft", (e.indentSize > 0) ? e.indentSize + "px" : "");

package/lib/tr-grid-util/es6/jet/Adc.d.ts

@@ -0,0 +1,9 @@
+import { DataGenerator } from "./DataGenerator.js";
+import { invalidFieldDict } from "./MockUtil.js";
+import { DateTime } from "../DateTime.js";
+
+declare namespace Adc {
+
+}
+
+export { Adc };