@refinitiv-ui/efx-grid 6.0.1 → 6.0.2

package/lib/tr-grid-row-selection/es6/RowSelection.js

@@ -3,6 +3,8 @@ import { EventDispatcher } from '../../tr-grid-util/es6/EventDispatcher.js';
 import { GridPlugin } from '../../tr-grid-util/es6/GridPlugin.js';
 import { isMac as isMacFn } from '../../tr-grid-util/es6/Util.js';
 import { isIE, prepareTSVContent } from "../../tr-grid-util/es6/Util.js";
+import { ElfUtil } from "../../tr-grid-util/es6/ElfUtil.js";
+import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 var isMac = isMacFn();
 /** Fired when selection is changed by mouse down or key press. A change by JavaScript APIs will not trigger this event.
 * @event RowSelectionPlugin#selectionChanged
@@ -25,6 +27,8 @@ var isMac = isMacFn();
 * @property {Function=} beforeSelection=null Handler executed before selection is made
 * @property {boolean=} basedOnContent=false Normally row selection will not move when data sorted, with this option turn on then selection will relocate strictly with row data.
 * @property {string=} selectionField=SELECTED_ROW Normally basedOnContent will set selection state in row data with field name "SELECTED_ROW" but you can change field name here.
+* @property {Function=} menuClicked=null Event Handler when user clicks on menu icon.
+* @property {string=} menuPosition="outside" show icon in column grid that have style outside and non-outside
 */
 
 /** @constructor
@@ -41,6 +45,9 @@ var RowSelectionPlugin = function (options) {
 	t._onBeforeRowRemoved = t._onBeforeRowRemoved.bind(t);
 	t._onReselection = t._onReselection.bind(t);
 	t._onPostSectionDataBinding = t._onPostSectionDataBinding.bind(t);
+	t._onThemeLoaded = t._onThemeLoaded.bind(t);
+	t._onRowPositionChanged = t._onRowPositionChanged.bind(t);
+	t._updateMenuIcon = t._updateMenuIcon.bind(t);
 
 	t._hosts = [];
 	t._anchorRowDict = {};
@@ -100,10 +107,26 @@ RowSelectionPlugin.prototype._isIE = false;
 * @private
 */
 RowSelectionPlugin.prototype._textRange = null;
+/** @type {Function}
+* @private
+*/
+RowSelectionPlugin.prototype._onMenuClicked = null;
+/** @type {Element}
+* @private
+*/
+RowSelectionPlugin.prototype._menuButton = null;
+/** @type {string}
+* @private
+*/
+RowSelectionPlugin.prototype._menuPosition = "outside";
 /** @type {number}
 * @private
 */
 RowSelectionPlugin.prototype._timerId = 0;
+/** @type {number}
+* @private
+*/
+RowSelectionPlugin.prototype._timerMenuId = 0;
 /** @type {(number|null)}
 * @private
 */
