@refinitiv-ui/efx-grid 6.0.84 → 6.0.85

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

@@ -1001,8 +1001,7 @@ ColumnDefinition.prototype._setField = function(field, columnOption) {
 	if(!field) {
 		field = "";
 	}
-	// Trim white spaces -- equivalent to String.trim(), which is not support in IE8
-	field = field.replace(/^\s+|\s+$/gm, "");
+	field = field.trim();
 
 	var formulaStr = columnOption ? columnOption["formula"] : "";
 	if(this._fnEngine) {

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

@@ -65,10 +65,10 @@ import { ElementWrapper } from "../../core/es6/grid/components/ElementWrapper.js
 * @property {boolean=} columnVirtualization=false If enabled, all columns will be rendered. This will greatly impact grid's performance if the column set is huge.
 * @property {(number|null|boolean)=} topFreezingCount=null If number >= 0 will fix number of frozen title section, If false = disabled scrollbar, if null then title section will freeze auto when new section added, this option will not work with scrollbar option.
 * @property {(number|null)=} bottomFreezingCount=null If number >= 0 will fix nuber of frozen footer section, if null then footer section will freeze auto when new section added, this option will not work with scrollbar option.
-* @property {boolean=} borders=true Lines around grid element
-* @property {boolean=} gridlines=true Horizontal and Vertical lines for ONLY content sections
-* @property {boolean=} verticalLines=true Vertical lines for all sections
-* @property {boolean=} contentVerticalLines=true Vertical lines for all content section
+* @property {boolean=} borders=false Lines around grid element
+* @property {boolean=} gridlines Horizontal and Vertical lines for ONLY content sections
+* @property {boolean=} verticalLines=false Vertical lines for all sections
+* @property {boolean=} contentVerticalLines=false Vertical lines for all content section
 * @property {boolean=} horizontalLines=true Horizontal lines for all sections
 * @property {*=} RTK=null rtk toolkit instance
 * @property {Grid~ADCOptions=} ADC=null ADC requesting level config object from adc team
@@ -1778,7 +1778,7 @@ Grid.prototype.restoreColumns = function(columns, byId) {
 			}
 		}
 		if (!found) {
-			removingFields.push(previousColumns[i].field);
+			removingFields.push(i);
 		}
 	}
 
