@refinitiv-ui/efx-grid 6.0.69 → 6.0.71

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

@@ -73,7 +73,6 @@ declare namespace Grid {
         contentRightPadding?: number|null,
         contentBottomPadding?: number|null,
         dataConflationRate?: number|null,
-        dataComposed?: ((...params: any[]) => any)|null,
         autoDateConversion?: boolean|null,
         textSelect?: boolean|null,
         lang?: string|null,
@@ -84,7 +83,11 @@ declare namespace Grid {
         timeSeriesExpansion?: boolean|null,
         childDataField?: string|null,
         topSection?: boolean|null,
-        sorting?: SortableTitlePlugin.Options|null
+        sorting?: SortableTitlePlugin.Options|null,
+        dataComposed?: ((...params: any[]) => any)|null,
+        beforeContentBinding?: ((...params: any[]) => any)|null,
+        firstRendered?: ((...params: any[]) => any)|null,
+        afterContentBinding?: ((...params: any[]) => any)|null
     };
 
     type RowReference = number|string|RowDefinition|null;

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

@@ -76,7 +76,6 @@ import { ElementWrapper } from "../../core/es6/grid/components/ElementWrapper.js
 * @property {number=} contentRightPadding=0 Padding that is added next to the right most column. The padding is still a part of scrollable content.
 * @property {number=} contentBottomPadding=0 Padding that is added below the last section. The padding is still a part of scrollable content.
 * @property {number=} dataConflationRate=0 set delay for data to avoid to much sorting operation when data changed
-* @property {Function=} dataComposed Handler for dataComposed event
 * @property {boolean=} autoDateConversion=false If enabled, date-time field with numeric value will be automatically converted to native date object.
 * @property {boolean=} textSelect=false If enabled, user can select content text by using mouse drag.
 * @property {string=} lang laguage for config localization date time, if null the default language is "en"
@@ -88,6 +87,10 @@ import { ElementWrapper } from "../../core/es6/grid/components/ElementWrapper.js
 * @property {string=} childDataField=CHILD_VALUES The given field will be used to store children's static data, such as row color assignment.
 * @property {boolean=} topSection=true If disabled, title section will not be rendered
 * @property {SortableTitlePlugin~Options=} sorting Options for sorting
+* @property {Function=} dataComposed Handler for dataComposed event
+* @property {Function=} beforeContentBinding Handler for beforeContentBinding event
+* @property {Function=} firstRendered Handler for firstRendered event
+* @property {Function=} afterContentBinding Handler for afterContentBinding event
 */
 
 /** @typedef {number|string|RowDefinition} Grid~RowReference
@@ -158,6 +161,16 @@ import { ElementWrapper } from "../../core/es6/grid/components/ElementWrapper.js
 * @description Trigger before content binding.
 */
 
+/** @event Grid#firstRendered
+* @property {Object} e Event of firstRendered
+* @description This event is triggered when the content is rendered for the first time.
+*/
+
+/** @event Grid#afterContentBinding
+* @property {Object} e Event of afterContentBinding
+* @description Trigger after content binding.
+*/
+
 /** @event Grid#beforeRowRemoved
 * @description Fired only when a row will be removed through Grid's API and before occurring of the actual removal
 */
@@ -312,7 +325,6 @@ var Grid = function(placeholder, config) {
 	t.updateColumnTitle = t.updateColumnTitle.bind(t);
 	t._populateTimeSeriesChildren = t._populateTimeSeriesChildren.bind(t);
 
-	t._onBeforeContentBinding = t._onBeforeContentBinding.bind(t);
 	t._onPostSectionDataBinding = t._onPostSectionDataBinding.bind(t);
 	t._asyncClearDataUpdates = t._asyncClearDataUpdates.bind(t);
 	t._clearDataUpdates = t._clearDataUpdates.bind(t);
@@ -405,9 +417,11 @@ var Grid = function(placeholder, config) {
 		t._grid.loadPlugin(t._stp, config);
 	}
 
-	t._grid.listen("beforeContentBinding", t._onBeforeContentBinding);
+	t._grid.listen("beforeContentBinding", t._dispatch.bind(t, "beforeContentBinding"));
 	t._grid.listen("preSectionRender", t._onColumnHeaderBinding);
 	t._grid.listen("postSectionDataBinding", t._onPostSectionDataBinding);
+	t._grid.listen("firstRendered", t._dispatch.bind(t, "firstRendered"));
+	t._grid.listen("afterContentBinding", t._dispatch.bind(t, "afterContentBinding"));
 
 	t._grid.enableRowHighlighting(true);
 
@@ -815,6 +829,7 @@ Grid.prototype.initialize = function(gridOption) {
 	var t = this; // For minimizing file size
 	t._initializing = true;
 	var grid = t._grid; // core grid
+	grid.resetInternalState();
 	gridOption = grid.normalizeConfig(gridOption);
 
 	var exts = gridOption["plugins"] || gridOption["extensions"];
@@ -921,10 +936,10 @@ Grid.prototype.initialize = function(gridOption) {
 		t.listen("rowExpansionBinding", rowExpansionBinding);
 	}
 
-	var dataComposedHandler = gridOption["dataComposed"];
-	if(typeof dataComposedHandler === "function") {
-		t.listen("dataComposed", dataComposedHandler);
-	}
+	this.addListener(gridOption, "dataComposed");
+	this.addListener(gridOption, "beforeContentBinding");
+	this.addListener(gridOption, "firstRendered");
+	this.addListener(gridOption, "afterContentBinding");
 
 	if(gridOption["autoDateConversion"]) {
 		t._autoDateConversion = true;
@@ -2580,7 +2595,6 @@ Grid.prototype.removeAllRows = function() {
 
 	// TODO: This logic should also be in the core grid
 	this._grid.getVScrollbar().setScrollTop(0);
-	this._grid.getHScrollbar().setScrollLeft(0);
 };
 /** WARNING: This does not remove data stored in the data cache
 * @private
@@ -3538,13 +3552,6 @@ Grid.prototype._mainSorter = function (rowDefA, rowDefB, order) {
 	return this._columnSorter(rowDefA, rowDefB, order);
 };
 
-/** @private
-* @param {Object} e
-*/
-Grid.prototype._onBeforeContentBinding = function(e) {
-	this._dispatch("beforeContentBinding", e);
-};
-
 /** @private
 * @param {Object} e
 */

package/lib/tr-grid-column-selection/es6/ColumnSelection.js

@@ -1405,44 +1405,24 @@ ColumnSelectionPlugin.prototype.selectByMouse = function (colIndex, mouseEvt) {
     mouseEvt = {};
   }
 
-  if (colIndex >= 0) {
-    var grid = this._activeGrid || this._hosts[0];
-    var cell = grid ? grid.getCell("title", colIndex, 0) : null;
-    mouseEvt.target = cell ? cell.getElement() : null;
-  }
+  mouseEvt.sectionType = "title";
+
+  var eventObj = this._mockMouseEvent(colIndex, 0, mouseEvt);
 
-  this._onClick(mouseEvt);
+  this._onClick(eventObj);
 };
 /** @public
 * @description Select a specified column by a keyboard input. This is for testing purpose.
 * @ignore
-* @param {number|string} keyCode Use "left" , "right" or "tab"
+* @param {number|string} keyCode Use key code number or "left" ,"right" or "tab" string
 * @param {Object=} keyboardEvt
 */
 
 
 ColumnSelectionPlugin.prototype.selectByKey = function (keyCode, keyboardEvt) {
-  if (!keyboardEvt) {
-    keyboardEvt = {};
-  }
-
-  if (keyCode) {
-    if (keyCode === "left") {
-      keyboardEvt.keyCode = 37;
-    } else if (keyCode === "right") {
-      keyboardEvt.keyCode = 39;
-    } else if (keyCode === "tab") {
-      keyboardEvt.keyCode = 9;
-    } else if (typeof keyCode === "number") {
-      keyboardEvt.keyCode = keyCode;
-    }
-  }
-
-  keyboardEvt.preventDefault = function () {};
-
-  keyboardEvt.stopPropagation = function () {};
+  var eventObj = this._mockKeyboardEvent(keyCode, keyboardEvt);
 
-  this._onKeyDown(keyboardEvt);
+  this._onKeyDown(eventObj);
 };
 
 export default ColumnSelectionPlugin;

package/lib/tr-grid-column-stack/es6/ColumnStack.js

@@ -677,6 +677,12 @@ ColumnStackPlugin.prototype._updateUI = function() {
 	}
 	this._updating = false;
 };
+/** @private */
+ColumnStackPlugin.prototype._forceUpdateUI = function() {
+	this._conflator.disable();
+	this._updateUI();
+	this._conflator.enable();
+};
 /** @private
 * @param {number} colIndex
 * @param {boolean} collapsed
@@ -1365,7 +1371,7 @@ ColumnStackPlugin.prototype._onPreSectionRender = function (e) {
 	if (e["sectionType"] !== "title") {
 		return;
 	}
-	this._updateUI(); // asyncronuos
+	this._forceUpdateUI();
 };
 /** @private
 * @param {Object} e

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

@@ -564,7 +564,6 @@ FilterInputPlugin.prototype._createFilterUI = function (colOpt) {
     case "ef-combo-box":
       elem.multiple = true;
       elem.data = CoralItems.create(colOpt.entries);
-      elem.addEventListener("opened-changed", this._onOpenedChanged, false);
 
       if (elemTrigger != false && elemTrigger != "") {
         elem.addEventListener("value-changed", this._onInputChanged, false);
@@ -1023,7 +1022,7 @@ FilterInputPlugin._rtCompareRow = function (filterOptions, rowData, rid) {
 };
 /** @private
 * @function
-* @param {Array<string>} ary
+* @param {Array<string|number>} ary
 * @return {Object}
 */
 
@@ -1035,7 +1034,14 @@ FilterInputPlugin._createMapObject = function (ary) {
     var count = ary.length;
 
     for (var i = 0; i < count; i++) {
-      var str = ary[i].toLowerCase();
+      var key = ary[i];
+
+      if (key == null || key === "") {
+        continue;
+      }
+
+      var str = FilterInputPlugin._transformToLowercaseString(key);
+
       textMap[str] = true;
     }
   }

package/lib/tr-grid-in-cell-editing/es6/InCellEditing.d.ts

@@ -18,7 +18,7 @@ declare namespace InCellEditingPlugin {
         popupElement?: Element|null,
         doubleClick?: boolean|null,
         tabToMove?: boolean|null,
-        contentSource?: boolean|null,
+        contentSource?: string|null,
         inlineStyling?: boolean|null,
         disablingScroll?: boolean|null,
         uiBlocking?: boolean|null,
@@ -30,7 +30,8 @@ declare namespace InCellEditingPlugin {
         beforeRowCommit?: ((...params: any[]) => any)|null,
         rowEditorClosed?: ((...params: any[]) => any)|null,
         autoSuggest?: Element|null,
-        closingOnScroll?: boolean|null
+        closingOnScroll?: boolean|null,
+        autoHiding?: boolean|null
     };
 
     type Cache = {

package/lib/tr-grid-in-cell-editing/es6/InCellEditing.js

@@ -17,7 +17,7 @@ import { CoralItems } from "../../tr-grid-util/es6/CoralItems.js";
 * @property {Element=} popupElement=null Element to be attached under the editor
 * @property {boolean=} doubleClick=true If disabled, double click will not trigger editor
 * @property {boolean=} tabToMove=false If enabled, pressing tab key while editor is active will open editor on the next editable cell.
-* @property {boolean=} contentSource="textContent" By default, the text in the editor will be populated with textContent of the target cell. Use "field" to populated data from grid's data model. Use "empty" to shows empty editor.
+* @property {string=} contentSource="textContent" By default, the text in the editor will be populated with textContent of the target cell. Use "field" to populated data from grid's data model. Use "empty" to shows empty editor.
 * @property {boolean=} inlineStyling=false force inline styles regardless of elf version.
 * @property {boolean=} disablingScroll=false Scrollbar will be frozen when editor opened. Deprecated in favor of uiBlocking
 * @property {boolean=} uiBlocking=false append transparent overlay to block ui interaction
@@ -29,7 +29,8 @@ import { CoralItems } from "../../tr-grid-util/es6/CoralItems.js";
 * @property {Function=} beforeRowCommit=null Handler before committing from all editors in the row
 * @property {Function=} rowEditorClosed=null Handler after closing of all editors
 * @property {Element=} autoSuggest=null Element of ef-autosuggest or atlas-autosuggest for handled with input cell
-* @property {boolean=} closingOnScroll=true If disabled, scrolling will not automatically close editor. autoHiding, closingOnScroll
+* @property {boolean=} closingOnScroll=true If disabled, the editor will not be automatically closed when scrolling grid.
+* @property {boolean=} autoHiding=true If disabled, the editor will not be automatically closed when losing its focus.
 */
 
 /** @typedef {Object} InCellEditingPlugin~Cache
@@ -337,6 +338,10 @@ InCellEditingPlugin.prototype._rowClosing = false;
 * @private
 */
 InCellEditingPlugin.prototype._closingOnScroll = true;
+/** @type {boolean}
+* @private
+*/
+InCellEditingPlugin.prototype._autoHiding = true;
 /** @type {number}
 * @private
 */
@@ -627,6 +632,9 @@ InCellEditingPlugin.prototype.config = function (options) {
   if (pluginOption["closingOnScroll"] == false) {
     t._closingOnScroll = false;
   }
+  if (pluginOption["autoHiding"] == false) {
+    t._autoHiding = false;
+  }
 
   // event callback
   t.addListener(pluginOption, "preEditorOpening");
@@ -638,6 +646,25 @@ InCellEditingPlugin.prototype.config = function (options) {
   t.addListener(pluginOption, "rowEditorClosed");
 };
 
+/** @private
+* @param {Object} obj
+* @param {string} propName
+* @param {boolean} propValue
+* @param {boolean} defaultValue
+* @returns {number} dirty
+*/
+var _setBooleanOption = function _setBooleanOption(obj, propName, propValue, defaultValue) {
+  if (defaultValue) {
+    if (!propValue) {
+      obj[propName] = false;
+      return true;
+    }
+  } else if (propValue) {
+    obj[propName] = true;
+    return true;
+  }
+  return false;
+};
 /** Get a current state of grid and extension config
  * @public
  * @param {Object=} out_obj
@@ -680,20 +707,28 @@ InCellEditingPlugin.prototype.getConfigObject = function (out_obj) {
     }
   }
   var extOptions = obj.inCellEditing;
+  var dirty = 0;
   if (!extOptions) {
-    extOptions = obj.inCellEditing = {};
-  }
-  extOptions.balloonMode = this._balloonMode;
-  extOptions.editableTitle = this._editableTitle;
-  extOptions.editableContent = this._editableContent;
-  extOptions.tabToMove = this._tabToMove;
-  extOptions.autoCommitText = this._autoCommitText;
-  extOptions.dataBinding = this._dataBinding;
-  extOptions.contentSource = this._contentSource;
-  extOptions.doubleClick = this._dblClick;
-  extOptions.inlineStyling = this._inlineStyling;
-  extOptions.disablingScroll = this._disablingScroll;
-  extOptions.uiBlocking = this._uiBlocking;
+    extOptions = {};
+  }
+  dirty |= _setBooleanOption(extOptions, "balloonMode", this._balloonMode, false);
+  dirty |= _setBooleanOption(extOptions, "editableTitle", this._editableTitle, false);
+  dirty |= _setBooleanOption(extOptions, "tabToMove", this._tabToMove, false);
+  dirty |= _setBooleanOption(extOptions, "autoCommitText", this._autoCommitText, false);
+  dirty |= _setBooleanOption(extOptions, "dataBinding", this._dataBinding, true);
+  dirty |= _setBooleanOption(extOptions, "doubleClick", this._dblClick, true);
+  dirty |= _setBooleanOption(extOptions, "inlineStyling", this._inlineStyling, false);
+  dirty |= _setBooleanOption(extOptions, "disablingScroll", this._disablingScroll, false);
+  dirty |= _setBooleanOption(extOptions, "uiBlocking", this._uiBlocking, false);
+  dirty |= _setBooleanOption(extOptions, "closingOnScroll", this._closingOnScroll, true);
+  dirty |= _setBooleanOption(extOptions, "autoHiding", this._autoHiding, true);
+  if (this._contentSource !== "textContent") {
+    dirty = 1;
+    extOptions.contentSource = this._contentSource;
+  }
+  if (dirty) {
+    obj.inCellEditing = extOptions;
+  }
   return obj;
 };
 
@@ -1081,6 +1116,9 @@ InCellEditingPlugin.prototype._openEditor = function (e, host, arg) {
     arg["segmentSeparator"] = dataSource.isSegmentSeparator(rowId);
     arg["groupHeader"] = dataSource.getGroupByRowId(rowId);
     arg["rowData"] = this._getRow(dataSource, rowId);
+    if (dataSource["stall"]) {
+      dataSource["stall"](true);
+    }
   }
 
   // Initialize UIs
@@ -1142,7 +1180,7 @@ InCellEditingPlugin.prototype._openEditor = function (e, host, arg) {
   }
   balloonPopup.enableUIBlocking(t._uiBlocking);
   balloonPopup.addEventListener("hidden", t._onPopupHide);
-  balloonPopup.disableAutoHiding(false);
+  balloonPopup.disableAutoHiding(!t._autoHiding);
   balloonPopup.disableHideOnScroll(true);
   balloonPopup.attachTo(cell.getElement());
   balloonPopup.show(true, parentElement);
@@ -1675,8 +1713,17 @@ InCellEditingPlugin.prototype._commitText = function (committed, suggestionDetai
     t._activeInCellCache.balloonPopup.hide();
   }
   Dom.removeParent(t._customElement);
-  t._freezeScrolling(arg["grid"], false);
-  arg["grid"].focus();
+  var grid = arg["grid"];
+  if (grid) {
+    t._freezeScrolling(grid, false);
+    grid.focus();
+  }
+  var dataSource = arg["dataSource"];
+  if (dataSource) {
+    if (dataSource["stall"]) {
+      dataSource["stall"](false);
+    }
+  }
   t._activePos = t._activeCell = t._prevContent = t._lastActiveGrid = t._activeInCellCache = null;
 };
 

package/lib/tr-grid-printer/es6/CellWriter.d.ts

@@ -8,7 +8,7 @@ declare class CellWriter extends ElementWrapper {
 
     public getContent(): Node|null|null;
 
-    public setContent(content: any, opt_tooltip?: boolean): Element|null;
+    public setContent(content: any, opt_tooltip?: boolean|null): Element|null;
 
     public setTooltip(str: string): void;
 
@@ -20,7 +20,7 @@ declare class CellWriter extends ElementWrapper {
 
     public removeIcon(n: any): void;
 
-    public updateIcon(elem: Element): void;
+    public updateIcon(elem: Element|null): void;
 
     public unlisten(): void;
 
@@ -36,13 +36,13 @@ declare class CellWriter extends ElementWrapper {
 
     public enableClass(str: string, bool: boolean): void;
 
-    public insertFloatingIcon(elem: Element, order: number): void;
+    public insertFloatingIcon(elem: Element|null, order: number): void;
 
-    public removeFloatingIcon(elemRef: string|Element, order: number): void;
+    public removeFloatingIcon(elemRef: string|Element|null, order: number): void;
 
     public getSection(): null;
 
-    public cloak(elem: Element): void;
+    public cloak(elem: Element|null): void;
 
 }
 

package/lib/tr-grid-printer/es6/CellWriter.js

@@ -10,16 +10,16 @@ var CellWriter = function () {
 };
 Ext.inherits(CellWriter, ElementWrapper);
 
-/** @type
-* @private
+/** @private
+* @type {Element}
 */
 CellWriter.prototype._flexRow = null;
-/** @type
-* @private
+/** @private
+* @type {Element}
 */
 CellWriter.prototype._floatingPanel = null;
-/** @type
-* @private
+/** @private
+* @type {Element}
 */
 CellWriter.prototype._frontPanel = null;
 

package/lib/tr-grid-printer/es6/GridPrinter.d.ts

@@ -7,13 +7,13 @@ import { SectionWriter } from "./SectionWriter.js";
 
 declare namespace GridPrinter {
 
-    function setPrintOptions(options: GridPrinter.Options): void;
+    function setPrintOptions(options: GridPrinter.Options|null): void;
 
-    function observe(iFrameElement?: HTMLIFrameElement): void;
+    function observe(iFrameElement?: HTMLIFrameElement|null): void;
 
     function unobserve(): void;
 
-    function enableDebugMode(bool?: boolean): void;
+    function enableDebugMode(bool?: boolean|null): void;
 
     function getPreFlightInfo(grid: any, options?: any): any;
 
@@ -22,11 +22,12 @@ declare namespace GridPrinter {
     function print(grid: any): void;
 
     type Options = {
-        pageWidth?: number,
-        pageHeight?: number,
-        primaryColumn?: number
+        pageWidth?: number|null,
+        pageHeight?: number|null,
+        primaryColumn?: number|null
     };
 
 }
 
+export default GridPrinter;
 export { GridPrinter };

package/lib/tr-grid-printer/es6/GridPrinter.js

@@ -134,7 +134,7 @@ var _getCoreGrid = function (grid) {
 	return core;
 };
 
-/** @namespaces
+/** @namespace
 */
 var GridPrinter = {};
 /** @private
@@ -647,7 +647,7 @@ GridPrinter._applyCss = function () {
 };
 
 /** @public
-* @param {*} grid grid element, currently supports atlas-blotter, ef-grid, tr.CompositeGrid, rt.Grid and Core
+* @param {*} grid grid element, currently supports efx-grid, atlas-blotter, ef-grid, tr.CompositeGrid, rt.Grid and Core
 */
 GridPrinter.print = function (grid) {
 	var core = null;
@@ -771,4 +771,6 @@ GridPrinter._onAfterPrint = function (e) {
 GridPrinter.Options;
 
 
+
+export default GridPrinter;
 export { GridPrinter };

package/lib/tr-grid-printer/es6/PrintTrait.d.ts

@@ -9,7 +9,7 @@ declare class PrintTrait {
 
     public static calculateEnvironment(): any;
 
-    public observe(iframeElement?: HTMLIFrameElement): void;
+    public observe(iframeElement?: HTMLIFrameElement|null): void;
 
     public unobserve(): void;
 

package/lib/tr-grid-printer/es6/SectionWriter.d.ts

@@ -29,7 +29,7 @@ declare class SectionWriter extends ElementWrapper {
 
     public enableRowClass(rowIndex: number, className: string, enabled: boolean): void;
 
-    public stretchCell(colIndex: number, rowIndex: number, opt_stretching?: boolean, opt_noLeftStretching?: boolean): void;
+    public stretchCell(colIndex: number, rowIndex: number, opt_stretching?: boolean|null, opt_noLeftStretching?: boolean|null): void;
 
     public hasCellSpan(): boolean;
 

package/lib/tr-grid-row-dragging/es6/RowDragging.js

@@ -465,6 +465,7 @@ RowDraggingPlugin.prototype.getConfigObject = function (out_obj) {
 	if(!extOptions) {
 		extOptions = obj.rowDragging = {};
 	}
+	// TODO: should not assign the config object if it's a default value
 	extOptions.dragBox = this._dragBoxEnabled;
 	extOptions.mouseInput = this._mouseInput;
 	extOptions.autoScroll = this._autoScroll;
@@ -474,6 +475,70 @@ RowDraggingPlugin.prototype.getConfigObject = function (out_obj) {
 	return obj;
 };
 
+/** Drag start to simulate "dragStart" event for testing purpose
+* @ignore
+* @param {number} rowIndex
+* @param {*=} mouseEvt
+*/
+RowDraggingPlugin.prototype.dragStart = function (rowIndex, mouseEvt) {
+	// dragstart event
+	if(!mouseEvt) {
+		mouseEvt = {};
+	}
+	mouseEvt["type"] = "dragstart";
+	var core = this._hosts[0];
+	var cell = core ? core.getCell("content", 0, rowIndex) : null;
+	mouseEvt.target = cell ? cell.getElement() : null;
+	this._onMouseDown(mouseEvt);
+	this.startDrag(mouseEvt);
+};
+
+/** Move mouse to drag cell for testing purpose
+* @public
+* @ignore
+* @param {number} rowIndex
+* @param {*=} mouseEvt
+*/
+RowDraggingPlugin.prototype.dragMove = function (rowIndex, mouseEvt) {
+	// mousemove, touchmove event
+	if(!mouseEvt) {
+		mouseEvt = {};
+	}
+	mouseEvt["type"] = "mousemove";
+	mouseEvt["which"] = 1; // Simulation of mouse down and move
+	var core = this._hosts[0];
+	var cell = core ? core.getCell("content", 0, rowIndex) : null;
+	var cellRelativePosition = core.getRelativePosition(cell); // get relative position of cell only when dragging for calculate dragBox
+
+	mouseEvt.clientX = cellRelativePosition.x;
+	mouseEvt.pageY = cellRelativePosition.y;
+	mouseEvt.target = cell ? cell.getElement() : null;
+	mouseEvt.stopPropagation = function() {};
+	mouseEvt.preventDefault = function() {};
+	this._onMouseMove(mouseEvt);
+
+};
+
+/** Mouse up to end of drag for testing purpose
+* @public
+* @ignore
+* @param {number} rowIndex
+* @param {*=} mouseEvt
+*/
+RowDraggingPlugin.prototype.dragEnd = function (rowIndex, mouseEvt) {
+	// mouseup, touchend, touchcancel event
+	if(!mouseEvt) {
+		mouseEvt = {};
+	}
+	mouseEvt["type"] = "mouseup";
+	var core = this._hosts[0];
+	var cell = core ? core.getCell("content", 0, rowIndex) : null;
+	mouseEvt.target = cell ? cell.getElement() : null;
+	mouseEvt.stopPropagation = function() {};
+	mouseEvt.preventDefault = function() {};
+	this._onDragEnd(mouseEvt);
+};
+
 /** @public
 * @param {*=} startRef
 */

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

@@ -113,8 +113,6 @@ declare class RowFilteringPlugin extends GridPlugin {
 
     public getColumnFilterStates(): any[];
 
-    public getUniqueValues(field: string, formatter?: ((...params: any[]) => any)|null, fmtField?: string|null, rawDataAccessor?: ((...params: any[]) => any)|null, formattedDataAccessor?: ((...params: any[]) => any)|null): any;
-
     public openDialog(colIndex: number, runtimeDialogOptions?: RowFilteringPlugin.FilterDialogOptions|null): void;
 
     public enableEmptySegmentFiltering(enabled?: boolean|null): void;
@@ -123,7 +121,7 @@ declare class RowFilteringPlugin extends GridPlugin {
 
 }
 
-declare function field(colIndex: number, exp: RowFilteringPlugin.Expression|null, ctx?: (any|string)|null): boolean;
+declare function colSettings(colIndex: number, exp: RowFilteringPlugin.Expression|null, ctx?: (any|string)|null): boolean;
 
 declare function crf(enabled?: boolean|null): void;