@refinitiv-ui/efx-grid 6.0.17 → 6.0.19

package/lib/tr-grid-filter-input/es6/FilterInput.js

@@ -16,6 +16,7 @@ import { CoralItems } from '../../tr-grid-util/es6/CoralItems.js';
 * @property {string=} placeholder="" Placeholder text inside the input
 * @property {string=} type="text" Type of UI. Available types are "number", "select", "dropdown", "date"
 * @property {Array=} entries Entries of dropdown filters when type is "select"
+* @property {*=} defaultValue Default value of input filter
 * @property {string=} trigger="keyup" Available types of trigger are `false | ""` (no trigger) , `"keyup"` (default) , `"enter"` (on enter key *only available for text type)
 */
 
@@ -132,12 +133,10 @@ FilterInputPlugin.prototype.initialize = function (host, options) {
   host.listen("postDataSourceChanged", this._onPostDataSourceChanged);
   host.listen("columnAdded", this._onColumnAdded);
   this.config(options); // In case of lazy loading
-
-  var title = host.getSection("title");
-
-  if (title) {
-    this._onPostDataSourceChanged();
-  }
+  // var title = host.getSection("title");
+  // if(title) {
+  // 	this._onPostDataSourceChanged();
+  // }
 };
 /** @public
 * @param {Object} host core grid object
@@ -197,7 +196,9 @@ FilterInputPlugin.prototype.beforeProcessOption = function (optionName, options)
 
 
 FilterInputPlugin.prototype._afterInit = function () {
-  this._requestPlugin(this._hosts[0], "RowFilteringPlugin", this._gridConfig).then(this._onRowFilteringRetrieved)["catch"](this._onRowFilteringFailed);
+  // Retrieve RowFilteringPlugin is async operation
+  // onPostDataSourceChange has logic to apply default filter, which need to be done after RowFilteringPlugin is loaded
+  this._requestPlugin(this._hosts[0], "RowFilteringPlugin", this._gridConfig).then(this._onRowFilteringRetrieved)["catch"](this._onRowFilteringFailed)["finally"](this._onPostDataSourceChanged);
 };
 /** @public
 * @param {Object=} options
@@ -275,6 +276,10 @@ FilterInputPlugin.prototype.getConfigObject = function (out_obj) {
       filterInput.entries = opt.entries;
     }
 
+    if (opt.defaultValue != null) {
+      filterInput.defaultValue = opt.defaultValue;
+    }
+
     if (opt.trigger != null) {
       filterInput.trigger = opt.trigger;
     }
@@ -454,7 +459,19 @@ FilterInputPlugin.prototype._createColumnInputs = function (section, host) {
       inputArgs['colId'] = this._compositeGrid.getColumnId(c);
     }
 
-    this._dispatch("inputCreated", inputArgs);
+    this._dispatch("inputCreated", inputArgs); // To apply default filter, colOpt._filterArguments needs to be initailzed
+
+
+    var defaultValue = colOpt.defaultValue;
+
+    if (defaultValue) {
+      if (colOpt.type == "date") {
+        var dateObj = ElfDate.from(defaultValue);
+        defaultValue = dateObj ? dateObj.toDateString().substr(4) : "";
+      }
+
+      this.filterColumn(c, defaultValue);
+    }
   }
 };
 /** @type {Object.<string, string>=}
@@ -475,6 +492,7 @@ FilterInputPlugin._uiMap = {
 
 FilterInputPlugin.prototype._createFilterUI = function (colOpt) {
   var elemType = colOpt.type;
+  var defaultValue = colOpt.defaultValue;
   var elemTrigger = colOpt.trigger != null ? colOpt.trigger : this._inputTrigger;
   var uiTag = FilterInputPlugin._uiMap[elemType] || "input";
 
@@ -502,6 +520,10 @@ FilterInputPlugin.prototype._createFilterUI = function (colOpt) {
   elem.addEventListener("keydown", FilterInputPlugin._stopPropagation, false);
   elem.addEventListener("click", FilterInputPlugin._stopPropagation, false);
 
+  if (defaultValue) {
+    elem.value = colOpt.defaultValue;
+  }
+
   switch (uiTag) {
     case "ef-input":
       elem.setAttribute("type", "number");
@@ -652,6 +674,12 @@ FilterInputPlugin.prototype._retrieveColumnOption = function (colIndex, colDef)
         option["entries"] = entries;
       }
 
+      var defaultValue = filterOption["defaultValue"];
+
+      if (defaultValue) {
+        option["defaultValue"] = defaultValue;
+      }
+
       var trigger = filterOption["trigger"];
 
       if (typeof trigger == "string" || trigger == false) {

package/lib/tr-grid-pagination/es6/Pagination.d.ts

@@ -1,5 +1,6 @@
 import { Ext } from "../../tr-grid-util/es6/Ext.js";
 import { GridPlugin } from "../../tr-grid-util/es6/GridPlugin.js";
+import { ElfUtil } from "../../tr-grid-util/es6/ElfUtil.js";
 
 declare namespace PaginationPlugin {
 

package/lib/tr-grid-pagination/es6/Pagination.js

@@ -1,5 +1,6 @@
 import { Ext } from "../../tr-grid-util/es6/Ext.js";
 import { GridPlugin } from "../../tr-grid-util/es6/GridPlugin.js";
+import { ElfUtil } from "../../tr-grid-util/es6/ElfUtil.js";
 
 /** @event PaginationPlugin#pageChanged
 * @description Happens after pagination was changed, next, previous, first page, last page.
@@ -122,8 +123,12 @@ PaginationPlugin.prototype.setElement = function(elemRef) {
 		if(len) { // Remove all existing UI resources
 			for(var i = 0; i < len; ++i) {
 				var control = this._controls[i];
-				control.removeEventListener("page-changed", this._onPageChanged);
-				control.removeEventListener("page-size-changed", this._onPageSizeChanged);
+				if (ElfUtil.getElfVersion() < 4) {
+					control.removeEventListener("page-changed", this._onPageChanged);
+					control.removeEventListener("page-size-changed", this._onPageSizeChanged);
+				} else {
+					control.removeEventListener("value-changed", this._onPageChanged);
+				}
 			}
 			this._controls.length = 0;
 		}
@@ -182,11 +187,16 @@ PaginationPlugin.prototype._resolveUIs = function() {
 
 	for(i = this._controls.length; --i >= 0;) {
 		var control = this._controls[i];
-		control.totalItems = this.getTotalRows();
-		control.pageSize = this.getPageSize();
-		control.page = this.getPageIndex();
-		control.addEventListener("page-changed", this._onPageChanged);
-		control.addEventListener("page-size-changed", this._onPageSizeChanged);
+		if (ElfUtil.getElfVersion() < 4) {
+			control.totalItems = this.getTotalRows();
+			control.pageSize = this.getPageSize();
+			control.page = this.getPageIndex();
+			control.addEventListener("page-changed", this._onPageChanged);
+			control.addEventListener("page-size-changed", this._onPageSizeChanged);
+		} else {
+			control.max = this.getPageCount();
+			control.addEventListener("value-changed", this._onPageChanged);
+		}
 	}
 };
 
@@ -270,7 +280,7 @@ PaginationPlugin.prototype._configPaging = function(options) {
 PaginationPlugin._toNumber = function(num) {
 	return (typeof num === "number") ? num : parseInt(num, 10);
 };
-/**  Handle page changed from pagination element
+/** Handle page changed from pagination element
 * @private
 * @param {Event} e
 */
