@refinitiv-ui/efx-grid 6.0.78 → 6.0.80

package/lib/tr-grid-row-selection/es6/RowSelection.js

@@ -3,8 +3,7 @@ import { EventDispatcher } from "../../tr-grid-util/es6/EventDispatcher.js";
 import { GridPlugin } from "../../tr-grid-util/es6/GridPlugin.js";
 import { isMac as isMacFn } from "../../tr-grid-util/es6/Util.js";
 import { isIE, prepareTSVContent } from "../../tr-grid-util/es6/Util.js";
-import { ElfUtil } from "../../tr-grid-util/es6/ElfUtil.js";
-import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
+import { prettifyCss } from "../../tr-grid-util/es6/Util.js";
 var isMac = isMacFn();
 /** Fired when selection is changed by mouse down or key press. A change by JavaScript APIs will not trigger this event.
 * @event RowSelectionPlugin#selectionChanged
@@ -45,7 +44,6 @@ var RowSelectionPlugin = function (options) {
 	t._onBeforeRowRemoved = t._onBeforeRowRemoved.bind(t);
 	t._onReselection = t._onReselection.bind(t);
 	t._onPostSectionDataBinding = t._onPostSectionDataBinding.bind(t);
-	t._onThemeLoaded = t._onThemeLoaded.bind(t);
 	t._onRowPositionChanged = t._onRowPositionChanged.bind(t);
 	t._updateMenuIcon = t._updateMenuIcon.bind(t);
 
@@ -131,6 +129,32 @@ RowSelectionPlugin.prototype._timerMenuId = 0;
 */
 RowSelectionPlugin.prototype._pendingSelection = null;
 
+/** @private
+* @return {string}
+*/
+RowSelectionPlugin._styleCalculator = function() {
+	var styles = [
+		".row-selection-menu", [
+			"position: absolute;",
+			"background-color: var(--grid-column-menu-icon-bgcolor);",
+			"color: var(--grid-column-menu-icon-color);",
+			"z-index: 1;",
+			"cursor: pointer;",
+			"text-align: center;",
+			"width: 16px;",
+			"height: 16px;",
+			"padding: 6px;"
+		],
+		".row-selection-menu:hover", [
+			"background-color: var(--grid-column-menu-icon-hover-bgcolor);"
+		],
+		".row-selection-menu-inside", [
+			"padding: 4px;"
+		]
+	];
+	return prettifyCss(styles);
+};
+
 /** @public
 * @return {string}
 */
@@ -172,57 +196,10 @@ RowSelectionPlugin.prototype.initialize = function (host, options) {
 	this.config(options);
 
 	if(this._onMenuClicked) { // use styles menu icon only when want to use icon menu
-		if(RowSelectionPlugin._stylePromise) {
-			RowSelectionPlugin._applyThemeColor(host);
-		} else {
-			RowSelectionPlugin._stylePromise = ElfUtil.getThemeColors();
-			RowSelectionPlugin._stylePromise.then(this._onThemeLoaded).catch(this._onThemeLoaded);
-		}
+		this.applyStaticStyles(RowSelectionPlugin._styleCalculator);
 	}
-
 };
 
-/** @private
-*/
-RowSelectionPlugin.prototype._onThemeLoaded = function() {
-	if(!RowSelectionPlugin._styles) {
-		var styles = [
-			".row-selection-menu", [
-				"position: absolute;",
-				"background-color: var(--grid-column-menu-icon-bgcolor);",
-				"color: var(--grid-column-menu-icon-color);",
-				"z-index: 1;",
-				"cursor: pointer;",
-				"text-align: center;",
-				"width: 16px;",
-				"height: 16px;",
-				"padding: 6px;"
-			],
-			".row-selection-menu:hover", [
-				"background-color: var(--grid-column-menu-icon-hover-bgcolor);"
-			],
-			".row-selection-menu-inside", [
-				"padding: 4px;"
-			]
-		];
-		RowSelectionPlugin._styles = prettifyCss(styles);
-	}
-	for(var i = this._hosts.length; --i >= 0;) {
-		RowSelectionPlugin._applyThemeColor(this._hosts[i]);
-	}
-};
-/** @private
-* @param {Object} grid core grid instance
-*/
-RowSelectionPlugin._applyThemeColor = function(grid) {
-	if(!grid || grid._rowSelectionStyles) {
-		return;
-	}
-	if(RowSelectionPlugin._styles) {
-		grid._rowSelectionStyles = true; // Prevent loading the same style twice
-		injectCss(RowSelectionPlugin._styles, grid.getParent());
-	}
-};
 /** @public
 * @param {Object=} host core grid instance
 */

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

@@ -1,6 +1,8 @@
 import {Ext} from "./Ext.js";
 import {EventDispatcher} from "./EventDispatcher.js";
 import {Deferred} from "./Deferred.js";
