@refinitiv-ui/efx-grid 6.0.41 → 6.0.43

package/lib/tr-grid-filter-input/es6/FilterInput.d.ts

@@ -7,30 +7,30 @@ import { CoralItems } from '../../tr-grid-util/es6/CoralItems.js';
 declare namespace FilterInputPlugin {
 
     type GridColumn = {
-        filterInput?: FilterInputPlugin.ColumnOptions
+        filterInput?: FilterInputPlugin.ColumnOptions|null
     };
 
     type ColumnOptions = {
-        defaultLogic?: ((...params: any[]) => any),
-        filterLogic?: ((...params: any[]) => any),
-        disabled?: boolean,
-        placeholder?: string,
-        type?: string,
-        entries?: any[],
+        defaultLogic?: ((...params: any[]) => any)|null,
+        filterLogic?: ((...params: any[]) => any)|null,
+        disabled?: boolean|null,
+        placeholder?: string|null,
+        type?: string|null,
+        entries?: any[]|null,
         defaultValue?: any,
-        trigger?: string
+        trigger?: string|null
     };
 
     type Options = {
-        inputCreated?: ((...params: any[]) => any),
-        trigger?: string
+        inputCreated?: ((...params: any[]) => any)|null,
+        trigger?: string|null
     };
 
 }
 
 declare class FilterInputPlugin extends GridPlugin {
 
-    constructor(options?: FilterInputPlugin.Options);
+    constructor(options?: FilterInputPlugin.Options|null);
 
     public getName(): string;
 
@@ -42,17 +42,17 @@ declare class FilterInputPlugin extends GridPlugin {
 
     public getConfigObject(out_obj?: any): any;
 
-    public getColumnInput(colIndex: number): Element;
+    public getColumnInput(colIndex: number): Element|null;
 
-    public removeColumnFilters(colIndex?: (null|number)): void;
+    public removeColumnFilters(colIndex?: (null|number)|null): void;
 
-    public removeColumnFilter(colIndex?: (null|number)): void;
+    public removeColumnFilter(colIndex?: (null|number)|null): void;
 
-    public refresh(delayMs?: number): void;
+    public refresh(delayMs?: number|null): void;
 
-    public setFilterLogic(colIndex: number, func: ((...params: any[]) => any), ctx?: any): void;
+    public setFilterLogic(colIndex: number, func: ((...params: any[]) => any)|null, ctx?: any): void;
 
-    public filterColumn(colIndex: number, text: string): void;
+    public filterColumn(colIndex: number, text: string, textMap?: any): void;
 
 }
 

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

@@ -14,7 +14,7 @@ import { CoralItems } from '../../tr-grid-util/es6/CoralItems.js';
 * @property {Function=} filterLogic=null Alias to `defaultLogic`
 * @property {boolean=} disabled=false Disable UI
 * @property {string=} placeholder="" Placeholder text inside the input
-* @property {string=} type="text" Type of UI. Available types are "number", "select", "dropdown", "date"
+* @property {string=} type="text" Type of UI. Available types are "number", "multiselect" ,"select", "dropdown", "date"
 * @property {Array=} entries Entries of dropdown filters when type is "select"
 * @property {*=} defaultValue Default value of input filter
 * @property {string=} trigger="keyup" Available types of trigger are `false | ""` (no trigger) , `"keyup"` (default) , `"enter"` (on enter key *only available for text type)
@@ -465,12 +465,20 @@ FilterInputPlugin.prototype._createColumnInputs = function (section, host) {
     var defaultValue = colOpt.defaultValue;
 
     if (defaultValue) {
-      if (colOpt.type == "date") {
+      var type = colOpt.type.toLowerCase();
+
+      if (type == "date") {
         var dateObj = ElfDate.from(defaultValue);
         defaultValue = dateObj ? dateObj.toDateString().substr(4) : "";
       }
 
-      this.filterColumn(c, defaultValue);
+      if (type == "multiselect") {
+        var textMap = FilterInputPlugin._createMapObject(defaultValue);
+
+        this.filterColumn(c, "", textMap);
+      } else {
+        this.filterColumn(c, defaultValue);
+      }
     }
   }
 };
@@ -482,6 +490,7 @@ FilterInputPlugin.prototype._createColumnInputs = function (section, host) {
 FilterInputPlugin._uiMap = {
   number: "ef-input",
   select: "ef-select",
+  multiselect: "ef-combo-box",
   dropdown: "ef-select",
   date: "ef-datetime-picker"
 };
@@ -492,6 +501,11 @@ FilterInputPlugin._uiMap = {
 
 FilterInputPlugin.prototype._createFilterUI = function (colOpt) {
   var elemType = colOpt.type;
+
+  if (elemType) {
+    elemType = elemType.toLowerCase();
+  }
+
   var defaultValue = colOpt.defaultValue;
   var elemTrigger = colOpt.trigger != null ? colOpt.trigger : this._inputTrigger;
   var uiTag = FilterInputPlugin._uiMap[elemType] || "input";
@@ -520,10 +534,6 @@ FilterInputPlugin.prototype._createFilterUI = function (colOpt) {
   elem.addEventListener("keydown", FilterInputPlugin._stopPropagation, false);
   elem.addEventListener("click", FilterInputPlugin._stopPropagation, false);
 
-  if (defaultValue) {
-    elem.value = colOpt.defaultValue;
-  }
-
   switch (uiTag) {
     case "ef-input":
       elem.setAttribute("type", "number");
@@ -551,6 +561,17 @@ FilterInputPlugin.prototype._createFilterUI = function (colOpt) {
 
       break;
 
+    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);
+      }
+
+      break;
+
     case "ef-datetime-picker":
       if (elemTrigger != false && elemTrigger != "") {
         elem.addEventListener("value-changed", this._onDateChanged, false);
@@ -593,6 +614,14 @@ FilterInputPlugin.prototype._createFilterUI = function (colOpt) {
       break;
   }
 
+  if (defaultValue) {
+    if (elemType === "multiselect") {
+      elem.values = defaultValue;
+    } else {
+      elem.value = defaultValue;
+    }
+  }
+
   return elem;
 };
 /** @private
@@ -660,17 +689,25 @@ FilterInputPlugin.prototype._retrieveColumnOption = function (colIndex, colDef)
       var type = filterOption["type"];
 
       if (typeof type == "string") {
+        type = type.toLowerCase();
         option["type"] = type;
+
+        if (type == "multiselect") {
+          option._comparingLogic = FilterInputPlugin._multiSelectionFilter;
+        }
       }
 
       var entries = filterOption["entries"];
 
       if (Array.isArray(entries)) {
         // Add Clear filter option
-        entries.push({
-          label: 'No Filter',
-          value: 'No Filter'
-        });
+        if (type === "select") {
+          entries.push({
+            label: 'No Filter',
+            value: 'No Filter'
+          });
+        }
+
         option["entries"] = entries;
       }
 
@@ -713,11 +750,12 @@ FilterInputPlugin.prototype.updateUI = function (colIndex, text) {
 /** @private
 * @param {number} colIndex
 * @param {string} text
+* @param {Object=} textMap
 * @return {Object} Column option
 */
 
 
-FilterInputPlugin.prototype._updateColumnOption = function (colIndex, text) {
+FilterInputPlugin.prototype._updateColumnOption = function (colIndex, text, textMap) {
   var option = this._getExtColumnOption(colIndex);
 
   if (!option) {
@@ -736,6 +774,12 @@ FilterInputPlugin.prototype._updateColumnOption = function (colIndex, text) {
     arg.inputText = option.inputText = inputText;
     arg.lowerCasedText = inputText.toLowerCase();
     arg.colIndex = colIndex;
+
+    if (textMap && !Object.keys(textMap).length) {
+      textMap = null;
+    }
+
+    arg.textMap = option.textMap = textMap;
   }
 
   return option;
@@ -830,6 +874,7 @@ FilterInputPlugin.prototype.setFilterLogic = function (colIndex, func, ctx) {
   var option = this._newExtColumnOption(colIndex);
 
   var inputText = option.inputText;
+  var textMap = option.textMap;
 
   if (func) {
     if (ctx != null) {
@@ -841,19 +886,20 @@ FilterInputPlugin.prototype.setFilterLogic = function (colIndex, func, ctx) {
 
   option._comparingLogic = func;
 
-  if (inputText) {
-    this.filterColumn(colIndex, inputText);
+  if (inputText || textMap) {
+    this.filterColumn(colIndex, inputText, textMap);
   }
 };
 /** Force filtering for a single column by changing filtering text
 * @public
 * @param {number} colIndex
 * @param {string} text
+* @param {Object=} textMap
 */
 
 
-FilterInputPlugin.prototype.filterColumn = function (colIndex, text) {
-  var option = this._updateColumnOption(colIndex, text);
+FilterInputPlugin.prototype.filterColumn = function (colIndex, text, textMap) {
+  var option = this._updateColumnOption(colIndex, text, textMap);
 
   if (!option) {
     return;
@@ -879,7 +925,9 @@ FilterInputPlugin.prototype._setColumnFilter = function (colIndex, filterOptions
       proc.removeColumnFilters(colIndex); // TODO: this is slow
     }
 
-    if (filterOptions._comparingLogic && filterOptions.inputText) {
+    var hasFilterContent = filterOptions.inputText || filterOptions.textMap;
+
+    if (filterOptions._comparingLogic && hasFilterContent) {
       var columnFilter = filterOptions._columnFilter;
 
       if (!columnFilter) {
@@ -911,13 +959,17 @@ FilterInputPlugin.prototype._onInputChanged = function (e) {
   var colIndex = pos.colIndex;
   var input =
   /** @type{Element} */
-  e.currentTarget; // If selected No Filter option - remove select filter
-
-  if (input.value === "No Filter" && input.tagName.indexOf("SELECT") >= 0) {
-    input.value = null;
+  e.currentTarget;
+  var filterValue = input.value;
+  var textMap; // If selected No Filter option - remove select filter
+
+  if (filterValue === "No Filter" && input.tagName.indexOf("SELECT") >= 0) {
+    filterValue = null;
+  } else if (input.tagName.indexOf("COMBO-BOX") >= 0) {
+    textMap = FilterInputPlugin._createMapObject(input.values);
   }
 
-  this.filterColumn(colIndex, input.value);
+  this.filterColumn(colIndex, filterValue, textMap);
 };
 /** @private
 * @param {Object=} e
@@ -969,6 +1021,49 @@ FilterInputPlugin._compareRow = function (filterOptions, rowData, rid) {
 FilterInputPlugin._rtCompareRow = function (filterOptions, rowData, rid) {
   return filterOptions._comparingLogic(filterOptions._filterArguments, rowData["ROW_DEF"].getRowData());
 };
+/** @private
+* @function
+* @param {Array<string>} ary
+* @return {Object}
+*/
+
+
+FilterInputPlugin._createMapObject = function (ary) {
+  var textMap = {};
+
+  if (ary) {
+    var count = ary.length;
+
+    for (var i = 0; i < count; i++) {
+      var str = ary[i].toLowerCase();
+      textMap[str] = true;
+    }
+  }
+
+  return textMap;
+};
+/** @private
+* @function
+* @param {Object} data
+* @return {string}
+*/
+
+
+FilterInputPlugin._transformToLowercaseString = function (data) {
+  var dataStr = "";
+
+  if (typeof data != "string") {
+    if (data instanceof Date) {
+      dataStr = data.toDateString().toLowerCase();
+    } else {
+      dataStr = (data + "").toLocaleLowerCase;
+    }
+  } else if (data) {
+    dataStr = data.toLowerCase();
+  }
+
+  return dataStr;
+};
 /** Default Filter Logic
 * @private
 * @function
@@ -986,17 +1081,7 @@ FilterInputPlugin._containingFilter = function (e, rowData) {
     var data = rowData[e.field];
 
     if (data != null) {
-      var dataStr;
-
-      if (typeof data != "string") {
-        if (data instanceof Date) {
-          dataStr = data.toDateString().toLowerCase();
-        } else {
-          dataStr = data + "";
-        }
-      } else if (data) {
-        dataStr = data.toLowerCase();
-      }
+      var dataStr = FilterInputPlugin._transformToLowercaseString(data);
 
       if (dataStr) {
         if (eventType === "number") {
@@ -1014,6 +1099,34 @@ FilterInputPlugin._containingFilter = function (e, rowData) {
 
   return true;
 };
+/** Filter Logic for multi selection input
+* @private
+* @function
+* @param {Object} e Filter argument
+* @param {Object} rowData
+* @return {boolean}
+*/
+
+
+FilterInputPlugin._multiSelectionFilter = function (e, rowData) {
+  var inputMap = e.textMap;
+
+  if (inputMap) {
+    var data = rowData[e.field];
+
+    if (data != null) {
+      var dataStr = FilterInputPlugin._transformToLowercaseString(data);
+
+      if (dataStr) {
+        return inputMap[dataStr] ? true : false;
+      }
+    }
+
+    return false;
+  }
+
+  return true;
+};
 
 export default FilterInputPlugin;
 export { FilterInputPlugin, FilterInputPlugin as FilterInput, FilterInputPlugin as FilterInputExtension };

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

@@ -452,9 +452,9 @@ DateTime.toDateObject = function(dateInput) {
 */
 DateTime.toDateNumber = function(dateObj) {
 	return DateTime._millisecondToDateNumber(Date.UTC(
-		dateObj.getFullYear(),
-		dateObj.getMonth(),
-		dateObj.getDate()
+		dateObj.getUTCFullYear(),
+		dateObj.getUTCMonth(),
+		dateObj.getUTCDate()
 	));
 };
 /** Convert the JavaScript date object to the time number in a range between 0 and 1. WARNING: This discards date and millisecond from the given date object.

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

@@ -704,7 +704,7 @@ GridPlugin.prototype._setColumnData = function (dv, cid, valueList, ridList) { /
 		this._setData(
 			dv,
 			rids[0],
-			this._selectionField,
+			cid,
 			Array.isArray(valueList) ? valueList[0] : valueList
 		);
 		return;

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

@@ -93,6 +93,10 @@ declare class ColumnGroupingPlugin extends GridPlugin {
 
     public unpinGroup(groupId: string, dest?: (number|string)|null): void;
 
+    public static getObjectIndex(column: any): number;
+
+    public static getObjectId(column: any): string;
+
 }
 
 export default ColumnGroupingPlugin;

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

@@ -32,8 +32,8 @@ declare namespace ColumnStackPlugin {
         id: string,
         spreading?: boolean|null,
         collapsed?: boolean|null,
-        children: (string)[]|null,
-        fields: (string)[]|null,
+        children?: (string)[]|null,
+        fields?: (string)[]|null,
         name?: string|null,
         activeColumn?: string|null
     };
@@ -88,7 +88,11 @@ declare class ColumnStackPlugin extends GridPlugin {
 
     public stackColumns(colRefs?: (number|string)[]|null, stackId?: string|null, options?: ColumnStackPlugin.StackConfiguration|null): boolean;
 
-    public setStack(colRefs?: (number|string)[]|null, activeColRef?: number|string|null): boolean;
+    public setStack(colRefs?: (number|string)[]|null, activeColRef?: (number|string)|null): boolean;
+
+    public setStacks(stacks: (ColumnStackPlugin.StackDefinition)[]|null): void;
+
+    public getStacks(): (ColumnStackPlugin.StackDefinition)[];
 
     public unstackColumns(colIndices?: (number)[]|null): boolean;
 
@@ -120,6 +124,8 @@ declare class ColumnStackPlugin extends GridPlugin {
 
     public getStackName(stackId: string): string;
 
+    public getActiveColumnId(stackId: string): string;
+
     public getActiveColumnField(stackId: string): string;
 
     public getActiveColumnIndex(stackId: string): number;

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

@@ -3,7 +3,7 @@ import FormatterBuilder from "./FormatterBuilder.js";
 declare namespace CoralButtonFormatter {
 
     type Options = {
-        label?: string
+        label?: string|null
     };
 
 }
@@ -12,7 +12,7 @@ declare class CoralButtonFormatter {
 
     constructor(options?: any);
 
-    public static create(options?: (FormatterBuilder.Options|CoralButtonFormatter.Options|any)): any;
+    public static create(options?: (FormatterBuilder.Options|CoralButtonFormatter.Options|any)|null): any;
 
 }
 

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

@@ -4,7 +4,7 @@ declare class CoralCheckboxFormatter {
 
     constructor(options?: any);
 
-    public static create(options?: (FormatterBuilder.Options|any)): any;
+    public static create(options?: (FormatterBuilder.Options|any)|null): any;
 
 }
 

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

@@ -4,9 +4,9 @@ import ElfUtil from "../../tr-grid-util/es6/ElfUtil.js";
 declare namespace CoralComboBoxFormatter {
 
     type Options = {
-        data?: any[],
-        entries?: any[],
-        items?: any[]
+        data?: any[]|null,
+        entries?: any[]|null,
+        items?: any[]|null
     };
 
 }
@@ -15,7 +15,7 @@ declare class CoralComboBoxFormatter {
 
     constructor(options?: any);
 
-    public static create(options?: (FormatterBuilder.Options|CoralComboBoxFormatter.Options|any)): any;
+    public static create(options?: (FormatterBuilder.Options|CoralComboBoxFormatter.Options|any)|null): any;
 
 }
 

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

@@ -3,8 +3,8 @@ import FormatterBuilder from "./FormatterBuilder.js";
 declare namespace CoralIconFormatter {
 
     type Options = {
-        icon?: (string|any),
-        size?: (number|string)
+        icon?: (string|any)|null,
+        size?: (number|string)|null
     };
 
 }
@@ -13,7 +13,7 @@ declare class CoralIconFormatter {
 
     constructor(options?: any);
 
-    public static create(options?: (FormatterBuilder.Options|CoralIconFormatter.Options|any)): any;
+    public static create(options?: (FormatterBuilder.Options|CoralIconFormatter.Options|any)|null): any;
 
 }
 

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

@@ -4,7 +4,7 @@ declare class CoralInputFormatter {
 
     constructor(options?: any);
 
-    public static create(options?: (FormatterBuilder.Options|any)): any;
+    public static create(options?: (FormatterBuilder.Options|any)|null): any;
 
 }
 

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

@@ -3,7 +3,7 @@ import FormatterBuilder from "./FormatterBuilder.js";
 declare namespace CoralRadioButtonFormatter {
 
     type Options = {
-        initialIndex?: number
+        initialIndex?: number|null
     };
 
 }
@@ -12,7 +12,7 @@ declare class CoralRadioButtonFormatter {
 
     constructor(options?: any);
 
-    public static create(options?: (FormatterBuilder.Options|CoralRadioButtonFormatter.Options|any)): any;
+    public static create(options?: (FormatterBuilder.Options|CoralRadioButtonFormatter.Options|any)|null): any;
 
 }
 

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

@@ -4,9 +4,9 @@ import CoralItems from "../../tr-grid-util/es6/CoralItems.js";
 declare namespace CoralSelectFormatter {
 
     type Options = {
-        data?: any[],
-        entries?: any[],
-        items?: any[]
+        data?: any[]|null,
+        entries?: any[]|null,
+        items?: any[]|null
     };
 
 }
@@ -15,7 +15,7 @@ declare class CoralSelectFormatter {
 
     constructor(options?: any);
 
-    public static create(options?: (FormatterBuilder.Options|CoralSelectFormatter.Options|any)): any;
+    public static create(options?: (FormatterBuilder.Options|CoralSelectFormatter.Options|any)|null): any;
 
 }
 

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

@@ -4,7 +4,7 @@ declare class CoralToggleFormatter {
 
     constructor(options?: any);
 
-    public static create(options?: (FormatterBuilder.Options|any)): any;
+    public static create(options?: (FormatterBuilder.Options|any)|null): any;
 
 }
 

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

@@ -405,6 +405,10 @@ declare class Core extends ElementWrapper {
 
     public getColumnGroupChildIds(groupId: string): (string)[]|null;
 
+    public getValidColumnList(colIds: (string)[]|null, columnMap?: any): (string)[];
+
+    public createColumnMap(colIds?: (string)[]|null): any;
+
     public startBatch(batchType: string): boolean;
 
     public stopBatch(batchType: string): boolean;

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

@@ -11,8 +11,9 @@ declare namespace SortableTitlePlugin {
     type SortOrder = "a" | "ascending" | "d" | "descending" | "n" | null|null;
 
     type InitialSort = {
-        colIndex: number,
-        field: string,
+        colIndex?: number|null,
+        colId?: string|null,
+        field?: string|null,
         sortOrder?: SortableTitlePlugin.SortOrder|null,
         order?: SortableTitlePlugin.SortOrder|null
     };

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

@@ -6,7 +6,7 @@ declare class DuplexEmeraldDateTimePickerFormatter {
 
     constructor(options?: any);
 
-    public static create(options?: (FormatterBuilder.Options|any)): any;
+    public static create(options?: (FormatterBuilder.Options|any)|null): any;
 
 }
 

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

@@ -3,7 +3,7 @@ import FormatterBuilder from "./FormatterBuilder.js";
 declare namespace EFButtonFormatter {
 
     type Options = {
-        label?: string
+        label?: string|null
     };
 
 }
@@ -12,7 +12,7 @@ declare class EFButtonFormatter {
 
     constructor(options?: any);
 
-    public static create(options?: (FormatterBuilder.Options|EFButtonFormatter.Options|any)): any;
+    public static create(options?: (FormatterBuilder.Options|EFButtonFormatter.Options|any)|null): any;
 
 }
 

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

@@ -4,7 +4,7 @@ declare class EFCheckboxFormatter {
 
     constructor(options?: any);
 
-    public static create(options?: (FormatterBuilder.Options|any)): any;
+    public static create(options?: (FormatterBuilder.Options|any)|null): any;
 
 }
 

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

@@ -4,9 +4,9 @@ import CoralItems from "../../tr-grid-util/es6/CoralItems.js";
 declare namespace EFComboBoxFormatter {
 
     type Options = {
-        data?: any[],
-        entries?: any[],
-        items?: any[]
+        data?: any[]|null,
+        entries?: any[]|null,
+        items?: any[]|null
     };
 
 }
@@ -15,7 +15,7 @@ declare class EFComboBoxFormatter {
 
     constructor(options?: any);
 
-    public static create(options?: (FormatterBuilder.Options|EFComboBoxFormatter.Options|any)): any;
+    public static create(options?: (FormatterBuilder.Options|EFComboBoxFormatter.Options|any)|null): any;
 
 }
 

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

@@ -5,7 +5,7 @@ declare class EFDateTimePickerFormatter {
 
     constructor(options?: any);
 
-    public static create(options?: (FormatterBuilder.Options|any)): any;
+    public static create(options?: (FormatterBuilder.Options|any)|null): any;
 
 }