@@ -288,7 +298,7 @@ PaginationPlugin.prototype._onDispatchEvent = function() {
 	this._dispatch("pageChanged", { page: this.getPageIndex() });
 };
 
-/**  Handle page size changed from pagination element. Usually, this method is rarely called.
+/** Handle page size changed from pagination element. Usually, this method is rarely called.
 * @private
 * @param {Event} e
 */
@@ -304,8 +314,22 @@ PaginationPlugin.prototype._onPageSizeChanged = function(e) {
 PaginationPlugin.prototype._onDataChanged = function(e) {
 	var len = this._controls.length;
 	if (len && !e.positionChangeOnly) {
-		for(var i = 0; i < len; ++i) {
-			this._controls[i].totalItems = this.getTotalRows();
+		var pageIndex = this.getPageIndex();
+		var i;
+		if (ElfUtil.getElfVersion() < 4) {
+			var totalRows = this.getTotalRows();
+			var pageSize = this.getPageSize();
+			for(i = 0; i < len; ++i) {
+				this._controls[i].page = pageIndex;
+				this._controls[i].totalItems = totalRows;
+				this._controls[i].pageSize = pageSize; // In ELF v3 this may fire page-changed and page-size changed
+			}
+		} else {
+			var lastPageIndex = this.getPageCount();
+			for(i = 0; i < len; ++i) {
+				this._controls[i].value = pageIndex;
+				this._controls[i].max = lastPageIndex;
+			}
 		}
 	}
 };
@@ -357,9 +381,6 @@ PaginationPlugin.prototype._setPageSize = function(size) {
 	if(this._dataView) {
 		this._dataView.setPageSize(size);
 	}
-	for(var i = this._controls.length; --i >= 0;) {
-		this._controls[i].pageSize = size; // In ELF v3 this may fire page-changed and page-size changed
-	}
 };
 
 /** Go to specfic page
@@ -370,9 +391,6 @@ PaginationPlugin.prototype.setPage = function(page) {
 	if (this._dataView) {
 		this._dataView.setPage(page);
 	}
-	for(var i = this._controls.length; --i >= 0;) {
-		this._controls[i].page = page;
-	}
 };
 /** Go to specfic page
 * @public
@@ -386,9 +404,6 @@ PaginationPlugin.prototype.goto = PaginationPlugin.prototype.setPage;
 */
 PaginationPlugin.prototype.first = function() {
 	this._dataView.firstPage();
-	for(var i = this._controls.length; --i >= 0;) {
-		this._controls[i].first();
-	}
 };
 
 /** Control pagination go to last page
@@ -396,9 +411,6 @@ PaginationPlugin.prototype.first = function() {
 */
 PaginationPlugin.prototype.last = function() {
 	this._dataView.lastPage();
-	for(var i = this._controls.length; --i >= 0;) {
-		this._controls[i].last();
-	}
 };
 
 /** Control pagination go to next page
@@ -406,9 +418,6 @@ PaginationPlugin.prototype.last = function() {
 */
 PaginationPlugin.prototype.next = function() {
 	this._dataView.nextPage();
-	for(var i = this._controls.length; --i >= 0;) {
-		this._controls[i].next();
-	}
 };
 
 /** Control pagination go to previous page
@@ -416,9 +425,6 @@ PaginationPlugin.prototype.next = function() {
 */
 PaginationPlugin.prototype.previous = function() {
 	this._dataView.previousPage();
-	for(var i = this._controls.length; --i >= 0;) {
-		this._controls[i].previous();
-	}
 };
 
 

package/lib/tr-grid-row-grouping/es6/RowGrouping.d.ts

@@ -29,6 +29,7 @@ declare namespace RowGroupingPlugin {
         colorTag?: boolean|null,
         predefinedColors?: any,
         groupColors?: any,
+        defaultCollapse?: boolean|null,
         clicked?: ((...params: any[]) => any)|null,
         groupAdded?: ((...params: any[]) => any)|null,
         beforeGroupAdded?: ((...params: any[]) => any)|null,
@@ -84,6 +85,10 @@ declare class RowGroupingPlugin extends GridPlugin {
 
     public setPredefinedColors(predefinedColors: any): void;
 
+    public setDefaultCollapse(collapse: boolean): void;
+
+    public getDefaultCollapse(): boolean;
+
     public sortGroups(): void;
 
     public updateHeaders(): void;

package/lib/tr-grid-row-grouping/es6/RowGrouping.js

@@ -26,6 +26,7 @@ import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 * @property {boolean=} colorTag If not specified, the color tag will be disabled when using extension without halo theme.
 * @property {Object=} predefinedColors Predefined color object map for color tag
 * @property {Object=} groupColors The object map of group ID and predefined color.
+* @property {boolean=} defaultCollapse=false Collapsing groups by default when a group is created
 * @property {Function=} clicked=null Event handler when user clicks on arrows or cells
 * @property {Function=} groupAdded=null Event handler
 * @property {Function=} beforeGroupAdded=null Event handler
@@ -474,6 +475,9 @@ RowGroupingPlugin.prototype.config = function (options) {
 		if (option.autoGroupSorting != null) {
 			this._autoGroupSorting = !!option.autoGroupSorting;
 		}
+		if (option.defaultCollapse != null) {
+			this.setDefaultCollapse(option.defaultCollapse);
+		}
 		if (option.predefinedGroups != null) {
 			this.setPredefinedGroups(option.predefinedGroups);
 		}
@@ -665,6 +669,11 @@ RowGroupingPlugin.prototype.getConfigObject = function (gridOptions) {
 		extOptions.predefinedColors = this._predefinedColors;
 	}
 
+	var defaultCollapse = this.getDefaultCollapse();
+	if(defaultCollapse != null) {
+		extOptions.defaultCollapse = defaultCollapse;
+	}
+
 	return obj;
 };
 
@@ -994,6 +1003,27 @@ RowGroupingPlugin.prototype.setPredefinedColors = function(predefinedColors) {
 	}
 };
 
+/** @public
+* @param {boolean} collapse Predefined color object map
+*/
+RowGroupingPlugin.prototype.setDefaultCollapse = function(collapse) {
+	var dv = this.getDataView();
+	if (dv) {
+		dv.setDefaultCollapse(collapse);
+	}
+};
+
+/** @public
+* @return {boolean}
+*/
+RowGroupingPlugin.prototype.getDefaultCollapse = function() {
+	var dv = this.getDataView();
+	if (dv) {
+		return dv.getDefaultCollapse();
+	}
+	return false; // if dv did't load, the value will be false by default
+};
+
 /** Trigger group sorting logic -- re-sort the existing groups. This will not continuously apply to each data update.
 * @public
 */

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

@@ -607,7 +607,11 @@ Popup.prototype.updatePosition = function () {
 		if (t._autoClipping) {
 			t._restoreElementSize();
 		}
-		var pos = Dom.getRelativePosition(t._attachedElem, document.body);
+		var refElement = document.body;
+		if (t._positioning === "over") {
+			refElement = document.documentElement;
+		}
+		var pos = Dom.getRelativePosition(t._attachedElem, refElement);
 		var px = pos["x"];
 		var py = pos["y"];
 

package/lib/types/es6/ColumnGrouping.d.ts

@@ -24,12 +24,12 @@ declare class ColumnGroupingPlugin extends GridPlugin {
 
     constructor(options?: ColumnGroupingPlugin.Options|null);
 
-    public beforeProcessOption(optionName: string, optionValue: any): any;
-
     public getName(): string;
 
     public initialize(host: any, options?: any): void;
 
+    public beforeProcessOption(optionName: string, optionValue: any): any;
+
     public unload(host: any): void;
 
     public config(options: any): void;
@@ -66,9 +66,9 @@ declare class ColumnGroupingPlugin extends GridPlugin {
 
     public getCellInfo(e: Element|Event|MouseEvent|null): any;
 
-    public moveColumnIntoGroup(from: number|string|null, to: number, groupId: string): void;
+    public moveColumnIntoGroup(colRef: number|string|null, to: number, groupId: string): void;
 
-    public setColumnParent(columnIndex: number|string|null, groupId: string): void;
+    public setColumnParent(colRef: number|string|null, groupId: string): void;
 
 }
 

package/lib/types/es6/Core/data/DataView.d.ts

@@ -188,6 +188,10 @@ declare class DataView extends EventDispatcher {
 
     public enableContentAsHeader(bool?: boolean|null): void;
 
+    public setDefaultCollapse(collapse?: boolean|null): void;
+
+    public getDefaultCollapse(): boolean;
+
     public getVisibleRowCount(): number;
 
     public isRowDataInGroup(rowData: any, groupID?: string|null): boolean;

package/lib/types/es6/FilterInput.d.ts

@@ -17,6 +17,7 @@ declare namespace FilterInputPlugin {
         placeholder?: string,
         type?: string,
         entries?: any[],
+        defaultValue?: any,
         trigger?: string
     };
 

package/lib/types/es6/Pagination.d.ts

@@ -1,5 +1,6 @@
 import { Ext } from "../../tr-grid-util/es6/Ext.js";
 import { GridPlugin } from "../../tr-grid-util/es6/GridPlugin.js";
+import { ElfUtil } from "../../tr-grid-util/es6/ElfUtil.js";
 
 declare namespace PaginationPlugin {
 

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

@@ -143,6 +143,8 @@ declare class Grid extends EventDispatcher {
 
     public moveColumn(fromColIndex: number|(number)[]|null, toColIndex: number): boolean;
 
+    public moveColumnById(srcCol: number|string|null, destCol?: (number|string)|null): boolean;
+
     public hideColumn(colRef: Grid.ColumnReference|null, hidden?: boolean|null): void;
 
     public hideColumns(colRefs: (Grid.ColumnReference)[]|null, hidden?: boolean|null): void;
@@ -193,7 +195,7 @@ declare class Grid extends EventDispatcher {
 
     public hasHiddenRow(): boolean;
 
-    public setRic(rowRef: Grid.RowReference|null, str: string): void;
+    public setRic(rowRef: Grid.RowReference|null, str: string, options?: RowDefinition.Options|null): void;
 
     public unlinkChain(rowRef: Grid.RowReference|null): void;
 
@@ -215,6 +217,8 @@ declare class Grid extends EventDispatcher {
 
     public getColumnDefinition(colIndex: number): ColumnDefinition|null;
 
+    public getColumnDefinitions(): (ColumnDefinition)[];
+
     public getColumnDefinitionById(colId: string): ColumnDefinition|null;
 
     public getColumnDefinitionsById(colIds: (string)[]|null): ColumnDefinition|null;
@@ -223,7 +227,7 @@ declare class Grid extends EventDispatcher {
 
     public getRowDefinitions(): (RowDefinition)[];
 
-    public getAllRowDefinitions(inclAutoGenerate?: boolean|null): (RowDefinition)[];
+    public getAllRowDefinitions(inclAutoGenerated?: boolean|null): (RowDefinition)[];
 
     public getRowData(rowIndex: number): any;
 
@@ -243,10 +247,14 @@ declare class Grid extends EventDispatcher {
 
     public getColumnId(colIndex: number): string;
 
+    public getColumnIds(): (string)[];
+
     public getColumnField(colIndex: number): string;
 
     public getColumnFields(): (string)[];
 
+    public getColumnNames(): (string)[];
+
     public getAllFields(): (string)[];
 
     public freezeColumn(colIndex?: number|null, pinnedRightColumns?: number|null): void;
@@ -297,5 +305,7 @@ declare class Grid extends EventDispatcher {
 
 declare function borders(gridOptions?: any): any;
 
+declare function colCount(rowRef: number|string|null): RowDefinition|null;
+
 export { Grid };
 export default Grid;

package/lib/versions.json

@@ -1,37 +1,37 @@
 {
-	"tr-grid-util": "1.3.81",
+	"tr-grid-util": "1.3.82",
 	"@grid/column-dragging": "1.0.10",
-	"@grid/row-segmenting": "1.0.21",
+	"@grid/row-segmenting": "1.0.22",
 	"@grid/statistics-row": "1.0.13",
 	"@grid/zoom": "1.0.11",
 	"tr-grid-auto-tooltip": "1.1.5",
 	"tr-grid-cell-selection": "1.0.32",
-	"tr-grid-checkbox": "1.0.59",
+	"tr-grid-checkbox": "1.0.60",
 	"tr-grid-column-fitter": "1.0.39",
 	"tr-grid-column-formatting": "0.9.34",
-	"tr-grid-column-grouping": "1.0.30",
+	"tr-grid-column-grouping": "1.0.35",
 	"tr-grid-column-resizing": "1.0.26",
 	"tr-grid-column-selection": "1.0.25",
-	"tr-grid-column-stack": "1.0.46",
+	"tr-grid-column-stack": "1.0.48",
 	"tr-grid-conditional-coloring": "1.0.57",
 	"tr-grid-content-wrap": "1.0.19",
 	"tr-grid-contextmenu": "1.0.38",
-	"tr-grid-filter-input": "0.9.28",
+	"tr-grid-filter-input": "0.9.31",
 	"tr-grid-heat-map": "1.0.28",
 	"tr-grid-in-cell-editing": "1.0.73",
-	"tr-grid-pagination": "1.0.23",
+	"tr-grid-pagination": "1.0.24",
 	"tr-grid-percent-bar": "1.0.22",
 	"tr-grid-printer": "1.0.16",
 	"tr-grid-range-bar": "1.0.9",
 	"tr-grid-row-dragging": "1.0.23",
 	"tr-grid-row-filtering": "1.0.55",
-	"tr-grid-row-grouping": "1.0.79",
+	"tr-grid-row-grouping": "1.0.80",
 	"tr-grid-row-selection": "1.0.21",
 	"tr-grid-rowcoloring": "1.0.21",
 	"tr-grid-textformatting": "1.0.44",
 	"tr-grid-titlewrap": "1.0.19",
 	"@grid/formatters": "1.0.49",
 	"@grid/column-selection-dialog": "4.0.45",
-	"@grid/filter-dialog": "4.0.54",
+	"@grid/filter-dialog": "4.0.55",
 	"@grid/column-format-dialog": "4.0.43"
 }

package/package.json

@@ -58,5 +58,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "6.0.17"
+	"version": "6.0.19"
 }