@refinitiv-ui/efx-grid 6.0.18 → 6.0.19

package/lib/tr-grid-checkbox/es6/Checkbox.js

@@ -924,12 +924,12 @@ CheckboxPlugin.prototype._getCheckboxValue = function (dv, rowId) {
 };
 /** @private
 * @param {Object} dv DataView
-* @return {string} state
+* @return {Array.<string>} state
 */
-CheckboxPlugin.prototype._getGroupState = function (dv) {
-	if (!dv) return "unchecked";
+CheckboxPlugin.prototype._getRowMemberIds = function (dv) {
+	var rowIds = [];
+	if (!dv) return rowIds;
 
-	var rowIds;
 	if (dv.getGroupLevel && 0 === dv.getGroupLevel()) {
 		// case root group we check state from member that visible in view
 		rowIds = this._getRowMemberIdsInView(dv);
@@ -937,6 +937,16 @@ CheckboxPlugin.prototype._getGroupState = function (dv) {
 		// case dataTable or subGroup we check state from member in group
 		rowIds = dv.getAllRowIds(true); // Getting shallow copy and excluding header rows
 	}
+	return rowIds;
+};
+/** @private
+* @param {Object} dv DataView
+* @return {string} state
+*/
+CheckboxPlugin.prototype._getGroupState = function (dv) {
+	if (!dv) return "unchecked";
+
+	var rowIds = this._getRowMemberIds(dv);
 
 	var dataRows = dv.getMultipleRowData(rowIds);
 	var len = rowIds.length;
@@ -955,6 +965,28 @@ CheckboxPlugin.prototype._getGroupState = function (dv) {
 	return CheckboxPlugin._mergeStates(states);
 };
 /** @private
+* @param {Object} dv DataView
+* @return {boolean} state
+*/
+CheckboxPlugin.prototype._getGroupDisabledState = function (dv) {
+	if (!dv) return false;
+
+	var rowIds = this._getRowMemberIds(dv);
+	var len = rowIds.length;
+	if (!len) return true;
+
+	var disabled = true;
+	for(var i = 0; i < len; ++i) {
+		var rid = rowIds[i];
+		var dataRow = this._getRowFromId(dv, rid);
+		if (!dataRow[this._disablingField]) {
+			disabled = false;
+			break;
+		}
+	}
+	return disabled;
+};
+/** @private
 * @param {Object} sectionSettings Grid sectionSettings object
 * @return {string}
 */
@@ -1025,11 +1057,14 @@ CheckboxPlugin.prototype._setDescendantCheckState = function (sectionSettings, s
 /** @private
 * @param {Object} sectionSettings Grid sectionSettings object
 * @param {string=} callerState
+* @param {Object=} dv DataView
 */
-CheckboxPlugin.prototype._syncAscendantCheckState = function (sectionSettings, callerState) {
+CheckboxPlugin.prototype._syncAscendantState = function (sectionSettings, callerState, dv) {
 	var parent = sectionSettings.getParent();
-	if (!parent || !parent.getSection().isVisible()) { return; }
+	var host = this._hosts[0];
+	if (!host || !parent || !parent.getSection().isVisible()) { return; }
 
+	var i;
 	var state = callerState || "";
 	if (state !== "partial") {
 		if(!callerState) {
@@ -1038,7 +1073,7 @@ CheckboxPlugin.prototype._syncAscendantCheckState = function (sectionSettings, c
 
 		var children = parent.getChildren();
 		if(children) {
-			for (var i = children.length; --i >= 0; ) {
+			for (i = children.length; --i >= 0; ) {
 				var child = children[i];
 				if (child !== sectionSettings) {
 					var childState = this._getSectionState(child);
@@ -1051,10 +1086,24 @@ CheckboxPlugin.prototype._syncAscendantCheckState = function (sectionSettings, c
 		}
 	}
 
+	// sync disable status to header checkbox
+	if(dv) {
+		var titleSection = host.getSectionSettings("title");
+		var disabled = this._getGroupDisabledState(dv);
+		var checkboxes = this._getAllCheckboxes(titleSection);
+		for(i = 0; i < checkboxes.length; i++){
+			var checkbox = checkboxes[i];
+			if(disabled) {
+				checkbox.setAttribute("disabled", "");
+			} else {
+				checkbox.removeAttribute("disabled");
+			}
+		}
+	}
+
 	this._setSectionState(parent, state);
-	this._syncAscendantCheckState(parent, state);
+	this._syncAscendantState(parent, state);
 };
-
 /** @private
 * @param {Object} sectionSettings Grid sectionSettings object
 * @param {string} state
@@ -1288,7 +1337,7 @@ CheckboxPlugin.prototype._onCheckboxClicked = function (e) {
 	}
 
 	this._setDescendantCheckState(sectionSettings, newState); // This only works with root section where root UI is linked with its children section.
-	this._syncAscendantCheckState(sectionSettings); // The clicked row may be a member of row group and thus the state has to be calculated
+	this._syncAscendantState(sectionSettings); // The clicked row may be a member of row group and thus the state has to be calculated
 
 	if (this.hasListener("clicked")) {
 		pos["checkbox"] = chkbox;
@@ -1498,7 +1547,9 @@ CheckboxPlugin.prototype._onPostSectionDataBinding = function (e) {
 			state = CheckboxPlugin._toCheckState(rowData[this._checkboxField]);
 			disabled = rowData[this._disablingField] === true;
 		} else { // Group header row has no rowData
-			state = this._getGroupState(dv.getGroupByRowId(rowId));
+			var groupSetting = dv.getGroupByRowId(rowId);
+			disabled = this._getGroupDisabledState(groupSetting);
+			state = disabled ? "unchecked" : this._getGroupState(groupSetting);
 		}
 		if (this._autoRowSelection) {
 			section.setSelectedRow(rowIndex, (rowData || false) && state === "checked");
@@ -1514,7 +1565,7 @@ CheckboxPlugin.prototype._onPostSectionDataBinding = function (e) {
 		}
 	}
 
-	this._syncAscendantCheckState(e["sectionSettings"]);
+	this._syncAscendantState(e["sectionSettings"], null, dv);
 };
 
 

package/lib/tr-grid-column-grouping/es6/ColumnGrouping.js

@@ -87,6 +87,14 @@ ColumnGroupingPlugin.prototype._addingTimerId = 0;
 */
 ColumnGroupingPlugin.prototype._addingEvents = null;
 
+/** @private
+* @param {number} a
+* @param {number} b
+* @return {number}
+*/
+ColumnGroupingPlugin._ascSortLogic = function (a, b) {
+  return a - b;
+};
 /** @private
 * @param {ColumnGroupingPlugin~GroupDefinition} groupingOptions
 * @return {string}
@@ -614,23 +622,29 @@ ColumnGroupingPlugin.prototype._spanGroupVertically = function (titleSection) {
 */
 ColumnGroupingPlugin.prototype._spanGroupHorizontally = function (titleSection) {
   var section = titleSection;
-  var groupTable = this._visibleGroupMap;
+  var visibleGroupMap = this._visibleGroupMap;
 
   // Span column of column group
-  for (var id in groupTable) {
-    var node = groupTable[id];
-    var colSpans = this._findColumnSpans(node); // find appropriate span
-
-    for (var col = 0; col < colSpans.length; col++) {
-      var spanIndexes = colSpans[col];
-      if (spanIndexes.length > 0) {
-        // This could be unnecessary
-        var start = spanIndexes[0];
-        var end = spanIndexes[1];
-        section.setCellColSpan(start, node["onRow"], end - start + 1);
-        node["colIndex"] = start;
+  var groupDef, spanIndices, len, colIds, index, i;
+  for (var id in visibleGroupMap) {
+    spanIndices = [];
+    groupDef = visibleGroupMap[id];
+    colIds = this._getGroupMembers(visibleGroupMap, groupDef);
+    for (i = 0; i < colIds.length; i++) {
+      index = this._getColumnIndexById(colIds[i]);
+      if (index > -1) {
+        spanIndices.push(index);
       }
     }
+    spanIndices.sort(ColumnGroupingPlugin._ascSortLogic);
+    len = spanIndices.length;
+    if (len > 0) {
+      // This could be unnecessary
+      var start = spanIndices[0];
+      var end = spanIndices[len - 1];
+      section.setCellColSpan(start, groupDef["onRow"], end - start + 1);
+      groupDef["colIndex"] = start;
+    }
   }
 };
 /** @private
@@ -647,6 +661,9 @@ ColumnGroupingPlugin.prototype._renderGroups = function () {
     for (var id in groupMap) {
       var node = groupMap[id];
       var colIndex = node["colIndex"];
+      if (colIndex == null) {
+        continue;
+      }
       var rowIndex = node["onRow"];
       var cell = section.getCell(colIndex, rowIndex);
       if (cell) {
@@ -823,7 +840,7 @@ ColumnGroupingPlugin.prototype._onColumnRemoved = function (e) {
 * @param {Object} e
 */
 ColumnGroupingPlugin.prototype._onBeforeColumnBoundUpdate = function (e) {
-  var selectedColumns = e.selectedColumns;
+  var selectedColumns = e.selectedColumns; // Hidden columns are included
   var parentMap = this._childToParent;
 
   // Find non-grouped column
@@ -872,7 +889,7 @@ ColumnGroupingPlugin.prototype._onBeforeColumnBoundUpdate = function (e) {
     for (groupId in findingGroup) {
       group = findingGroup[groupId];
       allSelected = true;
-      members = this._getGroupMembers(group);
+      members = this._getGroupMembers(this._groupMap, group);
       if (members.length <= colIds.length) {
         for (n = 0; n < members.length; n++) {
           if (colIds.indexOf(members[n]) < 0) {
@@ -1081,7 +1098,7 @@ ColumnGroupingPlugin.prototype.getGroupChildren = function (groupId) {
 ColumnGroupingPlugin.prototype.getChildColumnIndices = function (groupId) {
   var group = this._groupMap[groupId];
   if (group) {
-    var colIds = this._getGroupMembers(group);
+    var colIds = this._getGroupMembers(this._groupMap, group);
     var colIndices = [];
     var index;
     for (var i = 0; i < colIds.length; i++) {
@@ -1090,7 +1107,7 @@ ColumnGroupingPlugin.prototype.getChildColumnIndices = function (groupId) {
         colIndices.push(index);
       }
     }
-    return colIndices.sort();
+    return colIndices.sort(ColumnGroupingPlugin._ascSortLogic);
   }
   return null;
 };
@@ -1145,22 +1162,26 @@ ColumnGroupingPlugin.prototype.getGroupLevel = function (groupId) {
 };
 
 /** @private
+* @param {Object.<string, ColumnGroupingPlugin~GroupDefinition>} groupMap
 * @param {ColumnGroupingPlugin~GroupDefinition} group Group definition
 * @param {Array=} members
 * @return {Array.<string>}
 */
-ColumnGroupingPlugin.prototype._getGroupMembers = function (group, members) {
+ColumnGroupingPlugin.prototype._getGroupMembers = function (groupMap, group, members) {
   if (!members) {
     members = [];
   }
   var children = group.children;
-  var groupMap = this._groupMap;
   var g, id;
   for (var i = 0; i < children.length; i++) {
     id = children[i];
+    if (id === group.id) {
+      // prevent from infinite loop
+      continue;
+    }
     g = groupMap[id];
     if (g) {
-      this._getGroupMembers(g, members);
+      this._getGroupMembers(groupMap, g, members);
     } else {
       members.push(id);
     }
@@ -1201,79 +1222,6 @@ ColumnGroupingPlugin.prototype._getColumnIndexById = function (id) {
   }
   return -1;
 };
-/** @private
-* @param {Object} node
-* @param {Array} cluster
-*/
-ColumnGroupingPlugin.prototype._findColumnIndexArr = function (node, cluster) {
-  if (node) {
-    var childrens = node.children;
-    if (childrens && childrens.length) {
-      for (var i = 0; i < childrens.length; i++) {
-        var child = childrens[i];
-        if (!child.id) {
-          if (!this._visibleGroupMap[child]) {
-            var colIndex = this._getColumnIndexById(child);
-            if (colIndex !== -1) {
-              cluster.push(colIndex);
-            }
-          } else {
-            this._findColumnIndexArr(this._visibleGroupMap[child], cluster);
-          }
-        } else {
-          // skip children that has same id as parent
-          if (child.id === node.id) {
-            return;
-          }
-          this._findColumnIndexArr(this._visibleGroupMap[child.id], cluster);
-        }
-      }
-    }
-  }
-};
-/** @private
-* @param {Object} node
-* @return {Array} group of span index
-*/
-ColumnGroupingPlugin.prototype._findColumnSpans = function (node) {
-  var cluster = [];
-  this._findColumnIndexArr(node, cluster); // Recursively get column index
-
-  return ColumnGroupingPlugin._groupConsecutiveArr(cluster);
-};
-/** @private
-* @param {Array} arr
-* @return {Array} group of Consecutive number
-*/
-ColumnGroupingPlugin._groupConsecutiveArr = function (arr) {
-  var result = [];
-  if (!arr || !arr.length) {
-    return result;
-  }
-  var array = arr.sort(function (a, b) {
-    return a - b;
-  });
-  var start = array[0];
-  var stop = start;
-  // start at second member of array
-  for (var i = 1; i <= array.length; i++) {
-    var next = array[i];
-    if (next === stop + 1) {
-      // move to next member
-      stop = next;
-    } else {
-      if (start === stop) {
-        result.push([start, start]);
-      } else {
-        result.push([start, stop]);
-      }
-      // reset the start and stop pointers
-      start = array[i];
-      stop = start;
-    }
-  }
-  return result;
-};
 /** This method modifies the group definition and outdates the group structure. It is necessary to recalculate group structure manually.
 * @private
 * @param {string} childId
@@ -1354,17 +1302,12 @@ ColumnGroupingPlugin.prototype.getCellInfo = function (e) {
   return cellInfo;
 };
 /** @public
-* @param {number|string} colRef //Column index or id that should be moved
+* @param {number|string} colRef Column index or id that should be moved
 * @param {number} to
 * @param {string} groupId
 */
 ColumnGroupingPlugin.prototype.moveColumnIntoGroup = function (colRef, to, groupId) {
-  var fromIndex = -1;
-  if (typeof colRef == "string") {
-    fromIndex = this._getColumnIndexById(colRef);
-  } else {
-    fromIndex = colRef;
-  }
+  var fromIndex = this.getColumnIndex(colRef);
   if (fromIndex == -1) {
     return;
   }
@@ -1382,6 +1325,9 @@ ColumnGroupingPlugin.prototype.moveColumnIntoGroup = function (colRef, to, group
   if (childIndices && childIndices.length) {
     startIndex = childIndices[0];
     endIndex = childIndices[childIndices.length - 1];
+  } else {
+    startIndex = 0;
+    endIndex = this.getColumnCount();
   }
   if (to < startIndex) {
     to = startIndex;
@@ -1397,20 +1343,21 @@ ColumnGroupingPlugin.prototype.moveColumnIntoGroup = function (colRef, to, group
     }
   }
 
-  //find column index that should be moved, it should not be between columns in child group
+  // Calculate left and right bound of the group, which column can be moved to.
+  // destination should be between the bound, and it should not be placed between columns in child group
   for (var i = 0; i < groupDef.children.length; i++) {
     var notAllowIndices = this.getChildColumnIndices(groupDef.children[i]);
     if (notAllowIndices && notAllowIndices.length) {
-      var notAllowStart = notAllowIndices[0];
-      var notAllowEnd = notAllowIndices[notAllowIndices.length - 1];
+      var leftLimit = notAllowIndices[0];
+      var rightLimit = notAllowIndices[notAllowIndices.length - 1];
       if (to > fromIndex) {
-        notAllowStart -= 1;
+        leftLimit -= 1;
       }
       if (to < fromIndex) {
-        notAllowEnd += 1;
+        rightLimit += 1;
       }
-      if (to > notAllowStart && to < notAllowEnd) {
-        to = notAllowEnd;
+      if (to > leftLimit && to < rightLimit) {
+        to = rightLimit;
       }
     }
   }
@@ -1426,7 +1373,10 @@ ColumnGroupingPlugin.prototype.moveColumnIntoGroup = function (colRef, to, group
     var previousGroup = this._childToParent[colId];
     if (previousGroup) {
       var previousGroupChild = this.getGroupChildren(previousGroup);
-      previousGroupChild.splice(previousGroupChild.indexOf(colId), 1);
+      var removeIndex = previousGroupChild.indexOf(colId);
+      if (removeIndex !== -1) {
+        previousGroupChild.splice(previousGroupChild.indexOf(colId), 1);
+      }
       this.setGroupChildren(previousGroup, previousGroupChild);
     }
 
@@ -1439,7 +1389,7 @@ ColumnGroupingPlugin.prototype.moveColumnIntoGroup = function (colRef, to, group
   }
 };
 /** @public
-* @param {number|string} colRef //Column index or id that should be moved
+* @param {number|string} colRef Column index or id that should be moved
 * @param {string} groupId
 */
 ColumnGroupingPlugin.prototype.setColumnParent = function (colRef, groupId) {
@@ -1449,7 +1399,17 @@ ColumnGroupingPlugin.prototype.setColumnParent = function (colRef, groupId) {
   }
   var grid = this._hosts[0];
   var colCount = grid.getColumnCount();
-  this.moveColumnIntoGroup(colRef, colCount, groupId);
+  var toIndex = -1;
+  var childIndices = this.getChildColumnIndices(groupId);
+
+  // When group has at least one child, move column to last index within a group
+  // Otherwise, column will not be moved
+  if (childIndices && childIndices.length) {
+    toIndex = colCount;
+  } else {
+    toIndex = this.getColumnIndex(colRef);
+  }
+  this.moveColumnIntoGroup(colRef, toIndex, groupId);
 };
 export default ColumnGroupingPlugin;
 export { ColumnGroupingPlugin, ColumnGroupingPlugin as ColumnGrouping, ColumnGroupingPlugin as ColumnGroupingExtension };

package/lib/tr-grid-filter-input/es6/FilterInput.d.ts

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

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

@@ -16,7 +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 {*=} 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)
 */
 
@@ -133,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
@@ -198,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
@@ -459,7 +459,8 @@ 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;
 

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;