+import {injectCss} from "./Util.js";
+import {ElfUtil} from "./ElfUtil.js";
 
 declare class GridPlugin extends EventDispatcher {
 
@@ -44,6 +46,12 @@ declare class GridPlugin extends EventDispatcher {
 
     public static requestPlugin(ref: any, pluginRef: any, configObj?: any, compositeGrid?: any, realTimeGrid?: any): Promise<any>|null;
 
+    public applyStaticStyles(styleCalculator: ((...params: any[]) => any)|null): void;
+
+    public applyStyles(cssString: string, nameSpace?: string|null, replaceable?: boolean|null): void;
+
+    public revokeStyles(host: any, nameSpace: string): void;
+
 }
 
 declare function gridAPI(gridType: string, wrapperInstance: any): void;

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

@@ -1,6 +1,8 @@
 import {Ext} from "./Ext.js";
 import {EventDispatcher} from "./EventDispatcher.js";
 import {Deferred} from "./Deferred.js";
+import {injectCss} from "./Util.js";
+import {ElfUtil} from "./ElfUtil.js";
 
 /** This class is designed to be a base class for other tr.Grid plug-ins. It provide commonly used functionalities by the plug-ins.
 * @constructor
@@ -816,6 +818,99 @@ GridPlugin.prototype._mockKeyboardEvent = function(keyCode, context) {
 
 	return evt;
 };
+
+/** @type {Object}
+* @private
+*/
+GridPlugin._staticStyles = {};
+
+/** @type {Object}
+* @private
+*/
+GridPlugin._themeLoaders = {};
+
+/** @private
+* @param {Function} styleCalculator
+* @param {Object} colors
+*/
+GridPlugin._themeLoadSuccess = function(styleCalculator, colors) {
+	var extName = this.getName();
+	var styles = GridPlugin._staticStyles[extName] = styleCalculator(colors);
+	this.applyStyles(styles, extName);
+};
+
+/** @public
+* @param {Function} styleCalculator
+*/
+GridPlugin.prototype.applyStaticStyles = function(styleCalculator) {
+	var extName = this.getName();
+	var styles = GridPlugin._staticStyles[extName];
+	if (!styles) {
+		if (styleCalculator) {
+			if (!GridPlugin._themeLoaders[extName]) {
+				GridPlugin._themeLoaders[extName] = ElfUtil.getThemeColors();
+			}
+			GridPlugin._themeLoaders[extName]
+				.then(GridPlugin._themeLoadSuccess.bind(this, styleCalculator));
+		}
+	} else {
+		this.applyStyles(styles, extName);
+	}
+};
+
+/** @public
+* @param {string} cssString
+* @param {string=} nameSpace
+* @param {boolean=} replaceable
+*/
+GridPlugin.prototype.applyStyles = function(cssString, nameSpace, replaceable) {
+	if (!nameSpace) {
+		nameSpace = this.getName();
+	}
+
+	var intNameSpace = "_style" + nameSpace;
+
+	var hosts = this._hosts;
+	var len = hosts.length;
+	if (!len) {
+		return;
+	}
+
+	var i, host;
+	if (!replaceable) {
+		for (i = 0; i < len; i++) {
+			host = hosts[i];
+			if (!host[intNameSpace]) {
+				injectCss(cssString, host.getElement());
+				host[intNameSpace] = true;
+			}
+		}
+	} else {
+		for (i = 0; i < len; i++) {
+			host = hosts[i];
+			this.revokeStyles(host, nameSpace);
+			host[intNameSpace] = injectCss(cssString, host.getElement());
+		}
+	}
+};
+
+/** @public
+* @param {Object} host
+* @param {string} nameSpace
+*/
+GridPlugin.prototype.revokeStyles = function(host, nameSpace) {
+	if (!host || !nameSpace) {
+		return;
+	}
+
+	nameSpace = "_style" + nameSpace;
+	var styleTag = host[nameSpace];
+	if (styleTag && styleTag.nodeType === 1) {
+		styleTag.parentNode.removeChild(styleTag);
+		host[nameSpace] = null;
+	}
+};
+
 /** Export the plugin to the given object by attaching it to tr and tr.grid namespaces
 * @public
 * @function

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

@@ -1,8 +1,7 @@
 import { Ext } from "../../tr-grid-util/es6/Ext.js";
 import { Dom } from "../../tr-grid-util/es6/Dom.js";
 import { GridPlugin } from "../../tr-grid-util/es6/GridPlugin.js";
-import { ElfUtil } from "../../tr-grid-util/es6/ElfUtil.js";
-import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
+import { prettifyCss } from "../../tr-grid-util/es6/Util.js";
 
 declare namespace ColumnSelectionPlugin {
 

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

@@ -2,8 +2,7 @@ import { GridPlugin } from "../../tr-grid-util/es6/GridPlugin.js";
 import Ext from "../../tr-grid-util/es6/Ext.js";
 import MenuEventAPI from "./MenuEventAPI.js";
 import PopupMenu from "./PopupMenu.js";
-import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
-import { ElfUtil } from "../../tr-grid-util/es6/ElfUtil.js";
+import { prettifyCss } from "../../tr-grid-util/es6/Util.js";
 import CellPainter from "../../tr-grid-util/es6/CellPainter.js";
 
 declare namespace ContextMenuPlugin {

package/lib/types/es6/Core/data/DataView.d.ts

@@ -198,6 +198,10 @@ declare class DataView extends EventDispatcher {
 
     public disableCollapsing(bool?: boolean|null): void;
 
+    public setGroupColor(groupColor: string): void;
+
+    public getGroupColor(): string;
+
     public getVisibleRowCount(): number;
 
     public isRowDataInGroup(rowData: any, groupID?: string|null): boolean;

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

@@ -87,6 +87,8 @@ declare class RowGroupingPlugin extends GridPlugin {
 
     public setDefaultCollapse(collapse: boolean): void;
 
+    public setGroupColor(groupRef: string, groupColor: string): void;
+
     public getDefaultCollapse(): boolean;
 
     public sortGroups(): void;
@@ -111,6 +113,8 @@ declare class RowGroupingPlugin extends GridPlugin {
 
     public enableFooterRow(opt_num?: (boolean|number)|null): void;
 
+    public getFooterRowCount(): number;
+
 }
 
 declare function isNonFunction(obj: any): boolean;

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

@@ -3,8 +3,7 @@ import { EventDispatcher } from "../../tr-grid-util/es6/EventDispatcher.js";
 import { GridPlugin } from "../../tr-grid-util/es6/GridPlugin.js";
 import { isMac as isMacFn } from "../../tr-grid-util/es6/Util.js";
 import { isIE, prepareTSVContent } from "../../tr-grid-util/es6/Util.js";
-import { ElfUtil } from "../../tr-grid-util/es6/ElfUtil.js";
-import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
+import { prettifyCss } from "../../tr-grid-util/es6/Util.js";
 
 declare namespace RowSelectionPlugin {
 

package/lib/versions.json

@@ -1,22 +1,22 @@
 {
-	"tr-grid-util": "1.3.134",
+	"tr-grid-util": "1.3.135",
 	"tr-grid-printer": "1.0.17",
-	"@grid/column-dragging": "1.0.15",
+	"@grid/column-dragging": "1.0.16",
 	"@grid/row-segmenting": "1.0.30",
 	"@grid/statistics-row": "1.0.16",
 	"@grid/zoom": "1.0.11",
 	"tr-grid-auto-tooltip": "1.1.6",
 	"tr-grid-cell-selection": "1.0.34",
-	"tr-grid-checkbox": "1.0.61",
+	"tr-grid-checkbox": "1.0.62",
 	"tr-grid-column-fitter": "1.0.39",
 	"tr-grid-column-formatting": "0.9.35",
 	"tr-grid-column-grouping": "1.0.57",
 	"tr-grid-column-resizing": "1.0.28",
-	"tr-grid-column-selection": "1.0.31",
+	"tr-grid-column-selection": "1.0.32",
 	"tr-grid-column-stack": "1.0.74",
 	"tr-grid-conditional-coloring": "1.0.68",
 	"tr-grid-content-wrap": "1.0.20",
-	"tr-grid-contextmenu": "1.0.40",
+	"tr-grid-contextmenu": "1.0.41",
 	"tr-grid-filter-input": "0.9.37",
 	"tr-grid-heat-map": "1.0.29",
 	"tr-grid-in-cell-editing": "1.0.81",
@@ -25,13 +25,13 @@
 	"tr-grid-range-bar": "2.0.6",
 	"tr-grid-row-dragging": "1.0.31",
 	"tr-grid-row-filtering": "1.0.65",
-	"tr-grid-row-grouping": "1.0.82",
-	"tr-grid-row-selection": "1.0.25",
+	"tr-grid-row-grouping": "1.0.85",
+	"tr-grid-row-selection": "1.0.26",
 	"tr-grid-rowcoloring": "1.0.25",
 	"tr-grid-textformatting": "1.0.46",
 	"tr-grid-titlewrap": "1.0.20",
-	"@grid/formatters": "1.0.50",
-	"@grid/column-selection-dialog": "4.0.55",
-	"@grid/filter-dialog": "4.0.60",
+	"@grid/formatters": "1.0.51",
+	"@grid/column-selection-dialog": "4.0.56",
+	"@grid/filter-dialog": "4.0.61",
 	"@grid/column-format-dialog": "4.0.44"
 }

package/package.json

@@ -66,5 +66,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "6.0.78"
+	"version": "6.0.80"
 }