@@ -136,6 +159,7 @@ RowSelectionPlugin.prototype.initialize = function (host, options) {
 	host.listen("click", this._onClick);
 	host.listen("keydown", this._onKeyDown);
 	host.listen("postSectionDataBinding", this._onPostSectionDataBinding);
+	host.listen("rowPositionChanged", this._onRowPositionChanged);
 
 	var wrapper = this.getGridApi(host);
 	if(wrapper) {
@@ -147,6 +171,59 @@ RowSelectionPlugin.prototype.initialize = function (host, options) {
 	// host.listen("cut", this._onCopy);
 
 	this.config(options);
+
+	if(this._onMenuClicked) { // use styles menu icon only when want to use icon menu
+		if(RowSelectionPlugin._stylePromise) {
+			RowSelectionPlugin._applyThemeColor(host);
+		} else {
+			RowSelectionPlugin._stylePromise = ElfUtil.getThemeColors();
+			RowSelectionPlugin._stylePromise.then(this._onThemeLoaded);
+		}
+	}
+
+};
+
+/** @private
+* @param {Object} colors
+*/
+RowSelectionPlugin.prototype._onThemeLoaded = function(colors) {
+	if(!RowSelectionPlugin._styles) {
+		var styles = [
+			".row-selection-menu", [
+				"position: absolute;",
+				"background-color: var(--grid-column-menu-icon-bgcolor);",
+				"color: var(--grid-column-menu-icon-color);",
+				"z-index: 1;",
+				"cursor: pointer;",
+				"text-align: center;",
+				"width: 16px;",
+				"height: 16px;",
+				"padding: 6px;"
+			],
+			".row-selection-menu:hover", [
+				"background-color: var(--grid-column-menu-icon-hover-bgcolor);"
+			],
+			".row-selection-menu-inside", [
+				"padding: 4px;"
+			]
+		];
+		RowSelectionPlugin._styles = prettifyCss(styles);
+	}
+	for(var i = this._hosts.length; --i >= 0;) {
+		RowSelectionPlugin._applyThemeColor(this._hosts[i]);
+	}
+};
+/** @private
+* @param {Object} grid core grid instance
+*/
+RowSelectionPlugin._applyThemeColor = function(grid) {
+	if(!grid || grid._rowSelectionStyles) {
+		return;
+	}
+	if(RowSelectionPlugin._styles) {
+		grid._rowSelectionStyles = true; // Prevent loading the same style twice
+		injectCss(RowSelectionPlugin._styles, grid.getParent());
+	}
 };
 /** @public
 * @param {Object=} host core grid instance
@@ -161,12 +238,15 @@ RowSelectionPlugin.prototype.unload = function (host) {
 	host.unlisten("click", this._onClick);
 	host.unlisten("keydown", this._onKeyDown);
 	host.unlisten("postSectionDataBinding", this._onPostSectionDataBinding);
+	host.unlisten("rowPositionChanged", this._onRowPositionChanged);
+
 	this._hosts.splice(at, 1);
 
 	if (!this._hosts.length) {
 		if(this._timerId) {
 			clearTimeout(this._timerId);
 			this._timerId = 0;
+			this._timerMenuId = 0;
 			this._pendingSelection = null;
 		}
 	}
@@ -197,6 +277,14 @@ RowSelectionPlugin.prototype.config = function (options) {
 			if (pluginOptions["selectionField"]) {
 				this._selectionField = pluginOptions["selectionField"];
 			}
+			var val = pluginOptions["menuClicked"];
+			if(typeof val === "function"){
+				this._onMenuClicked = val;
+			}
+			val = pluginOptions["menuPosition"];
+			if(val) {
+				this._menuPosition = val;
+			}
 		} else if (pluginOptions === "single") {
 			this._singleSelMode = true;
 		}
@@ -300,7 +388,7 @@ RowSelectionPlugin.prototype.getFirstSelectedIndex = function (sectRef) {
 		var dv = this._activeGrid ? this._activeGrid.getDataSource() : null;
 		if (!dv) return null;
 
-		var rids = dv.getAllRowIds(true, true);
+		var rids = dv.getVisibleRowIds(true);
 		var rows = dv.getMultipleRowData(rids);
 		var count = rows.length;
 		var dataRow;
@@ -328,7 +416,7 @@ RowSelectionPlugin.prototype.getLastSelectedIndex = function (sectRef) {
 		var dv = this._activeGrid ? this._activeGrid.getDataSource() : null;
 		if (!dv) return null;
 
-		var rids = dv.getAllRowIds(true, true);
+		var rids = dv.getVisibleRowIds(true);
 		var rows = dv.getMultipleRowData(rids);
 		var count = rows.length;
 		var dataRow;
@@ -357,7 +445,7 @@ RowSelectionPlugin.prototype.getSelectedRows = function (sectRef) {
 		var dv = this._activeGrid ? this._activeGrid.getDataSource() : null;
 		if (!dv) return null;
 
-		var rids = dv.getAllRowIds(true, true);
+		var rids = dv.getVisibleRowIds(true);
 		var rows = dv.getMultipleRowData(rids);
 		var count = rows.length;
 		var selectedRows = [];
@@ -385,7 +473,7 @@ RowSelectionPlugin.prototype.getSelectedRowIds = function (sectRef) {
 	var selRows = this.getSelectedRows(sectRef);
 	if (selRows) {
 		var dv = this._activeGrid.getDataSource();
-		var rowIds = dv.getAllRowIds(true, true);
+		var rowIds = dv.getVisibleRowIds(true);
 		len = selRows.length;
 		rids = new Array(len);
 		for (i = 0; i < len; ++i) {
@@ -471,6 +559,7 @@ RowSelectionPlugin.prototype.selectAllRows = function (activeGrid) {
 			}
 		}
 	}
+	this._updateMenuIcon();
 };
 
 /** @public
@@ -485,6 +574,7 @@ RowSelectionPlugin.prototype.selectRowRange = function (rowIndex, length, sectRe
 	if (opt_scrollToRow) {
 		this._scrollToRow(rowIndex);
 	}
+	this._updateMenuIcon();
 };
 
 /** @public
@@ -516,6 +606,9 @@ RowSelectionPlugin.prototype._onClick = function (e) {
 		var host = this.getRelativeGrid(e);
 		this._clearPendingClickIndex(host);
 
+		if(!this._basedOnContent) { // Protect against rowPositionChanged and postBindingSection event
+			this._updateMenuIcon();
+		}
 		this._dispatchSelectionChanged(e);
 	}
 };
@@ -624,6 +717,9 @@ RowSelectionPlugin.prototype._onMouseDown = function (e) {
 			host.getParent().focus();
 		}
 	}
+	if(!this._basedOnContent) { // Protect against rowPositionChanged and postBindingSection event
+		this._updateMenuIcon();
+	}
 
 	this._dispatchSelectionChanged(e, rowIndex, section);
 };
@@ -767,6 +863,20 @@ RowSelectionPlugin.prototype._onPostSectionDataBinding = function (e) {
 		isSelect = dataRow ? dataRow[this._selectionField] : false;
 		e.section.setSelectedRow(rowIndex, isSelect === true);
 	}
+	this._updateMenuIcon();
+};
+
+/** @private
+* @param {Object} e
+*/
+RowSelectionPlugin.prototype._onRowPositionChanged = function (e) {
+	if(this._timerMenuId) {
+		return;
+	}
+	if(e.sender && e.sender === this._activeGrid) {
+		this._clearMenuIcon(); // Clear icon before re-renderer
+		this._timerMenuId = setTimeout(this._updateMenuIcon, 800);
+	}
 };
 
 /** Get text from selected cells. If no selection, return empty string. <br>
@@ -839,7 +949,7 @@ RowSelectionPlugin.prototype._clearSelectedRows = function (preserveAnchor) { //
 		if (this._basedOnContent) {
 			var dv = this._activeGrid.getDataSource();
 			if (dv) {
-				var rids = dv.getAllRowIds(true, true);
+				var rids = dv.getVisibleRowIds(true);
 				var rows = dv.getMultipleRowData(rids);
 				var valueList = [];
 				var ridList = [];
@@ -875,6 +985,7 @@ RowSelectionPlugin.prototype._clearSelectedRows = function (preserveAnchor) { //
 			this._anchorSection = null;
 		}
 		this._clearPendingClickIndex(this._activeGrid);
+		this._clearMenuIcon();
 	}
 };
 /** @private
@@ -937,7 +1048,9 @@ RowSelectionPlugin.prototype._selectByKey = function (direction, e, pageKey) {
 	}
 
 	this._scrollToRow(next);
-
+	if(!this._basedOnContent) { // Protect against rowPositionChanged and postBindingSection event
+		this._updateMenuIcon();
+	}
 	this._dispatchSelectionChanged(e, next);
 };
 /** @private
@@ -975,7 +1088,7 @@ RowSelectionPlugin.prototype._sectionSelectRowRange = function (section, rowInde
 
 		if (dv) {
 			var toRowIndex = rowIndex + length - 1;
-			var rids = dv.getAllRowIds(true, true);
+			var rids = dv.getVisibleRowIds(true);
 			var ridList = [];
 			var valueList = [];
 			for (var r = rowIndex; r <= toRowIndex; r++) {
@@ -1034,6 +1147,74 @@ RowSelectionPlugin.prototype._selectSingleRow = function (section, rowIndex) {
 	return true;
 };
 
+/** @private
+* @return {boolean} return true if can added icon
+*/
+RowSelectionPlugin.prototype._updateMenuIcon = function () {
+	this._timerMenuId = 0;
+	if(!this._onMenuClicked) {
+		return false;
+	}
+	var host = this._activeGrid;
+	var startRowIndex = this.getFirstSelectedIndex();
+	if(startRowIndex == null || !host) { // have no selected rows
+		return false;
+	}
+	var endRowIndex = this.getLastSelectedIndex();
+	var parentEl = host.getParent().parentNode;
+
+	if(!this._menuButton) {
+		this._menuButton = document.createElement("div");
+		this._menuButton.classList.add("row-selection-menu");
+		this._menuButton.addEventListener("click", this._onMenuClicked);
+		var coralIcon = document.createElement("ef-icon");
+		coralIcon.icon = "most-detail";
+		this._menuButton.appendChild(coralIcon);
+	}
+
+	parentEl.appendChild(this._menuButton);
+
+	var menuIconSize = 28; // Currently support 28 and 24 pixel only
+	var rowRect = host.getRowRect(startRowIndex, endRowIndex);
+
+	if( rowRect.scrollViewSize <= rowRect.top || rowRect.height + rowRect.top <= 0) { // hide icon when have no selection in view both left and right
+		this._clearMenuIcon();
+		return false;
+	}
+
+	var leftOffset = rowRect.left + rowRect.width;
+	var topOffset = rowRect.top + rowRect.scrollViewTop;
+	if(this._menuPosition !== "outside") {
+		menuIconSize = 24;
+		this._menuButton.classList.add("row-selection-menu-inside");
+		leftOffset = rowRect.left + rowRect.width - menuIconSize;
+		topOffset = rowRect.top  + rowRect.scrollViewTop - menuIconSize;
+
+		if(rowRect.top < menuIconSize) {
+			topOffset = rowRect.top + rowRect.scrollViewTop;
+		}
+
+	} else {
+		if(rowRect.top <= 0) {
+			topOffset = rowRect.scrollViewTop;
+		}
+
+		if(rowRect.top + menuIconSize >= rowRect.scrollViewSize) { // when move from top to bottom and try to set new position icon
+			topOffset = rowRect.scrollViewSize;
+		}
+	}
+
+	this._menuButton.style.left = leftOffset + "px";
+	this._menuButton.style.top = topOffset + "px";
+	return true;
+};
+
+/** @private */
+RowSelectionPlugin.prototype._clearMenuIcon = function () {
+	if(this._menuButton && this._menuButton.parentNode) {
+		this._menuButton.parentNode.removeChild(this._menuButton);
+	}
+};
 /** @private
 * @param {number} rowIndex
 * @param {number} length

package/lib/tr-grid-rowcoloring/es6/RowColoring.d.ts

@@ -30,6 +30,8 @@ declare class RowColoringPlugin extends GridPlugin {
 
     public getConfigObject(gridOptions?: any): any;
 
+    public getRowConfigObject(rowId: string): any|null;
+
     public setRowColor(rowRef: string|number, bgColor?: (string|null), txtColor?: (string|null)): void;
 
     public getRowColor(rowRef: string|number): string;

package/lib/tr-grid-rowcoloring/es6/RowColoring.js

@@ -231,6 +231,42 @@ RowColoringPlugin.prototype.getConfigObject = function (gridOptions) {
   return obj;
 };
 /** @public
+* @param {string} rowId
+* @return {Object|null} If this row doesn't contain a config object, return null.
+*/
+
+
+RowColoringPlugin.prototype.getRowConfigObject = function (rowId) {
+  // TODO: Should be call a method for get data from dataTable in tr-grid-util instead of call direct in dataTable
+  var dv = this._getDataView();
+
+  if (!dv) {
+    return null;
+  }
+
+  var dt = dv.getDataSource();
+
+  if (!dt) {
+    return null;
+  }
+
+  var rowData = this._rowGetter(dt.getRowData(rowId)); // get data from dataTable
+
+
+  if (!rowData) {
+    return null;
+  }
+
+  var obj = {}; // Only css field for predefine user color classes are currently supported
+
+  if (rowData[this._cssField]) {
+    obj[this._cssField] = rowData[this._cssField];
+    return obj;
+  }
+
+  return null;
+};
+/** @public
 * @param {string|number} rowRef Row id in the data table or row index
 * @param {(string|null)=} bgColor
 * @param {(string|null)=} txtColor

package/lib/tr-grid-util/es6/CellPainter.d.ts

@@ -44,9 +44,9 @@ declare class CellPainter {
 
     constructor();
 
-    public static readonly themeReady: Promise<any>;
+    public static readonly themeReady: Promise<any>|null;
 
-    public static parse(expression: string|((...params: any[]) => any)): ((...params: any[]) => any);
+    public static parse(expression: string|((...params: any[]) => any)): ((...params: any[]) => any)|null;
 
     public dispose(): void;
 
@@ -64,9 +64,9 @@ declare class CellPainter {
 
     public applyThemeColor(): void;
 
-    public getConditions(): (any)[];
+    public getConditions(): (any)[]|null;
 
-    public getColoringType(): CellPainter.ColoringTypes;
+    public getColoringType(): CellPainter.ColoringTypes|null;
 
     public setConditions(conditions: (CellPainter.Condition)[]): void;
 
@@ -96,7 +96,7 @@ declare class CellPainter {
 
     public renderForPrinting(cell: Element, rowData: any, min: number, max: number): void;
 
-    public static blendColor(baseColor: string, maxColor: string, ratio: number): (number)[];
+    public static blendColor(baseColor: string, maxColor: string, ratio: number): (number)[]|null;
 
     public static rgb2Hex(rgbCode: string): string;
 
@@ -104,15 +104,15 @@ declare class CellPainter {
 
     public static num2Rgb(triplet: (number)[]): string;
 
-    public static hex2Num(hex: string): (number)[];
+    public static hex2Num(hex: string): (number)[]|null;
 
     public static hex2Rgb(hex: string): string;
 
     public static setThemeColors(): void;
 
-    public static loadThemeColors(): Promise<any>;
+    public static loadThemeColors(): Promise<any>|null;
 
-    public static reloadThemeColors(): Promise<any>;
+    public static reloadThemeColors(): Promise<any>|null;
 
     public static getOppositeColor(hexCode: string|(number)[]): string;
 

package/lib/tr-grid-util/es6/Conflator.d.ts

@@ -4,9 +4,9 @@ declare class Conflator {
 
     constructor(func?: (((...params: any[]) => any)|number), ms?: (number|((...params: any[]) => any)), thisObj?: any);
 
-    public reset(): any[];
+    public reset(): any[]|null;
 
-    public popAllData(): any[];
+    public popAllData(): any[]|null;
 
     public dispose(): void;
 

package/lib/tr-grid-util/es6/CoralItems.d.ts

@@ -2,7 +2,7 @@
 
 declare namespace CoralItems {
 
-    function create(userItems: any[]): (any)[];
+    function create(userItems: any[]): (any)[]|null;
 
 }
 

package/lib/tr-grid-util/es6/DateTime.d.ts

@@ -41,13 +41,13 @@ declare const SECONDS_IN_HOUR: number;
 
 declare const SECONDS_IN_MINUTE: number;
 
-declare const SHORT_DAYS: (string)[];
+declare const SHORT_DAYS: (string)[]|null;
 
-declare const FULL_DAYS: (string)[];
+declare const FULL_DAYS: (string)[]|null;
 
-declare const SHORT_MONTHS: (string)[];
+declare const SHORT_MONTHS: (string)[]|null;
 
-declare const FULL_MONTHS: (string)[];
+declare const FULL_MONTHS: (string)[]|null;
 
 declare function prefixZero(num: number): string;
 

package/lib/tr-grid-util/es6/Delay.d.ts

@@ -6,7 +6,7 @@ declare class Delay {
 
     public static readonly promise: Promise<any>;
 
-    public static for(ms?: number, ctx?: any): Delay;
+    public static for(ms?: number, ctx?: any): Delay|null;
 
     public resolve(): void;
 

package/lib/tr-grid-util/es6/Dom.d.ts

@@ -8,9 +8,9 @@ declare namespace Dom {
 
     function text(textContent?: string, className?: string): Element;
 
-    function appendChild(parentElem: Element, children: Node|any[]): Element;
+    function appendChild(parentElem: Element, children: Node|any[]): Element|null;
 
-    function buildTree(parentElem: Element, children: Node|any[]): Element;
+    function buildTree(parentElem: Element, children: Node|any[]): Element|null;
 
     function setContent(elem: Element, val: any): void;
 
@@ -22,9 +22,9 @@ declare namespace Dom {
 
     function getRelativePosition(A: Element|Event|MouseEvent, B: Element|Event|MouseEvent, retObj?: any): any;
 
-    function closestElement(elem: Element|Node|undefined, classStr: string): Element;
+    function closestElement(elem: Element|Node|undefined, classStr: string): Element|null;
 
-    function closestTagName(elem: Element|Node|undefined, tn: string): Element;
+    function closestTagName(elem: Element|Node|undefined, tn: string): Element|null;
 
 }
 

package/lib/tr-grid-util/es6/ElementWrapper.d.ts

@@ -5,7 +5,7 @@ declare class ElementWrapper extends EventDispatcher {
 
     constructor();
 
-    public getElement(): Element;
+    public getElement(): Element|null;
 
     public setParent(parent: Node|ElementWrapper): void;
 

package/lib/tr-grid-util/es6/ElfDate.d.ts

@@ -2,7 +2,7 @@
 
 declare namespace ElfDate {
 
-    function from(val: any): Date;
+    function from(val: any): Date|null;
 
     function isValid(d: Date): boolean;
 
@@ -12,13 +12,13 @@ declare namespace ElfDate {
 
     function setDate(edtp: Element, val: any): void;
 
-    function getDate(edtp: Element): Date;
+    function getDate(edtp: Element): Date|null;
 
     function compare(valA: any, valB: any): number;
 
     function equal(valA: any, valB: any): boolean;
 
-    function extractDate(d: Date): (number)[];
+    function extractDate(d: Date): (number)[]|null;
 
 }
 

package/lib/tr-grid-util/es6/ElfUtil.d.ts

@@ -3,9 +3,9 @@ import { Deferred } from "./Deferred.js";
 
 declare namespace ElfUtil {
 
-    const themeReady: Promise<any>;
+    const themeReady: Promise<any>|null;
 
-    const themeColors: { [key: string]:  string };
+    const themeColors: { [key: string]:  string }|null;
 
     function getElfVersion(): number;
 
@@ -21,9 +21,9 @@ declare namespace ElfUtil {
 
     function getIconList(): (string)[];
 
-    function prepareIconPreloading(): (string)[];
+    function prepareIconPreloading(): (string)[]|null;
 
-    function getThemeColors(): Promise<any>;
+    function getThemeColors(): Promise<any>|null;
 
     function getMovementColorProfile(): string;
 

package/lib/tr-grid-util/es6/EventDispatcher.d.ts

@@ -12,7 +12,7 @@ declare class EventDispatcher {
 
     public hasListener(type: string): boolean;
 
-    public getListener(type: string, idx?: number): ((...params: any[]) => any);
+    public getListener(type: string, idx?: number): ((...params: any[]) => any)|null;
 
     public addListener(obj: any, type: string): void;
 

package/lib/tr-grid-util/es6/FieldFormatter.d.ts

@@ -25,7 +25,7 @@ declare class FieldFormatter {
 
     public getField(): string;
 
-    public clone(): FieldFormatter;
+    public clone(): FieldFormatter|null;
 
     public setFormatType(type: string): void;
 

package/lib/tr-grid-util/es6/FilterBuilder.d.ts

@@ -32,17 +32,17 @@ declare class FilterBuilder {
 
     public addConditions(conditions: FilterBuilder.Conditions): number;
 
-    public getConditions(): FilterBuilder.Conditions;
+    public getConditions(): FilterBuilder.Conditions|null;
 
-    public buildFilter(): ((...params: any[]) => any);
+    public buildFilter(): ((...params: any[]) => any)|null;
 
-    public buildMonitorFilter(filterStr: string, field: string, formatter?: ((...params: any[]) => any), formattedField?: string): ((...params: any[]) => any);
+    public buildMonitorFilter(filterStr: string, field: string, formatter?: ((...params: any[]) => any), formattedField?: string): ((...params: any[]) => any)|null;
 
-    public parse(condition: any, field?: string, formatter?: ((...params: any[]) => any), formattedField?: string, rawDataAccessor?: ((...params: any[]) => any), formattedDataAccessor?: ((...params: any[]) => any)): ((...params: any[]) => any);
+    public parse(condition: any, field?: string, formatter?: ((...params: any[]) => any), formattedField?: string, rawDataAccessor?: ((...params: any[]) => any), formattedDataAccessor?: ((...params: any[]) => any)): ((...params: any[]) => any)|null;
 
 }
 
-declare function buildFilterFromObjectMap(obj: any, field: string, rawDataAccessor?: ((...params: any[]) => any)): ((...params: any[]) => any);
+declare function buildFilterFromObjectMap(obj: any, field: string, rawDataAccessor?: ((...params: any[]) => any)): ((...params: any[]) => any)|null;
 
 export default FilterBuilder;
 export { FilterBuilder, buildFilterFromObjectMap };

package/lib/tr-grid-util/es6/GridPlugin.d.ts

@@ -20,7 +20,7 @@ declare class GridPlugin extends EventDispatcher {
 
     public unload(host?: any): void;
 
-    public getRelativeGrid(e: Event|Element|any): any;
+    public getRelativeGrid(e: Event|Element|any): any|null;
 
     public setGridWrapper(gridType: string, wrapperInstance: any): void;
 
@@ -30,13 +30,13 @@ declare class GridPlugin extends EventDispatcher {
 
     public getColumnIndex(colId: number|string): number;
 
-    public getColumnIndices(colRefs: (number|string)[]): (number)[];
+    public getColumnIndices(colRefs: (number|string)[]): (number)[]|null;
 
     public getColumnId(colIndex: number|string): string;
 
     public getColumnCount(): number;
 
-    public static requestPlugin(ref: any, pluginRef: any, configObj?: any, compositeGrid?: any, realTimeGrid?: any): Promise<any>;
+    public static requestPlugin(ref: any, pluginRef: any, configObj?: any, compositeGrid?: any, realTimeGrid?: any): Promise<any>|null;
 
 }
 

package/lib/tr-grid-util/es6/MouseDownTrait.d.ts

@@ -22,7 +22,7 @@ declare class MouseDownTrait extends EventDispatcher {
 
     public enable(opt_bool?: boolean): void;
 
-    public getElement(): Element;
+    public getElement(): Element|null;
 
     public setElement(elem?: Element): void;