@refinitiv-ui/efx-grid 6.0.0 → 6.0.3

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

@@ -11,7 +11,8 @@ declare namespace RowDefinition {
         asChain?: boolean,
         chainRic?: string,
         collapsed?: boolean,
-        label?: (string|null)
+        label?: (string|null),
+        hidden?: boolean
     };
 
 }
@@ -30,6 +31,8 @@ declare class RowDefinition {
 
     public getRowId(): string;
 
+    public getConfigObject(rowOptions?: RowDefinition.Options): RowDefinition.Options;
+
     public getDataId(): string;
 
     public setDataSource(dataSource: DataCache): void;

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

@@ -13,6 +13,7 @@ import { DataTable } from "../../core/es6/data/DataTable.js";
 * @property {string=} chainRic="" RIC to be used for chain request (overiding ric property)
 * @property {boolean=} collapsed=false Chain is expanded by default
 * @property {(string|null)=} label=null
+* @property {boolean=} hidden=true When this row is hidden
 */
 
 /** @type {string}
@@ -280,6 +281,55 @@ RowDefinition.prototype.setContent = function(userInput) {
 RowDefinition.prototype.getRowId = function() {
 	return this._rowId;
 };
+/** @public
+* @param {RowDefinition~Options=} rowOptions
+* @return {RowDefinition~Options}
+*/
+RowDefinition.prototype.getConfigObject = function(rowOptions) {
+	var obj = rowOptions || {};
+	var val = this._ric;
+	if(val) {
+		obj["ric"] = val;
+	}
+
+	val = this._staticValues;
+	if(val) {
+		obj["values"] = val;
+	}
+
+	val = this._chainRic;
+	if(val) {
+		obj["chainRic"] = val;
+	}
+
+	val = this._label;
+	if(val) {
+		obj["label"] = val;
+	}
+
+	val = this._userModel;
+	if(val) {
+		obj["keepModel"] = obj;
+	}
+
+	val = this._isChain;
+	if(val) {
+		obj["asChain"] = val;
+	}
+
+	val = this._expanded;
+	if(val) {
+		obj["collapsed"] = !val;
+	}
+
+	// check row hidden
+	val = this._view.isHiddenRow(this._rowId);
+	if(val) {
+		obj["hidden"] = val;
+	}
+
+	return obj;
+};
 /** Since an index chain (e.g. .FTSE) can automatically produce rows for its constituent, we need to separate rowId and dataId, so that the constituents still use the same data Id as that of its parent.
 * @public
 * @return {string} Data Id will never be empty string unless the row has been removed
@@ -318,14 +368,14 @@ RowDefinition.prototype.setDataSource = function(dataSource) {
 * @return {Object} rowData
 */
 RowDefinition.prototype.getRowData = function() {
-	return this._dc.getRowData(this._dataId);
+	return this._dc ? this._dc.getRowData(this._dataId) : {};
 };
 /** @public
 * @param {string} field
 * @return {*} data
 */
 RowDefinition.prototype.getData = function(field) {
-	return this._dc.getData(this._dataId, field);
+	return this._dc ? this._dc.getData(this._dataId, field) : null;
 };
 
 /** @public

package/lib/tr-grid-cell-selection/es6/CellSelection.d.ts

@@ -53,7 +53,7 @@ declare class CellSelectionPlugin extends GridPlugin {
 
     public getAnchorInfo(): any;
 
-    public getSelectedCells(): (any)[];
+    public getSelectedCells(): (any[])[];
 
     public disableSelection(opt_disable?: boolean): void;
 

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

@@ -29,29 +29,11 @@ import { isIE, cloneObject, prepareTSVContent } from "../../tr-grid-util/es6/Uti
 * @property {boolean=} cancel Set to true to cancel operation.
 */
 
-/** Active cell selected.
-* @private
-* @param {Object} cell
-*/
-
-var selectCell = function selectCell(cell) {
-  if (cell) cell.enableClass("selection", true);
-};
-/** Deactive cell selected.
-* @private
-* @param {Object} cell
-*/
-
-
-var deselectCell = function deselectCell(cell) {
-  if (cell) cell.enableClass("selection", false);
-};
 /** @constructor
 * @param {Object=} options
 * @extends {GridPlugin}
 */
 
-
 var CellSelectionPlugin = function CellSelectionPlugin(options) {
   this._textRange = document.createRange();
   this._isIE = isIE();
@@ -876,8 +858,7 @@ CellSelectionPlugin.prototype._onColumnMoved = function (e) {
 
   for (var rowIndex = rect.top; rowIndex < rect.bottom; rowIndex++) {
     var rowObj = this._map[rowIndex];
-    var cell = rowObj.section.getCell(clearColIndex, rowObj.rowIndex);
-    deselectCell(cell);
+    rowObj.section.selectCell(clearColIndex, rowObj.rowIndex, false);
   } // NOTED: No need to reselect after clear selection UI.
   // postSectionDataBinding will do this job
 
@@ -991,19 +972,17 @@ CellSelectionPlugin.prototype._onPostSectionDataBinding = function (e) {
     var selectionRowEnd = this._curRect.bottom - rowOffset;
     var selectionColStart = this._curRect.left;
     var selectionColEnd = this._curRect.right;
-    var cell, rowIndex, colIndex;
+    var rowIndex, colIndex;
 
     for (rowIndex = e.fromRowIndex; rowIndex < e.toRowIndex; rowIndex++) {
       if (rowIndex >= selectionRowStart && rowIndex < selectionRowEnd) {
         // if row inside selection range
         for (colIndex = selectionColStart; colIndex < selectionColEnd; colIndex++) {
-          cell = e.section.getCell(colIndex, rowIndex);
-          selectCell(cell);
+          e.section.selectCell(colIndex, rowIndex, true);
         }
       } else {
         for (colIndex = selectionColStart; colIndex < selectionColEnd; colIndex++) {
-          cell = e.section.getCell(colIndex, rowIndex);
-          deselectCell(cell);
+          e.section.selectCell(colIndex, rowIndex, false);
         }
       }
     }
@@ -1025,8 +1004,8 @@ CellSelectionPlugin.prototype._isString = function (elem) {
 CellSelectionPlugin.prototype._cacheSectionMap = function () {
   var sectionCount = this._hosts[0].getSectionCount();
 
-  var totalRow = 0,
-      rowCount = 0;
+  var totalRow = 0;
+  var rowOffset = 0;
   this._hasCellSpan = false;
 
   var activeGrid = this._getActiveGrid();
@@ -1035,7 +1014,7 @@ CellSelectionPlugin.prototype._cacheSectionMap = function () {
     var sectionSettings = activeGrid.getSectionSettings(i);
     var section = sectionSettings.getSection();
     var hasCellSpan = section.hasCellSpan();
-    rowCount = section.getRowCount();
+    var rowCount = section.getRowCount();
 
     for (var j = 0; j < rowCount; ++j) {
       var obj = {};
@@ -1043,11 +1022,13 @@ CellSelectionPlugin.prototype._cacheSectionMap = function () {
       obj.hasCellSpan = hasCellSpan;
       obj.sectionIndex = i;
       obj.rowIndex = j;
+      obj.rowOffset = rowOffset;
       obj.type = sectionSettings.getType();
       this._map[totalRow] = obj;
       totalRow++;
     }
 
+    rowOffset += rowCount;
     this._hasCellSpan |= hasCellSpan;
   }
 
@@ -1263,6 +1244,29 @@ CellSelectionPlugin.prototype._updateSelection = function (tgtRect) {
   this._updateRowSelection(this._curRect.bottom, tgtRect.bottom);
 
   this._curRect.bottom = tgtRect.bottom;
+
+  var activeGrid = this._getActiveGrid();
+
+  if (activeGrid) {
+    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) {
+      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);
+    }
+  }
 };
 /** Update all column that mouse draged over.
 * @private
@@ -1331,13 +1335,9 @@ CellSelectionPlugin.prototype._updateRowSelection = function (from, to) {
 
 CellSelectionPlugin.prototype._selectAsPosition = function (rowIndex, colIndex, isSelect) {
   var mapInfo = this._map[rowIndex];
-  if (!mapInfo || this._unselectables[mapInfo.type] === true) return;
-  var cell = mapInfo.section.getCell(colIndex, mapInfo.rowIndex);
 
-  if (isSelect) {
-    selectCell(cell);
-  } else {
-    deselectCell(cell);
+  if (mapInfo && !this._unselectables[mapInfo.type]) {
+    mapInfo.section.selectCell(colIndex, mapInfo.rowIndex, isSelect);
   }
 };
 /** Check mouse is draging over cell that already selected.
@@ -1471,11 +1471,20 @@ CellSelectionPlugin.prototype.deselectAll = function () {
 
   var activeGrid = this._getActiveGrid();
 
-  var selectedCells = activeGrid.getElement().querySelectorAll("div.cell.selection");
-  var c = selectedCells.length;
+  if (activeGrid) {
+    var selectedCells = activeGrid.getElement().querySelectorAll("div.cell.selection"); // TODO: Move this logic to core grid
+
+    var c = selectedCells.length;
 
-  for (var i = 0; i < c; i++) {
-    selectedCells[i].classList.remove('selection');
+    for (var i = 0; i < c; i++) {
+      selectedCells[i].classList.remove('selection');
+    }
+
+    var contentSect = activeGrid.getSection("content");
+
+    if (contentSect) {
+      contentSect.setCellBounds(0, 0, 0, 0);
+    }
   }
 
   this._lastSelection = this.getSelectionBounds();
@@ -1601,7 +1610,11 @@ CellSelectionPlugin.prototype.selectSingleCell = function (anchor) {
 };
 /** Use to select multiple cells, can be selected by rectangle area.
 * @public
-* @param {Object} rect
+* @param {Object} rect Object with rowIndex, colIndex, width, and height properties
+* @example
+* ext.selectCells({
+*   colIndex: 1, rowIndex: 1, width: 2, height: 2
+* });
 */
 
 
@@ -1724,7 +1737,7 @@ CellSelectionPlugin.prototype.getAnchorInfo = function () {
 };
 /** Use to get selected cells.
 * @public
-* @return {Array.<Object>} array of cell
+* @return {Array.<Array>} 2D array of cells
 */
 
 

package/lib/tr-grid-checkbox/es6/Checkbox.d.ts

@@ -12,7 +12,8 @@ declare namespace CheckboxPlugin {
         checkboxCreated?: ((...params: any[]) => any),
         checkboxBinding?: ((...params: any[]) => any),
         clicked?: ((...params: any[]) => any),
-        width?: number
+        width?: number,
+        topCheckboxHandler?: boolean
     };
 
     type ColumnOptions = {
@@ -51,6 +52,8 @@ declare class CheckboxPlugin extends GridPlugin {
 
     public setAllCheckStates(checked: boolean): void;
 
+    public selectAllPages(checked?: boolean): void;
+
     public disableCheckbox(rowRef: number|string, disabled: boolean): void;
 
     public enableCheckbox(rowRef: number|string): void;

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

@@ -12,6 +12,7 @@ import {injectCss, prettifyCss, extendObject} from "../../tr-grid-util/es6/Util.
 * @property {Function=} checkboxBinding=null Function handler for checkboxBinding event
 * @property {Function=} clicked=null Function handler for checkbox clicked event
 * @property {number=} width=34 Width for checkbox column
+* @property {boolean=} topCheckboxHandler=true If disabled, when clicked on header row checkbox it will not perform default behavior
 */
 
 /** @typedef {Object} CheckboxPlugin~ColumnOptions
@@ -103,6 +104,10 @@ CheckboxPlugin.prototype._disablingField = "CHECK_BOX_DISABLED";
 * @private
 */
 CheckboxPlugin.prototype._autoRowSelection = false;
+/** @type {boolean}
+* @private
+*/
+CheckboxPlugin.prototype._topCheckboxHandler = true;
 /** @type {Function}
 * @private
 */
@@ -348,6 +353,10 @@ CheckboxPlugin.prototype.config = function (options) {
 	if(val) {
 		this._width = val;
 	}
+	val = chkboxOpt["topCheckboxHandler"];
+	if(val != null) {
+		this._topCheckboxHandler = val ? true : false;
+	}
 
 	this.addListener(chkboxOpt, "checkboxCreated");
 	this.addListener(chkboxOpt, "clicked");
@@ -447,20 +456,6 @@ CheckboxPlugin.prototype.beforeInit = function(elem, config, runTime) {
 		checkboxIdx = t._userCheckboxIdx = 0;
 		columns.unshift(chbxCol);
 	}
-
-	// Ensure freeze columns on the left of checkbox column
-	var freezeCol;
-	var freezeColumn = config["freezeColumn"];
-	var columnFreezing = config["columnFreezing"];
-	if (freezeColumn != null && freezeColumn >= 0) {
-		freezeCol = freezeColumn;
-	}
-	if (columnFreezing != null && columnFreezing >= 0) {
-		freezeCol = columnFreezing;
-	}
-	if (checkboxIdx <= freezeColumn) {
-		config["freezeColumn"] = config["columnFreezing"] = freezeCol + 1;
-	}
 };
 
 /** @private
@@ -703,6 +698,35 @@ CheckboxPlugin.prototype.setAllCheckStates = function (checked) {
 	}
 };
 
+/** Set state for all checkboxes regardless of pagination, state would be apply to all filtered data
+* @public
+* @param {boolean=} checked Truthy or Falsy value
+* @see {@link CheckboxPlugin#checkAll}
+*/
+CheckboxPlugin.prototype.selectAllPages = function (checked) {
+	var state = checked != null ? checked : true;
+	var host = this._hosts[0];
+	var dv = host ? host.getDataSource() : null;
+
+	if(dv) {
+		var allRids = dv.getSortedRowIds(true);  // All row ids with filter applied, including disabled and pagination
+
+		// remove disabled row
+		var rids = [];
+		var dataRows = dv.getMultipleRowData(allRids);
+		var len = dataRows.length;
+		var dataRow;
+		for(var i = 0; i < len; i++) {
+			dataRow = this._rowGetter(dataRows[i]);
+			if(dataRow && !dataRow[this._disablingField]) {
+				rids.push(allRids[i]);
+			}
+		}
+		var valueList = CheckboxPlugin._genData(rids.length, state);
+		this._setColumnData(dv, this._checkboxField, valueList, rids);
+	}
+};
+
 /** @public
 * @param {number|string} rowRef Row id in the data table or row index
 * @param {boolean} disabled Truthy or Falsy value
@@ -967,6 +991,9 @@ CheckboxPlugin.prototype._getAllCheckboxes = function (sectionSettings, ary) {
 * @param {string} state
 */
 CheckboxPlugin.prototype._setDescendantCheckState = function (sectionSettings, state) {
+	if(!this._topCheckboxHandler){
+		return;
+	}
 	var children = sectionSettings.getChildren();
 	if (children) {
 		for (var i = 0; i < children.length; ++i) {

package/lib/tr-grid-column-grouping/es6/ColumnGrouping.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 { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 
 declare namespace ColumnGroupingPlugin {
 

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

@@ -1,5 +1,6 @@
 import { Ext } from "../../tr-grid-util/es6/Ext.js";
 import { GridPlugin } from "../../tr-grid-util/es6/GridPlugin.js";
+import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 /** @typedef {Array<ColumnGroupingPlugin~GroupDefinition>} ColumnGroupingPlugin~Options
 * @description This options can be specified by `columnGrouping` property of the main grid's options or extension options.
 */
@@ -149,6 +150,15 @@ ColumnGroupingPlugin.prototype.initialize = function (host, options) {
   if (this._initializedGrid && host.getSection("title")) {
     // For run-time loading
     this._applyGrouping();
+  }
+
+  if (!ColumnGroupingPlugin._styles) {
+    ColumnGroupingPlugin._styles = prettifyCss([".tr-grid .title .column .cell:not(:last-child)", ["box-shadow: none;"]]);
+  }
+
+  if (!host._columnGroupingStyles) {
+    host._columnGroupingStyles = true;
+    injectCss(ColumnGroupingPlugin._styles, host.getElement());
   } // TODO: wrong render group in hide/show column
 
 };

package/lib/tr-grid-column-selection/es6/ColumnSelection.d.ts

@@ -1,13 +1,17 @@
 import { Ext } from "../../tr-grid-util/es6/Ext.js";
 import { Dom } from "../../tr-grid-util/es6/Dom.js";
 import { GridPlugin } from "../../tr-grid-util/es6/GridPlugin.js";
+import { ElfUtil } from "../../tr-grid-util/es6/ElfUtil.js";
+import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 
 declare namespace ColumnSelectionPlugin {
 
     type Options = {
         singleSelection?: boolean,
         clickToggle?: boolean,
-        selectionChanged?: ((...params: any[]) => any)
+        selectionChanged?: ((...params: any[]) => any),
+        menuClicked?: ((...params: any[]) => any),
+        menuPosition?: string
     };
 
     type ColumnOptions = {