@refinitiv-ui/efx-grid 6.0.87 → 6.0.89

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

@@ -79,8 +79,8 @@ The expression can take various forms:<br>
 
 /** @typedef {Object} RowFilteringPlugin~FilterDialogOptions
 * @description Options that specify UIs of filter dialog
-* @property {boolean=} sortUI show/hide sort UI
-* @property {boolean=} filterUI show/hide filter UI
+* @property {boolean=} sortUI=true show/hide sort UI
+* @property {boolean=} filterUI=true show/hide filter UI
 * @property {string=} fieldDataType data type of column
 * @property {string=} lang dialog language
 * @property {Function=} rawDataAccessor In case you have custom data type for the specified field, data getter is needed to retrieve raw value for filtering
@@ -112,7 +112,7 @@ The expression can take various forms:<br>
 * @param {Object} cfo
 * @return {!RowFilteringPlugin~FilterExpression}
 */
-var toFilterExpression = function toFilterExpression(cfo) {
+var _toFilterExpression = function _toFilterExpression(cfo) {
   var ctx = cfo._context[0];
   // TODO: Handle rawDataAccessor and formattedDataAccessor (saving and loading of functions)
   return {
@@ -121,6 +121,22 @@ var toFilterExpression = function toFilterExpression(cfo) {
     context: ctx != null && !ctx._autoGenerated ? ctx : null
   };
 };
+/** @private
+* @function
+* @param {Array} ary
+* @param {*} val
+* @return {Array}
+*/
+var _arrayConcat = function _arrayConcat(ary, val) {
+  if (Array.isArray(val) && val.length) {
+    if (ary) {
+      return ary.concat(val);
+    } else {
+      return val;
+    }
+  }
+  return ary;
+};
 
 /** @type {string}
 * @private
@@ -405,7 +421,7 @@ RowFilteringPlugin.prototype.config = function (options) {
     return;
   }
 
-  // var host = this._hosts[0];
+  // let host = this._hosts[0];
   var len = columns.length;
   for (var i = 0; i < len; ++i) {
     var column = columns[i];
@@ -456,6 +472,10 @@ RowFilteringPlugin.prototype.getConfigObject = function (gridOptions) {
         column.filterState = ctx;
       }
     }
+    var filterIcon = colSettings.filterIcon;
+    if (!filterIcon) {
+      column.filterIcon = false;
+    }
   }
   var extOptions = obj.rowFiltering;
   var dirty = false;
@@ -705,14 +725,14 @@ RowFilteringPlugin.prototype.getColumnFilterExpression = function (colIndex) {
 * @param {RowFilteringPlugin~ColumnOptions} userObj
 * @returns {boolean} Returns true if there is an active filter in the column options
 * @example
-* var colDef1 = {
+* let colDef1 = {
 *   "field": "PCTCHNG",
 *   "filter": [["GT", 0]]
 * };
-* var colDef2 = {
+* let colDef2 = {
 *   "filter": "[PCTCHNG] > 0"
 * };
-* var colDef3 = {
+* let colDef3 = {
 *   "filter": function(rowData) {
 *     return rowData["PCTCHNG"] > 0;
 *   }
@@ -983,7 +1003,7 @@ RowFilteringPlugin.prototype.getAllColumnFilters = function () {
 RowFilteringPlugin.prototype.getFilterExpressions = function () {
   if (this._columnFilters.length) {
     // TODO: Provide a way to save rawDataAccessor and formattedDataAccessor
-    return this._columnFilters.map(toFilterExpression);
+    return this._columnFilters.map(_toFilterExpression);
   }
   return null;
 };
@@ -1216,7 +1236,7 @@ RowFilteringPlugin.prototype._updateColumnIcon = function (colIndex) {
     var noFilterIcon = this._disabled || iconActivation === "none" || onActiveFilter && !hasFilter;
     if (!noFilterIcon) {
       if (!cell._filterIcon) {
-        var filterIcon;
+        var filterIcon = void 0;
         if (ElfUtil.hasComponent("ef-icon") >= 3) {
           filterIcon = document.createElement("ef-icon");
           filterIcon.setAttribute("icon", "filter");
@@ -1483,14 +1503,7 @@ RowFilteringPlugin.prototype._getUniqueValues = function (field, dialogConfig, f
       }
     }
   }
-  var additionalItems = dialogConfig.additionalItems;
-  if (Array.isArray(additionalItems)) {
-    if (userItemList) {
-      userItemList = userItemList.concat(additionalItems);
-    } else {
-      userItemList = additionalItems;
-    }
-  }
+  userItemList = _arrayConcat(userItemList, dialogConfig.additionalItems);
   var dummyRow = {};
   var userItemCount = userItemList ? userItemList.length : 0;
   for (var i = 0; i < userItemCount; ++i) {
@@ -1699,6 +1712,9 @@ RowFilteringPlugin.prototype.openDialog = function (colIndex, runtimeDialogOptio
       if (cfo._filters && cfo._filters.length) {
         filterFuncs = cfo._filters;
       }
+      if (_typeof(exp) === "object") {
+        dialogConfig.additionalItems = _arrayConcat(dialogConfig.additionalItems, Object.keys(exp));
+      }
     }
   }
   var selectedItems = {};
@@ -1847,6 +1863,27 @@ RowFilteringPlugin._getFilterBuilder = function () {
   return RowFilteringPlugin._filterBuilder;
 };
 
+/** @public
+* @ignore
+* @param {*} val
+*/
+RowFilteringPlugin.prototype.mockDialogFilterChange = function (val) {
+  if (this._filterDialog) {
+    var arg = {
+      detail: {}
+    };
+    if (Array.isArray(val)) {
+      if (Array.isArray(val[0])) {
+        arg.detail.conditions = val;
+      } else {
+        arg.detail.value = val;
+      }
+    } else {
+      arg.detail.value = val;
+    }
+    this._onDialogFilterChanged(arg);
+  }
+};
 /** @private
 * @param {Object} e
 */
@@ -1916,7 +1953,7 @@ RowFilteringPlugin.prototype._onDialogFilterChanged = function (e) {
   var atLeastOne = false;
   for (var i = 0; i < selCount; ++i) {
     var formattedVal = selAry[i].title; // title is defined by the multi-select element
-    // var selIdx = selAry[i].index; // index cannot be used due to filtering
+    // let selIdx = selAry[i].index; // index cannot be used due to filtering
     if (selAry[i].value === BLANKS) {
       if (!ctx) {
         ctx = {};
@@ -1945,6 +1982,20 @@ RowFilteringPlugin.prototype._onDialogFilterChanged = function (e) {
     "colIndex": colIndex
   });
 };
+
+/** @public
+* @ignore
+* @param {string} sortOrder
+*/
+RowFilteringPlugin.prototype.mockDialogSortChange = function (sortOrder) {
+  if (this._filterDialog) {
+    var arg = {
+      detail: {}
+    };
+    arg.detail.value = sortOrder;
+    this._onDialogSortChanged(arg);
+  }
+};
 /** @private
 * @param {Object} e
 */

package/lib/tr-grid-titlewrap/es6/TitleWrap.d.ts

@@ -15,8 +15,6 @@ declare class TitleWrapPlugin extends GridPlugin {
 
     public getConfigObject(gridOptions?: any): any;
 
-    public _adjustRowHeightRefByHost(host: any, sectionRef: any, from?: number|null, to?: number|null): boolean;
-
     public adjustRowHeight(sectionRef: any, from?: number|null, to?: number|null): boolean;
 
     public adjustRowHeightAt(sectionRef: any, rowIndex: number): boolean;

package/lib/tr-grid-titlewrap/es6/TitleWrap.js

@@ -166,7 +166,7 @@ TitleWrapPlugin.prototype._onRecalculation = function () {
   this.adjustRowHeight("title");
 };
 /** adjust row height using specific grid at a reference to other grid
-* @public
+* @private
 * @param {Object} host core grid instance
 * @param {Object} sectionRef grid SectionReference
 * @param {number=} from

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

@@ -103,7 +103,8 @@ DragUI.prototype.onThemeLoaded = function(colors) {
 				"overflow-x: clip;",
 				"text-overflow: ellipsis;",
 				"padding: 0 7px 0 7px;",
-				"box-shadow: 0 0 8px var(--grid-dragbox-bordercolor);"
+				"box-shadow: 0 0 8px var(--grid-dragbox-bordercolor);",
+				"z-index: 2" // Cover sort indicator
 			],
 			".drag-box-disabled", [
 				"width: 100px;",

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

@@ -7,29 +7,29 @@ import {ElfUtil} from '../../tr-grid-util/es6/ElfUtil.js';
 declare namespace PercentBarPlugin {
 
     type Options = {
-        padding?: number,
-        percentageLabel?: boolean,
-        autoTextSizing?: boolean,
-        autoFitting?: boolean,
-        zeroValueHidden?: boolean
+        padding?: number|null,
+        percentageLabel?: boolean|null,
+        autoTextSizing?: boolean|null,
+        autoFitting?: boolean|null,
+        zeroValueHidden?: boolean|null
     };
 
     type PercentBarOptions = {
-        alignment?: string,
-        field?: string,
-        textHidden?: boolean,
-        textWidth?: (number|string),
-        useMovementColor?: boolean,
-        barColor?: string,
-        padding?: number,
-        percentageLabel?: boolean,
-        autoTextSizing?: boolean,
-        autoFitting?: boolean,
-        zeroValueHidden?: boolean
+        alignment?: string|null,
+        field?: string|null,
+        textHidden?: boolean|null,
+        textWidth?: (number|string)|null,
+        useMovementColor?: boolean|null,
+        barColor?: string|null,
+        padding?: number|null,
+        percentageLabel?: boolean|null,
+        autoTextSizing?: boolean|null,
+        autoFitting?: boolean|null,
+        zeroValueHidden?: boolean|null
     };
 
     type ColumnOptions = {
-        percentBar?: (PercentBarPlugin.PercentBarOptions|boolean)
+        percentBar?: (PercentBarPlugin.PercentBarOptions|boolean)|null
     };
 
 }
@@ -50,7 +50,7 @@ declare class PercentBarPlugin extends GridPlugin {
 
     public setPercentBarAlignment(colIndex: number, alignment: string): void;
 
-    public setColumnPercentBar(colIndex: number, columnOptions: PercentBarPlugin.ColumnOptions): void;
+    public setColumnPercentBar(colIndex: number, columnOptions: PercentBarPlugin.ColumnOptions|null): void;
 
     public reloadThemeColors(): Promise<any>|null;
 

package/lib/types/es6/RealtimeGrid/RowDefinition.d.ts

@@ -14,7 +14,8 @@ declare namespace RowDefinition {
         collapsed?: boolean|null,
         label?: (string|null)|null,
         hidden?: boolean|null,
-        realTime?: boolean|null
+        realTime?: boolean|null,
+        info?: any
     };
 
     type RowTypes = {
@@ -130,7 +131,9 @@ declare class RowDefinition {
 
     public getDepthLevel(): number;
 
-    public getUserModel(): any;
+    public setRowInfo(obj: any): void;
+
+    public getRowInfo(): any;
 
     public static toRowId(rowDef: RowDefinition|null): string;
 

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

@@ -131,6 +131,8 @@ declare class RowFilteringPlugin extends GridPlugin {
 
 declare function colSettings(colIndex: number, exp: RowFilteringPlugin.Expression|null, ctx?: (any|string)|null): boolean;
 
+declare function selCount(sortOrder: string): void;
+
 declare function crf(enabled?: boolean|null): void;
 
 export default RowFilteringPlugin;

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

@@ -8,6 +8,7 @@ declare namespace StatisticsRowPlugin {
         invalidText?: string|null,
         noColoring?: boolean|null,
         noFormatting?: boolean|null,
+        useAllData?: boolean|null,
         postCalculation?: ((...params: any[]) => any)|null,
         postRendering?: ((...params: any[]) => any)|null
     };

package/lib/versions.json

@@ -1,9 +1,9 @@
 {
-	"tr-grid-util": "1.3.139",
+	"tr-grid-util": "1.3.140",
 	"tr-grid-printer": "1.0.17",
-	"@grid/column-dragging": "1.0.16",
-	"@grid/row-segmenting": "1.0.30",
-	"@grid/statistics-row": "1.0.16",
+	"@grid/column-dragging": "1.0.18",
+	"@grid/row-segmenting": "1.0.31",
+	"@grid/statistics-row": "1.0.17",
 	"@grid/zoom": "1.0.11",
 	"tr-grid-auto-tooltip": "1.1.6",
 	"tr-grid-cell-selection": "1.0.35",
@@ -19,17 +19,17 @@
 	"tr-grid-contextmenu": "1.0.41",
 	"tr-grid-filter-input": "0.9.39",
 	"tr-grid-heat-map": "1.0.29",
-	"tr-grid-in-cell-editing": "1.0.81",
+	"tr-grid-in-cell-editing": "1.0.82",
 	"tr-grid-pagination": "1.0.24",
-	"tr-grid-percent-bar": "1.0.22",
-	"tr-grid-range-bar": "2.0.7",
-	"tr-grid-row-dragging": "1.0.31",
-	"tr-grid-row-filtering": "1.0.69",
+	"tr-grid-percent-bar": "1.0.24",
+	"tr-grid-range-bar": "2.0.8",
+	"tr-grid-row-dragging": "1.0.32",
+	"tr-grid-row-filtering": "1.0.71",
 	"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.48",
-	"tr-grid-titlewrap": "1.0.21",
+	"tr-grid-titlewrap": "1.0.22",
 	"@grid/formatters": "1.0.51",
 	"@grid/column-selection-dialog": "4.0.57",
 	"@grid/filter-dialog": "4.0.63",

package/package.json

@@ -66,5 +66,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "6.0.87"
+	"version": "6.0.89"
 }