@@ -1794,7 +1794,7 @@ Grid.prototype.restoreColumns = function(columns, byId) {
 		for (j = 0; j < keepingLen; j++) { // loop only keeping column
 			if(compareLogic(columns[i], keepingColumns[j])) {
 				found = true;
-				var colIndex = this.getColumnIndex(columns[i].field); // We cannot use 'i' (colIndex) in this case, as it will sort the columns. Instead, we need to obtain a new column index from the field.
+				var colIndex = this.getColumnIndex(columns[i].id || columns[i].field); // We cannot use 'i' (colIndex) in this case, as it will sort the columns. Instead, we need to obtain a new column index from the field.
 				columnOrdering.push(this.getColumnId(colIndex));
 				break;
 			}
@@ -3090,8 +3090,8 @@ Grid.prototype._getRowId = function(rowRef) {
 */
 Grid.prototype.getColumnIndex = function(colRef) {
 	if(colRef) {
-		var colCount = this.getColumnCount();
 		if(colRef instanceof ColumnDefinition) {
+			var colCount = this.getColumnCount();
 			for(var i = 0; i < colCount; ++i) {
 				var colDef = this.getColumnDefinition(i);
 				if(colDef === colRef) {

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

@@ -852,10 +852,11 @@ FilterInputPlugin.prototype.setInputValue = function (colIndex, value) {
   var colOpt = this._getExtColumnOption(colIndex);
 
   var type = colOpt.type ? colOpt.type.toLowerCase() : "";
+  var dateValue;
 
   if (type == "date") {
     var dateObj = ElfDate.from(value);
-    value = dateObj ? dateObj.toDateString().substr(4) : "";
+    dateValue = dateObj ? dateObj.toDateString().substr(4) : "";
   }
 
   if (type == "multiselect") {
@@ -866,9 +867,37 @@ FilterInputPlugin.prototype.setInputValue = function (colIndex, value) {
     this.filterColumn(colIndex, "", textMap);
   } else {
     inputElem.value = value;
-    this.filterColumn(colIndex, value);
+    this.filterColumn(colIndex, type == "date" ? dateValue : value);
   }
 };
+/** @public
+* @ignore
+* @param {number} colIndex
+* @return {Object}
+*/
+
+
+FilterInputPlugin.prototype.getColumnFilter = function (colIndex) {
+  var proc = this._filterProc;
+
+  if (proc) {
+    return proc.getColumnFilterState(colIndex);
+  }
+
+  return null;
+};
+/** @public
+* @ignore
+* @param {number} colIndex
+* @return {Function}
+*/
+
+
+FilterInputPlugin.prototype.getFilterLogic = function (colIndex) {
+  var option = this._getExtColumnOption(colIndex);
+
+  return option._comparingLogic;
+};
 /** Force filtering for every column
 * @public
 * @param {number=} delayMs=0 Set delay in millisecond to avoid repeatedly filtering

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

@@ -45,7 +45,10 @@ declare namespace RowFilteringPlugin {
         click?: ((...params: any[]) => any)|null,
         clicked?: ((...params: any[]) => any)|null,
         iconCreated?: ((...params: any[]) => any)|null,
-        filterChanged?: ((...params: any[]) => any)|null
+        filterChanged?: ((...params: any[]) => any)|null,
+        beforeDialogOpened?: ((...params: any[]) => any)|null,
+        dialogCommitted?: ((...params: any[]) => any)|null,
+        refreshed?: ((...params: any[]) => any)|null
     };
 
 }

package/lib/tr-grid-row-filtering/es6/RowFiltering.js

@@ -102,6 +102,9 @@ The expression can take various forms:<br>
 * @property {Function=} clicked=null Alias to `click` event handler
 * @property {Function=} iconCreated=null Event handler dispatched when a new column filter icon is created.
 * @property {Function=} filterChanged=null Event handler dispatched whenever global or column filter is changed by either adding or removing.
+* @property {Function=} beforeDialogOpened=null Event handler dispatched before dialog opening.
+* @property {Function=} dialogCommitted=null Event handler dispatched whenever the new settings from dialog are applied.
+* @property {Function=} refreshed=null Event handler dispatched after new filter is applied to grid's data view.
 */
 
 /** @private

package/lib/tr-grid-textformatting/es6/TextFormatting.js

@@ -30,8 +30,8 @@ import { DateTime } from '../../tr-grid-util/es6/DateTime.js';
 * @property {boolean=} precisionEnabled=true If disabled, number of decimal will remain as original.
 * @property {boolean=} plusSign=false
 * @property {boolean=} separator=false Thousands separators
-* @property {boolean=} percentSign=false
-* @property {string=} scalingUnit Value can be million or billion
+* @property {boolean=} percentSign=false If the formatType is percent and the value of percentSign is not specified, the percentSign is set to true by default
+* @property {string=} scalingUnit=million Value can be million or billion
 * @property {boolean=} multiplyBy100=false
 * @property {boolean=} mutiplyBy100=false Alias of multiplyBy100
 * @property {string=} dateTimeFormat="MM/DD/YYYY"
@@ -328,6 +328,14 @@ TextFormattingPlugin.prototype._setColumnFormat = function (colIndex, userObj) {
     }
     fo["decimalPlaces"] = precision;
     fo["precisionEnabled"] = precisionEnabled;
+    if (fot === "percent") {
+      var percentSign = fo["percentSign"];
+      if (percentSign == null) {
+        fo["percentSign"] = true;
+      } else {
+        colData["percentSign"] = percentSign;
+      }
+    }
     nf = new NumberFormatter(fo);
     ff.setNumberFormatter(nf.format);
   }
@@ -369,6 +377,9 @@ TextFormattingPlugin.prototype.getColumnFormatOptions = function (colIndex, opti
       } else {
         delete options["decimalPlaces"];
       }
+      if (options["formatType"] === "percent" && colData["percentSign"] != null) {
+        options["percentSign"] = colData["percentSign"];
+      }
     }
   }
   return options;

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

@@ -27,6 +27,8 @@ const DATE_TIME_TYPE = {
 	"TIME-DATE": true
 };
 
+const DEFAULT_DATE_TIME_FORMAT = "MM/DD/YYYY";
+
 /* eslint-enaable */
 
 /** @public
@@ -189,7 +191,7 @@ FieldFormatter.prototype.getOptions = function(options) { // serialize
 	options["field"] = this._field;
 	options["formatType"] = this._userFormatType ? this._userFormatType : this._formatType; // WARNING: Beware of case sensitivity
 	if(toDateTimeType(options["formatType"]) == DATE_TIME){
-		if(this._dateTimeFormat !== "") {
+		if(this._dateTimeFormat && this._dateTimeFormat !== DEFAULT_DATE_TIME_FORMAT) {
 			options["dateTimeFormat"] = this._dateTimeFormat;
 		}
 		if(this._timeZone !== "GMT") {
@@ -391,7 +393,7 @@ FieldFormatter.prototype._formatDateTime = function(val, rowData) {
 		}
 		val = new Date(sec * 1000); // Convert real-time raw data (second) to millisecond
 	}
-	return this._df(val, this._dateTimeFormat  || "MM/DD/YYYY", this._timeZone);
+	return this._df(val, this._dateTimeFormat || DEFAULT_DATE_TIME_FORMAT, this._timeZone);
 };
 /** @private
 * @param {number|string|Date} val

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

@@ -161,7 +161,7 @@ NumberFormatter.prototype.init = function(options) { // deserialize
 		if(val != null && val !== "") {
 			this._percentSignEnabled = val ? true : false;
 		} else {
-			this._percentSignEnabled = true;
+			this._percentSignEnabled = false;
 		}
 
 		val = options["multiplyBy100"];
@@ -267,7 +267,7 @@ NumberFormatter.prototype.getOptions = function(options) { // serialize
 	}
 
 	if(formatType === "percent") {
-		if(this._percentSignEnabled !== true) {
+		if(this._percentSignEnabled !== false) {
 			options["percentSign"] = this._percentSignEnabled;
 		}
 		if(this._multiplyBy100Enabled !== false) {

package/lib/types/es6/Core/grid/Core.d.ts

@@ -227,10 +227,6 @@ declare class Core extends ElementWrapper {
 
     public getColumnData(colIndex: number): any;
 
-    public setColumnData(colIndex: number, userData: any): any;
-
-    public newColumnData(colIndex: number): any;
-
     public setAlwaysRenderColumn(colIndex: number, alwaysRender?: boolean|null): void;
 
     public getFitContentWidth(): boolean;

package/lib/types/es6/Core/grid/plugins/SortableTitlePlugin.d.ts

@@ -18,6 +18,14 @@ declare namespace SortableTitlePlugin {
         order?: SortableTitlePlugin.SortOrder|null
     };
 
+    type SortingDefinition = {
+        colIndex?: number|null,
+        colId?: string|null,
+        field?: string|null,
+        sortOrder?: SortableTitlePlugin.SortOrder|null,
+        order?: SortableTitlePlugin.SortOrder|null
+    };
+
     type ColumnOptions = {
         sortable?: boolean|null,
         sortBy?: string|null,
@@ -30,7 +38,7 @@ declare namespace SortableTitlePlugin {
     };
 
     type Options = {
-        initialSort?: (SortableTitlePlugin.InitialSort|(SortableTitlePlugin.InitialSort)[])|null,
+        initialSort?: (SortableTitlePlugin.InitialSort|(SortableTitlePlugin.SortingDefinition)[])|null,
         multicolumn?: (boolean|number)|null,
         multiColumn?: (boolean|number)|null,
         threeStatesSorting?: boolean|null,
@@ -79,7 +87,7 @@ declare class SortableTitlePlugin extends EventDispatcher {
 
     public getSortedColumnIndex(priority?: number|null): number;
 
-    public getSortPriority(colIndex: number): number;
+    public getSortPriority(colIndex: number, colRef?: string|null): number;
 
     public isColumnSorted(colIndex: number): boolean;
 
@@ -89,7 +97,7 @@ declare class SortableTitlePlugin extends EventDispatcher {
 
     public sortColumn(colRef: number|string|null, sortOrder?: string|null, opt_arg?: any): void;
 
-    public sortColumns(sortOptions: (SortableTitlePlugin.InitialSort)[]|null, opt_arg?: any): void;
+    public sortColumns(sortOptions: (SortableTitlePlugin.SortingDefinition)[]|null, opt_arg?: any): void;
 
     public clearSortState(opt_arg?: any): void;
 
@@ -113,6 +121,8 @@ declare class SortableTitlePlugin extends EventDispatcher {
 
     public getColumnSortingFields(): (string)[];
 
+    public setFirstSortOrder(colIdentifier: string|number|(string|number)[]|null, sortOrder?: string|null): void;
+
     public disableTwoStateSorting(disabled?: boolean|null): void;
 
     public freezeIndicator(bool?: boolean|null): void;

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

@@ -45,7 +45,10 @@ declare namespace RowFilteringPlugin {
         click?: ((...params: any[]) => any)|null,
         clicked?: ((...params: any[]) => any)|null,
         iconCreated?: ((...params: any[]) => any)|null,
-        filterChanged?: ((...params: any[]) => any)|null
+        filterChanged?: ((...params: any[]) => any)|null,
+        beforeDialogOpened?: ((...params: any[]) => any)|null,
+        dialogCommitted?: ((...params: any[]) => any)|null,
+        refreshed?: ((...params: any[]) => any)|null
     };
 
 }

package/lib/versions.json

@@ -1,5 +1,5 @@
 {
-	"tr-grid-util": "1.3.136",
+	"tr-grid-util": "1.3.137",
 	"tr-grid-printer": "1.0.17",
 	"@grid/column-dragging": "1.0.16",
 	"@grid/row-segmenting": "1.0.30",
@@ -17,18 +17,18 @@
 	"tr-grid-conditional-coloring": "1.0.69",
 	"tr-grid-content-wrap": "1.0.20",
 	"tr-grid-contextmenu": "1.0.41",
-	"tr-grid-filter-input": "0.9.37",
+	"tr-grid-filter-input": "0.9.38",
 	"tr-grid-heat-map": "1.0.29",
 	"tr-grid-in-cell-editing": "1.0.81",
 	"tr-grid-pagination": "1.0.24",
 	"tr-grid-percent-bar": "1.0.22",
 	"tr-grid-range-bar": "2.0.6",
 	"tr-grid-row-dragging": "1.0.31",
-	"tr-grid-row-filtering": "1.0.67",
+	"tr-grid-row-filtering": "1.0.68",
 	"tr-grid-row-grouping": "1.0.86",
 	"tr-grid-row-selection": "1.0.27",
 	"tr-grid-rowcoloring": "1.0.25",
-	"tr-grid-textformatting": "1.0.47",
+	"tr-grid-textformatting": "1.0.48",
 	"tr-grid-titlewrap": "1.0.21",
 	"@grid/formatters": "1.0.51",
 	"@grid/column-selection-dialog": "4.0.56",

package/package.json

@@ -66,5 +66,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "6.0.84"
+	"version": "6.0.85"
 }