@refinitiv-ui/efx-grid 6.0.39 → 6.0.41

package/lib/tr-grid-contextmenu/es6/ContextMenu.d.ts

@@ -8,39 +8,39 @@ import CellPainter from "../../tr-grid-util/es6/CellPainter.js";
 
 declare namespace ContextMenuPlugin {
 
-    type MenuItemEventCallback = (e: ContextMenuPlugin.MenuItemEvent) => void;
+    type MenuItemEventCallback = (e: ContextMenuPlugin.MenuItemEvent|null) => void;
 
-    type OnMenuEventCallback = (e: ContextMenuPlugin.OnMenuEvent) => void;
+    type OnMenuEventCallback = (e: ContextMenuPlugin.OnMenuEvent|null) => void;
 
-    type Context = "header" | "content" | "footer" | "filterRow";
+    type Context = "header" | "content" | "footer" | "filterRow"|null;
 
     type Options = {
-        items: { [key: string]:  ContextMenuPlugin.MenuItem },
-        onMenu?: ContextMenuPlugin.OnMenuEventCallback,
-        contextmenu?: ((...params: any[]) => any)
+        items: { [key: string]:  ContextMenuPlugin.MenuItem }|null,
+        onMenu?: ContextMenuPlugin.OnMenuEventCallback|null,
+        contextmenu?: ((...params: any[]) => any)|null
     };
 
     type MenuItem = {
-        text?: string,
-        value?: (string|number),
-        isDisabled?: boolean,
-        isVisible?: boolean,
-        isSeparator?: boolean,
-        items?: (ContextMenuPlugin.MenuItem)[],
-        renderer?: ((...params: any[]) => any),
-        callback?: ContextMenuPlugin.MenuItemEventCallback
+        text?: string|null,
+        value?: (string|number)|null,
+        isDisabled?: boolean|null,
+        isVisible?: boolean|null,
+        isSeparator?: boolean|null,
+        items?: (ContextMenuPlugin.MenuItem)[]|null,
+        renderer?: ((...params: any[]) => any)|null,
+        callback?: ContextMenuPlugin.MenuItemEventCallback|null
     };
 
     type MenuItemEvent = {
         altKey: boolean,
         cell: any,
         colIndex: number,
-        columnDef: object,
-        context: ContextMenuPlugin.Context,
+        columnDef: object|null,
+        context: ContextMenuPlugin.Context|null,
         ctrlKey: boolean,
-        item: ContextMenuPlugin.MenuItem,
-        items: { [key: string]:  ContextMenuPlugin.MenuItem },
-        menu: MenuEventAPI,
+        item: ContextMenuPlugin.MenuItem|null,
+        items: { [key: string]:  ContextMenuPlugin.MenuItem }|null,
+        menu: MenuEventAPI|null,
         rowIndex: number,
         section: any,
         shiftKey: boolean
@@ -49,21 +49,21 @@ declare namespace ContextMenuPlugin {
     type OnMenuEvent = {
         cell: any,
         colIndex: number,
-        columnDef: object,
-        context: ContextMenuPlugin.Context,
-        items: object,
-        menu: MenuEventAPI,
+        columnDef: object|null,
+        context: ContextMenuPlugin.Context|null,
+        items: object|null,
+        menu: MenuEventAPI|null,
         rowIndex: number,
         section: any,
-        selectedColumns: (number)[],
-        selectedRows: (number)[]
+        selectedColumns: (number)[]|null,
+        selectedRows: (number)[]|null
     };
 
 }
 
 declare class ContextMenuPlugin extends GridPlugin {
 
-    constructor(options?: (ContextMenuPlugin.Options|ContextMenuPlugin.OnMenuEvent));
+    constructor(options?: (ContextMenuPlugin.Options|ContextMenuPlugin.OnMenuEvent)|null);
 
     public getName(): string;
 
@@ -71,7 +71,7 @@ declare class ContextMenuPlugin extends GridPlugin {
 
     public unload(host: any): void;
 
-    public config(options?: ContextMenuPlugin.Options): void;
+    public config(options?: ContextMenuPlugin.Options|null): void;
 
     public getConfigObject(gridOptions?: any): any;
 

package/lib/tr-grid-contextmenu/es6/ContextMenu.js

@@ -154,11 +154,13 @@ ContextMenuPlugin.prototype.initialize = function (host, options) {
 
 	t.config(options);
 
-	if(ContextMenuPlugin._stylePromise) {
+	if(ContextMenuPlugin._styles) { // Theme has been loaded
 		ContextMenuPlugin._applyThemeColor(host);
-	} else {
-		ContextMenuPlugin._stylePromise = ElfUtil.getThemeColors();
-		ContextMenuPlugin._stylePromise.then(this._onThemeLoaded).catch(this._onThemeLoaded);
+	} else { // Theme has NOT been loaded. Wait for the theme to be loaded
+		if(!ContextMenuPlugin._stylePromise) {
+			ContextMenuPlugin._stylePromise = ElfUtil.getThemeColors();
+		}
+		ContextMenuPlugin._stylePromise.then(t._onThemeLoaded).catch(t._onThemeLoaded);
 	}
 };
 
@@ -357,96 +359,98 @@ ContextMenuPlugin.prototype._onItemClicked = function (e) {
 /** @private
 */
 ContextMenuPlugin.prototype._onThemeLoaded = function () {
-	var colors = ElfUtil.getColors();
-	var css = prettifyCss([
-		".tr-contextmenu", [
-			"outline: none;",
-			"box-sizing: border-box;",
-			"-moz-box-sizing: border-box;",
-			"border-style: solid;",
-			"border-width: 1px;",
-			"overflow: hidden;",
-			"padding: 1px;",
-			"margin: 0;",
-			"user-select: none;",
-			"list-style-type: none;",
-			"background-color: backgroundColor;",
-			"color: fontColor;",
-			"border-color: borderColor;"
-		],
-		".tr-contextmenu-item", [
-			"list-style: none;",
-			"padding: 3px 7px;",
-			"margin: 0;",
-			"vertical-align: middle;",
-			"white-space: nowrap;",
-			"cursor: pointer;",
-			"line-height: 20px;"
-		],
-		".tr-contextmenu-item[disabled]", [
-			"color: disabledColor;",
-			"cursor: default;"
-		],
-		".tr-contextmenu-item", [
-			"padding-right: 20px;"
-		],
-		".tr-contextmenu-item:hover:not([disabled])", [
-			"background-color: hoveredColor;"
-		],
-		".tr-contextmenu-popup", [
-			"box-shadow: 0 0 10px rgba(0,0,0,0.5);",
-			"z-index: 10;"
-		],
-		".tr-contextmenu-item.has-child", [
-			"position: relative;"
-		],
-		".tr-contextmenu-item.has-child:after", [
-			"box-sizing: border-box;",
-			"-moz-box-sizing: border-box;",
-			"display: inline-block;",
-			"width: 7px;",
-			"height: 7px;",
-			"border-style: solid;",
-			"border-width: 1px;",
-			"content: \"\";",
-			"-webkit-transform: rotate(45deg);",
-			"transform: rotate(45deg);",
-			"border-left-width: 0;",
-			"border-bottom-width: 0;",
-			"position: absolute;",
-			"right: 8px;",
-			"top: -webkit-calc(50% - 4px);",
-			"top: -moz-calc(50% - 4px);",
-			"top: calc(50% - 4px);",
-			"border-color: fontColor;"
-		],
-		".tr-contextmenu-item[data-type=\"separator\"]", [
-			"padding: 0;",
-			"border: none;",
-			"border-bottom-style: solid;",
-			"border-bottom-width: 1px;",
-			"border-bottom-color: disabledColor;"
-		]
-	]);
-
-	var hex = CellPainter.rgb2Hex(colors.tableBg);
-	var triplet = CellPainter.hex2Num(hex);
-	var bw = CellPainter.blackAndWhite(triplet);
-	var blendRatio;
-	if (bw === "#000000") { // Light theme
-		blendRatio = 0.1;
-		css = css.replace(/disabledColor/g, "lightgrey");
-	} else { // Dark theme
-		blendRatio = 0.2;
-		css = css.replace(/disabledColor/g, "gray");
-	}
-	var hoverd = CellPainter.num2Hex(CellPainter.blendColor(hex, bw, blendRatio));
-	css = css.replace(/hoveredColor/g, hoverd);
-	css = css.replace(/backgroundColor/g, colors.tableBg);
-	css = css.replace(/fontColor/g, colors.tableText);
-	css = css.replace(/borderColor/g, colors.tableBorder);
+	if(!ContextMenuPlugin._styles) { // Theme can be loaded only once
+		var colors = ElfUtil.getColors();
+		var css = prettifyCss([
+			".tr-contextmenu", [
+				"outline: none;",
+				"box-sizing: border-box;",
+				"-moz-box-sizing: border-box;",
+				"border-style: solid;",
+				"border-width: 1px;",
+				"overflow: hidden;",
+				"padding: 1px;",
+				"margin: 0;",
+				"user-select: none;",
+				"list-style-type: none;",
+				"background-color: backgroundColor;",
+				"color: fontColor;",
+				"border-color: borderColor;"
+			],
+			".tr-contextmenu-item", [
+				"list-style: none;",
+				"padding: 3px 7px;",
+				"margin: 0;",
+				"vertical-align: middle;",
+				"white-space: nowrap;",
+				"cursor: pointer;",
+				"line-height: 20px;"
+			],
+			".tr-contextmenu-item[disabled]", [
+				"color: disabledColor;",
+				"cursor: default;"
+			],
+			".tr-contextmenu-item", [
+				"padding-right: 20px;"
+			],
+			".tr-contextmenu-item:hover:not([disabled])", [
+				"background-color: hoveredColor;"
+			],
+			".tr-contextmenu-popup", [
+				"box-shadow: 0 0 10px rgba(0,0,0,0.5);",
+				"z-index: 10;"
+			],
+			".tr-contextmenu-item.has-child", [
+				"position: relative;"
+			],
+			".tr-contextmenu-item.has-child:after", [
+				"box-sizing: border-box;",
+				"-moz-box-sizing: border-box;",
+				"display: inline-block;",
+				"width: 7px;",
+				"height: 7px;",
+				"border-style: solid;",
+				"border-width: 1px;",
+				"content: \"\";",
+				"-webkit-transform: rotate(45deg);",
+				"transform: rotate(45deg);",
+				"border-left-width: 0;",
+				"border-bottom-width: 0;",
+				"position: absolute;",
+				"right: 8px;",
+				"top: -webkit-calc(50% - 4px);",
+				"top: -moz-calc(50% - 4px);",
+				"top: calc(50% - 4px);",
+				"border-color: fontColor;"
+			],
+			".tr-contextmenu-item[data-type=\"separator\"]", [
+				"padding: 0;",
+				"border: none;",
+				"border-bottom-style: solid;",
+				"border-bottom-width: 1px;",
+				"border-bottom-color: disabledColor;"
+			]
+		]);
+
+		var hex = CellPainter.rgb2Hex(colors.tableBg);
+		var triplet = CellPainter.hex2Num(hex);
+		var bw = CellPainter.blackAndWhite(triplet);
+		var blendRatio;
+		if (bw === "#000000") { // Light theme
+			blendRatio = 0.1;
+			css = css.replace(/disabledColor/g, "lightgrey");
+		} else { // Dark theme
+			blendRatio = 0.2;
+			css = css.replace(/disabledColor/g, "gray");
+		}
+		var hoverd = CellPainter.num2Hex(CellPainter.blendColor(hex, bw, blendRatio));
+		css = css.replace(/hoveredColor/g, hoverd);
+		css = css.replace(/backgroundColor/g, colors.tableBg);
+		css = css.replace(/fontColor/g, colors.tableText);
+		css = css.replace(/borderColor/g, colors.tableBorder);
 
-	ContextMenuPlugin._styles = css;
+		ContextMenuPlugin._styles = css;
+	}
 
 	for(var i = this._hosts.length; --i >= 0;) {
 		ContextMenuPlugin._applyThemeColor(this._hosts[i]);

package/lib/tr-grid-contextmenu/es6/MenuEventAPI.d.ts

@@ -2,13 +2,13 @@
 
 declare class MenuEventAPI {
 
-    constructor(menuModel: any, columns: any[], columnGroups: any[], legacyColumnGroups: any[]);
+    constructor(menuModel: any, columns: any[]|null, columnGroups: any[]|null, legacyColumnGroups: any[]|null);
 
     public clear(): void;
 
-    public addItem(item: (string)[] | any | string): void;
+    public addItem(item: (string)[] | any | string|null): void;
 
-    public addItems(item: (string)[] | any | string): void;
+    public addItems(item: (string)[] | any | string|null): void;
 
     public addSeparator(): void;
 

package/lib/tr-grid-contextmenu/es6/MenuItem.d.ts

@@ -19,11 +19,11 @@ declare class MenuItem extends EventDispatcher {
 
     public getValue(): any;
 
-    public setSelectable(selectable?: boolean): void;
+    public setSelectable(selectable?: boolean|null): void;
 
     public isSelectable(): boolean;
 
-    public setItems(items: any[]): void;
+    public setItems(items: any[]|null): void;
 
     public getItems(): any[]|null;
 

package/lib/tr-grid-contextmenu/es6/PopupMenu.d.ts

@@ -5,7 +5,7 @@ import Ext from "../../tr-grid-util/es6/Ext.js";
 
 declare class PopupMenu extends EventDispatcher {
 
-    constructor(parentElement: Element);
+    constructor(parentElement: Element|null);
 
     public isDisposed(): boolean;
 
@@ -15,13 +15,13 @@ declare class PopupMenu extends EventDispatcher {
 
     public hide(): void;
 
-    public attachTo(elem: Element, positioning: Popup.Positioning): void;
+    public attachTo(elem: Element|null, positioning: Popup.Positioning|null): void;
 
-    public setPosition(positioning: Popup.Positioning, x: number, y: number): void;
+    public setPosition(positioning: Popup.Positioning|null, x: number, y: number): void;
 
-    public addPopupChild(element: Element, popupMenu: PopupMenu): void;
+    public addPopupChild(element: Element|null, popupMenu: PopupMenu|null): void;
 
-    public setMenu(menuItems: (any)[]): void;
+    public setMenu(menuItems: (any)[]|null): void;
 
 }
 

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

@@ -1590,20 +1590,38 @@ InCellEditingPlugin.prototype._commitText = function (committed, suggestionDetai
       var sectionType = sectionSettings.getType();
       // case edit content
       if ("content" === sectionType) {
-        var dv = sectionSettings.getDataSource();
-        if (dv) {
-          t._setData(dv, arg["rowIndex"], arg["field"], enteredValue);
-          if (t._prevContent && t._prevContent.classList.contains("text")) {
-            // Bind data only if previous content is a build in text
-            t._activeCell.setContent(enteredValue);
+        if (this._realTimeGrid && arg["field"] === "X_RIC_NAME") {
+          var ricOpt = null;
+          if (suggestionDetail) {
+            var suggestionVal = suggestionDetail["value"];
+            if (suggestionVal["p"]) {
+              var permId = suggestionVal["p"]["PermId"];
+              if (permId) {
+                ricOpt = {
+                  permId: permId
+                };
+              }
+            }
+          }
+          this._realTimeGrid.setRic(arg["rowId"], enteredValue, ricOpt);
+        } else {
+          var dv = sectionSettings.getDataSource();
+          if (dv) {
+            if (this._realTimeGrid) {
+              t._setStaticData(dv, arg["rowIndex"], arg["field"], enteredValue);
+            } else {
+              t._setData(dv, arg["rowIndex"], arg["field"], enteredValue);
+            }
           }
         }
-      }
-      // case edit title
-      else if ("title" === sectionType) {
-        var _grid = this._compositeGrid || this._realTimeGrid || null;
-        if (_grid) {
-          _grid.setColumnName(arg["colIndex"], enteredValue);
+        if (!t._prevContent || t._prevContent.classList.contains("text")) {
+          // Bind data only if previous content is a build in text
+          t._activeCell.setContent(enteredValue);
+        }
+      } else if ("title" === sectionType) {
+        var gridApi = this.getGridApi();
+        if (gridApi) {
+          gridApi.setColumnName(arg["colIndex"], enteredValue);
         }
       } else {
         t._activeCell.setContent(enteredValue);

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

@@ -279,7 +279,8 @@ RowDraggingPlugin.prototype._jetContentHasField = false;
 */
 RowDraggingPlugin.prototype._entryPoint = "";
 
-/** @private Applied theme color in row dragging and dragUI
+/** Applied theme color in row dragging and dragUI
+* @private
 * @param {Object} host core grid instance
 */
 var _applyStyles = function(host) {

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

@@ -99,7 +99,7 @@ RowColoringPlugin.prototype.initialize = function (host, options) {
     return;
   }
   this._hosts.push(host);
-  host.listen("preSectionDataBinding", this._onSectionBinding);
+  host.listen("postSectionDataBinding", this._onSectionBinding);
   this.config(options);
   this._updateTimer = setTimeout(this._updateRowColor, 100); // For lazy loading
 };
@@ -111,7 +111,7 @@ RowColoringPlugin.prototype.unload = function (host) {
   if (at < 0) {
     return;
   }
-  host.unlisten("preSectionDataBinding", this._onSectionBinding);
+  host.unlisten("postSectionDataBinding", this._onSectionBinding);
   this._hosts.splice(at, 1);
   if (!this._hosts.length) {
     if (this._updateTimer) {
@@ -453,7 +453,7 @@ RowColoringPlugin.prototype._updateRowColor = function (fromR, toR) {
     var cssField = this._cssField;
     var altCssField = this._altCssField;
     var rangeField = this._cssRangeField;
-    var className, el, start, end, altCssClass, range, colorSelected;
+    var className, el, start, end, altCssClass, range, colorSelected, stretchedCell;
     for (r = fromR; r < toR; ++r) {
       className = altCssClass = "";
       start = end = range = null;
@@ -468,6 +468,20 @@ RowColoringPlugin.prototype._updateRowColor = function (fromR, toR) {
         }
       }
 
+      stretchedCell = section.getStretchedCell(null, r);
+      if (stretchedCell) {
+        el = stretchedCell.getElement();
+        if (el._coloringClass !== className) {
+          if (el._coloringClass) {
+            el.classList.remove(el._coloringClass);
+            el._coloringClass = "";
+          }
+          if (className) {
+            el.classList.add(className);
+            el._coloringClass = className;
+          }
+        }
+      }
       for (c = 0; c < colCount; ++c) {
         cell = section.getCell(c, r, false);
         if (!cell) {
@@ -512,23 +526,41 @@ RowColoringPlugin.prototype._updateRowColor = function (fromR, toR) {
           bgColor = rowData[this._bgField] || "";
         }
       }
+      stretchedCell = section.getStretchedCell(null, r);
+      if (stretchedCell) {
+        el = stretchedCell.getElement();
+        if (textColor || el._textColor) {
+          if (el._textColor !== textColor) {
+            stretchedCell.setStyle("color", textColor);
+            el._textColor = textColor;
+          }
+        }
+        if (bgColor || el._bgColor) {
+          if (el._bgColor !== bgColor) {
+            stretchedCell.setStyle("backgroundColor", bgColor);
+            el._bgColor = bgColor;
+          }
+        }
+      }
       for (c = 0; c < colCount; ++c) {
         cell = section.getCell(c, r, false);
-        if (cell) {
-          el = cell.getElement();
-          if (el) {
-            if (textColor || el._textColor) {
-              if (el._textColor !== textColor) {
-                cell.setStyle("color", textColor);
-                el._textColor = textColor;
-              }
-            }
-            if (bgColor || el._bgColor) {
-              if (el._bgColor !== bgColor) {
-                cell.setStyle("backgroundColor", bgColor);
-                el._bgColor = bgColor;
-              }
-            }
+        if (!cell) {
+          continue;
+        }
+        el = cell.getElement();
+        if (!el) {
+          continue;
+        }
+        if (textColor || el._textColor) {
+          if (el._textColor !== textColor) {
+            cell.setStyle("color", textColor);
+            el._textColor = textColor;
+          }
+        }
+        if (bgColor || el._bgColor) {
+          if (el._bgColor !== bgColor) {
+            cell.setStyle("backgroundColor", bgColor);
+            el._bgColor = bgColor;
           }
         }
       }

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

@@ -1,6 +1,7 @@
 import { TickCodes, TickFields } from "./TickCodes.js";
-import { parseCondition, rgb2Hex } from "./Util.js";
+import { rgb2Hex } from "./Util.js";
 import { ElfUtil } from "./ElfUtil.js";
+import { ExpressionParser } from "./ExpressionParser.js";
 
 declare namespace CellPainter {
 

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

@@ -1,6 +1,7 @@
 import { TickCodes, TickFields } from "./TickCodes.js";
-import { parseCondition, rgb2Hex } from "./Util.js";
+import { rgb2Hex } from "./Util.js";
 import { ElfUtil } from "./ElfUtil.js";
+import { ExpressionParser } from "./ExpressionParser.js";
 
 /** @typedef {Object} CellPainter~Expression
 * @property {string=} name
@@ -131,7 +132,8 @@ CellPainter.supportedStyles = CellPainter.bgStyles.concat(CellPainter.nonBgStyle
 */
 CellPainter.themeReady = null;
 
-/** @public
+/** Deprecated in favor of ExpressionParser
+* @public
 * @function
 * @param {string|Function} expression
 * @return {Function}
@@ -139,7 +141,7 @@ CellPainter.themeReady = null;
 * var fn = CellPainter.parse("[CF_BID] >= 10 && [CF_BID] <= 100");
 * window.console.log(fn(25));
 */
-CellPainter.parse = parseCondition;
+CellPainter.parse = ExpressionParser.parse;
 
 
 /** @public */
@@ -311,7 +313,7 @@ CellPainter.prototype.getColumnStats = function() {
 CellPainter.prototype._addCondition = function(condition) {
 	var exp = condition["expression"];
 	if(exp) {
-		condition._fn = CellPainter.parse(exp["text"] || exp);
+		condition._fn = ExpressionParser.parse(exp["text"] || exp);
 		this._conditions.push(condition);
 	}
 };

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

@@ -0,0 +1,10 @@
+
+
+declare namespace ExpressionParser {
+
+    function parse(expression: string|((...params: any[]) => any)|null): ((...params: any[]) => any)|null;
+
+}
+
+export default ExpressionParser;
+export {ExpressionParser};