@refinitiv-ui/efx-grid 6.0.33 → 6.0.35

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

@@ -237,25 +237,17 @@ CellPainter.prototype.clearHeatMap = function() {
 /** @public */
 CellPainter.prototype.applyThemeColor = function() {
 	var colors = ElfUtil.getColors();
-	var cond = this._conditions[0]; // Heatmap, color text condition must be the first
-	if(cond) {
-		if(this._coloringType === CellPainter.ColoringTypes.HEATMAP) { // Heatmap uses grid color to blend the result color
+	if(this._coloringType === CellPainter.ColoringTypes.HEATMAP) { // Heatmap uses grid color to blend the result color
+		var cond = this._conditions[0]; // Heatmap, color text condition must be the first
+		if(cond) {
 			if(cond["textMode"]) {
 				cond["baseColor"] = colors["baseText"];
 			} else {
 				cond["baseColor"] = colors["baseGrid"];
 			}
-		}
-		if(cond["useThemeColor"]) { // Only heatmap and colorText painters use theme color
-			if(this._coloringType === CellPainter.ColoringTypes.HEATMAP || this._coloringType === CellPainter.ColoringTypes.TEXT) {
-				var up, down;
-				if(this._coloringType === CellPainter.ColoringTypes.TEXT && cond["field"] === "CF_TICK") {
-					up = colors["tickUp"];
-					down = colors["tickDown"];
-				} else {
-					up = colors["up"];
-					down = colors["down"];
-				}
+			if(cond["useThemeColor"]) {
+				var up = colors["up"];
+				var down = colors["down"];
 				var level = (colors["level"] === colors["baseText"]) ? "" : colors["level"];
 				CellPainter._setUpDownColors(cond, up, down, level);
 			}
@@ -374,34 +366,36 @@ CellPainter.prototype.addHeatmapWithTheme = function(field, midPoint, opt_textMo
 /** @private
 * @param {Function} expression
 * @param {string} field
-* @param {string} upColor
-* @param {string} downColor
-* @param {string} levelColor
+* @param {string=} upClass CSS class name
+* @param {string=} downClass CSS class name
+* @param {string=} levelClass CSS class name
 * @return {!Object}
 */
-CellPainter.prototype._addColorText = function(expression, field, upColor, downColor, levelColor) {
+CellPainter.prototype._addColorText = function(expression, field, upClass, downClass, levelClass) {
 	this._setColoringType(CellPainter.ColoringTypes.TEXT);
 
 	var condition = {};
 	condition["field"] = field;
 	condition["expression"] = expression.bind(null, field);
-	CellPainter._setUpDownColors(condition, upColor, downColor, levelColor);
+	condition["upClass"] = upClass;
+	condition["downClass"] = downClass;
+	condition["levelClass"] = levelClass;
 
 	this._addCondition(condition);
 	return condition;
 };
 /** @public
 * @param {string} field
-* @param {string} upColor
-* @param {string} downColor
-* @param {string} levelColor
+* @param {string=} upClass CSS class name
+* @param {string=} downClass CSS class name
+* @param {string=} levelClass CSS class name
 * @return {!Object}
 */
-CellPainter.prototype.addColorText = function(field, upColor, downColor, levelColor) {
+CellPainter.prototype.addColorText = function(field, upClass, downClass, levelClass) {
 	return this._addColorText(
 		TickFields[field] ? CellPainter._tickColorTextCondition : CellPainter._colorTextCondition,
 		field,
-		upColor, downColor, levelColor
+		upClass, downClass, levelClass
 	);
 };
 /** @public
@@ -409,14 +403,7 @@ CellPainter.prototype.addColorText = function(field, upColor, downColor, levelCo
 * @return {!Object}
 */
 CellPainter.prototype.addColorTextWithTheme = function(field) {
-	var colors = ElfUtil.themeColors;
-	var condition = this.addColorText(field,
-		colors["up"],
-		colors["down"],
-		(colors["level"] === colors["baseText"]) ? "" : colors["level"]
-	);
-
-	condition["useThemeColor"] = true;
+	var condition = this.addColorText(field, "positive", "negative", "neutral");
 	return condition;
 };
 /** @public
@@ -518,14 +505,16 @@ CellPainter.prototype.renderForPrinting = function(cell, rowData, min, max) {
 		return;
 	}
 	var styles = this._getStyles(rowData, min, max);
-	var cssClass = styles["cssClass"];
-	if (cssClass) {
-		if (cell._coloringCssClass !== cssClass) {
-			cell.classList.remove(cell._coloringCssClass);
-			cell._coloringCssClass = null;
+	var cssClass = styles["cssClass"]; // Can be an empty string
+	if (cssClass != null) { // Predefined colors mode
+		if (elem._coloringCssClass && elem._coloringCssClass !== cssClass) {
+			elem.classList.remove(elem._coloringCssClass);
+			elem._coloringCssClass = null;
+		}
+		if (cssClass) {
+			elem.classList.add(cssClass);
+			elem._coloringCssClass = cssClass;
 		}
-		cell.classList.add(cssClass);
-		cell._coloringCssClass = cssClass;
 	} else {
 		if (cell._coloringCssClass) {
 			cell.classList.remove(cell._coloringCssClass);
@@ -658,14 +647,17 @@ CellPainter._cellRestorer = function(scope) {
 		}
 
 		var styles = this._getStyles(rowData, min, max);
-		var cssClass = styles["cssClass"];
-		if (cssClass) {
+		var cssClass = styles["cssClass"]; // Can be an empty string
+		if (cssClass != null) { // Predefined colors mode
 			if (elem._coloringCssClass && elem._coloringCssClass !== cssClass) {
 				elem.classList.remove(elem._coloringCssClass);
 				elem._coloringCssClass = null;
 			}
-			elem.classList.add(cssClass);
-			elem._coloringCssClass = cssClass;
+			if (cssClass) {
+				elem.classList.add(cssClass);
+				elem._coloringCssClass = cssClass;
+			}
+			// Remove blinking color
 			elem.style.backgroundColor = "";
 			elem.style.color = "";
 		} else {
@@ -720,13 +712,14 @@ CellPainter.prototype._getStyles = function(rowData, min, max) {
 				}
 			} else if(this._coloringType === CellPainter.ColoringTypes.TEXT) {
 				if(ret > 0) {
-					CellPainter._colorObj["color"] = curCond["upColor"];
+					curCond["cssClass"] = curCond["upClass"];
 				} else if(ret < 0) {
-					CellPainter._colorObj["color"] = curCond["downColor"];
+					curCond["cssClass"] = curCond["downClass"];
 				} else {
-					CellPainter._colorObj["color"] = this._levelColorDisabled ? "" : curCond["levelColor"];
+					curCond["cssClass"] = this._levelColorDisabled ? "" : curCond["levelClass"];
 				}
-				return CellPainter._colorObj;
+				curCond["cssClass"] = curCond["cssClass"] || "";
+				return curCond;
 			}
 
 			// Expected return value is {
@@ -902,6 +895,10 @@ CellPainter.clearCellStyle = function(cell, styles) {
 		// WARNING: Scope is not removed from the this._scopes collection to speed things up
 	}
 
+	if(elem._coloringCssClass) {
+		elem.classList.remove(elem._coloringCssClass);
+	}
+
 	styles = styles || CellPainter.supportedStyles;
 	for(var i = styles.length; --i >= 0;) {
 		elem.style[styles[i]] = "";  // WARNING: Very slow
@@ -915,22 +912,24 @@ CellPainter.clearCellStyle = function(cell, styles) {
 * @param {boolean=} withContrast
 */
 CellPainter._setUpDownColors = function(scp, upColor, downColor, levelColor, withContrast) {
+	scp["upColor"] = upColor;
 	if(upColor != null) {
-		scp["upColor"] = upColor;
 		if(withContrast) {
 			scp["contrastUpColor"] = CellPainter.getOppositeColor(upColor);
 		}
 		//scp["rgbUp"] = CellPainter.hex2Rgb(upColor);
 	}
+
+	scp["downColor"] = downColor;
 	if(downColor != null) {
-		scp["downColor"] = downColor;
 		if(withContrast) {
 			scp["contrastDownColor"] = CellPainter.getOppositeColor(downColor);
 		}
 		//scp["rgbDown"] = CellPainter.hex2Rgb(downColor);
 	}
+
+	scp["levelColor"] = levelColor;
 	if(levelColor != null) {
-		scp["levelColor"] = levelColor;
 		if(withContrast) {
 			scp["contrastLevelColor"] = CellPainter.getOppositeColor(levelColor);
 		}
@@ -1024,14 +1023,16 @@ CellPainter.prototype._paintCell = function(cell, rowData, min, max) {
 	}
 
 	var styles = this._getStyles(rowData, min, max);
-	var cssClass = styles["cssClass"];
-	if (cssClass) {
-		if (elem._coloringCssClass !== cssClass) {
+	var cssClass = styles["cssClass"]; // Can be an empty string
+	if (cssClass != null) { // Predefined colors mode
+		if (elem._coloringCssClass && elem._coloringCssClass !== cssClass) {
 			elem.classList.remove(elem._coloringCssClass);
 			elem._coloringCssClass = null;
 		}
-		elem.classList.add(cssClass);
-		elem._coloringCssClass = cssClass;
+		if (cssClass) {
+			elem.classList.add(cssClass);
+			elem._coloringCssClass = cssClass;
+		}
 	} else {
 		if (elem._coloringCssClass) {
 			elem.classList.remove(elem._coloringCssClass);

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

@@ -62,8 +62,9 @@ DragUI.applyThemeColor = function(grid) {
 */
 DragUI.prototype.onThemeLoaded = function(colors) {
 	if(!DragUI._styles) {
+		var ElfVersion = ElfUtil.getElfVersion();
 		var cursor = "grabbing";
-		if (ElfUtil.getElfVersion() < 3) {
+		if (ElfVersion < 3) {
 			cursor = "move";
 		}
 		var styles = [ // Main Styles without theme
@@ -135,7 +136,8 @@ DragUI.prototype.onThemeLoaded = function(colors) {
 				"--grid-insertion-icon-bgcolor: #39c46e;",
 				"--grid-insertion-icon-color: #1A1A1A;",
 				"--grid-void-icon-bgcolor: #F5475B;",
-				"--grid-void-icon-color: #FFFFFF;"
+				"--grid-void-icon-color: #FFFFFF;",
+				"--grid-title-icon-color: var(--grid-guideline-color);" // v3 fallback
 			],
 			".mouse-dragging .cell:hover", [ // for change mouse cursor when hover header while dragging
 				"cursor: " + cursor + " !important;"
@@ -149,10 +151,12 @@ DragUI.prototype.onThemeLoaded = function(colors) {
 			".tr-dragging, .tr-dragging *", [
 				"-webkit-touch-callout: none;",
 				".user-select(none);"
+			],
+			".tr-dragbox", [
+				"background-color: unset;" // v3 fallback
 			]
 		];
 		var guidelineColor = "#ff9933";
-		var ElfVersion = ElfUtil.getElfVersion();
 		if(colors.primary) {
 			guidelineColor = colors.primary;
 		}

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

@@ -189,8 +189,12 @@ 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){
-		options["dateTimeFormat"] = this._dateTimeFormat;
-		options["useUTCTime"] = (this._timeZone == "GMT");
+		if(this._dateTimeFormat !== "") {
+			options["dateTimeFormat"] = this._dateTimeFormat;
+		}
+		if(this._timeZone !== "GMT") {
+			options["useUTCTime"] = false;
+		} // useUTCTime by default, otherwise is use local
 	}
 	return options;
 };

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

@@ -242,25 +242,37 @@ NumberFormatter.prototype.getOptions = function(options) { // serialize
 
 	var formatType = options["formatType"];
 
-	options["precisionEnabled"] = this._precisionEnabled;
-	options["decimalPlaces"] = this._precision;
-	options["plusSign"] = this._plusSignEnabled;
-	options["separator"] = this._separatorEnabled;
+	if(this._precisionEnabled !== true) {
+		options["precisionEnabled"] = this._precisionEnabled; // Default in init
+	}
+
+	if(this._precision !== 2) {
+		options["decimalPlaces"] = this._precision;
+	}
+
+	if(this._plusSignEnabled !== false) {
+		options["plusSign"] = this._plusSignEnabled;
+	}
+
+	if(this._separatorEnabled !== false) {
+		options["separator"] = this._separatorEnabled;
+	}
 
 	if(formatType === "scaled" || formatType === "scaledvalue") {
 		var su = "";
 		if(this._scaler == "b") {
 			su = "billion";
-		} else if(this._scaler == "m") {
-			su = "million";
-		}
-		options["scalingUnit"] = su;
+			options["scalingUnit"] = su;
+		} // We didn't return default value (million) for clean up getConfigObject
 	}
 
 	if(formatType === "percent") {
-		options["percentSign"] = this._percentSignEnabled;
-		options["mutiplyBy100"] = this._multiplyBy100Enabled;
-		options["multiplyBy100"] = this._multiplyBy100Enabled;
+		if(this._percentSignEnabled !== true) {
+			options["percentSign"] = this._percentSignEnabled;
+		}
+		if(this._multiplyBy100Enabled !== false) {
+			options["multiplyBy100"] = this._multiplyBy100Enabled;
+		}
 	}
 	return options;
 };

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

@@ -24,6 +24,8 @@ declare function arrayToObject(data?: any[]|null, fields?: (string)[]|null): any
 
 declare function extendProperty(obj: any, extender: any, propName: string): void;
 
+declare function deepEqual(obj1: any, obj2: any): boolean;
+
 declare function extendArrayProperty(obj: any, propName: string, ary: any): any[]|null;
 
 declare function parseCondition(expression: string|((...params: any[]) => any)|null): ((...params: any[]) => any)|null;
@@ -52,6 +54,7 @@ export {
 	extendObject,
 	cloneObject,
 	isEmptyObject,
+	deepEqual,
 	arrayToObject,
 	extendProperty,
 	extendArrayProperty,

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

@@ -200,6 +200,58 @@ var extendProperty = function (obj, extender, propName) {
 		}
 	}
 };
+
+
+/** Compare the values of obj1 and obj2. if they are the same object or have the same value, the result will be true. Otherwise, it will return false.
+* @public
+* @param {*} obj1
+* @param {*} obj2
+* @return {boolean}
+*/
+var deepEqual = function (obj1, obj2) {
+
+	if(obj1 === obj2) {
+		return true;
+	}
+
+	if (typeof obj1 !== typeof obj2) {
+		return false;
+	}
+
+	if (typeof obj1 === "object") {
+
+		// We need to split array and object for performance reason
+		if(Array.isArray(obj1)) {
+			if(obj1.length !== obj2.length) {
+				return false;
+			}
+
+			for (var i = 0; i < obj1.length; i++) {
+				if (!deepEqual(obj1[i], obj2[i])) { // The array may not be a match if the elements are not sorted, so it will not be considered equal if there is a mismatch.
+					return false;
+				}
+			}
+
+		} else {
+
+			if (Object.keys(obj1).length !== Object.keys(obj2).length) {
+				return false;
+			}
+
+			for (var key in obj1) {
+				if (!deepEqual(obj1[key], obj2[key])) {
+					return false;
+				}
+			}
+		}
+
+
+		return true;
+	}
+
+	return false;
+
+};
 /** Array.push() is much faster than Array.concat(). The downside is the parameters must be an array, whereas concat() has no such requirement. <br>
 * This method excels in extending known array property in an object.
 * @public
@@ -527,6 +579,7 @@ export {
 	extendObject,
 	cloneObject,
 	isEmptyObject,
+	deepEqual,
 	arrayToObject,
 	extendProperty,
 	extendArrayProperty,

package/lib/tr-grid-util/es6/jet/DataGenerator.js

@@ -83,7 +83,7 @@ var _fieldInfo = {
 	"words2": {type: "string", min: 3, max: 10},
 	"words3": {type: "string", min: 5, max: 15},
 	"sentence": {type: "string", min: 8, max: 20},
-	"id": {type: "function", generate: _generateId},
+	"id": {type: "function", hash: 0, generate: _generateId},
 	"companyName": {type: "set", members: DataSet.companyName },
 	"industry": {type: "set", members: DataSet.industry },
 	"market": {type: "set", members: DataSet.market },
@@ -103,14 +103,16 @@ var getFieldInfo = function(field) {
 * @param {Object|Function} options
 */
 var addFieldInfo = function(field, options) {
-	var opt = options;
-	if(typeof options === "function") {
-		opt = {
-			type: "function",
-			generate: options
-		};
+	if(field) {
+		var opt = options;
+		if(typeof options === "function") {
+			opt = {
+				type: "function",
+				generate: options
+			};
+		}
+		_fieldInfo[field] = opt; // WARNING: This could replace existing info
 	}
-	_fieldInfo[field] = opt;
 };
 
 /** Return pseudo random number in the range of 0 to 1 (exclusive of 1)
@@ -452,8 +454,9 @@ var _generate2DArray = function(fields, options, seed) {
 */
 var _hash = function(str) {
 	var sum = 0;
-	for(var i = str.length; --i >= 0;) {
-		sum += str.charCodeAt(i) * (i + 0.9);
+	var i = str ? str.length : 0;
+	while(--i >= 0) {
+		sum += str.charCodeAt(i) * (i + 0.9879);
 	}
 	return sum;
 };
@@ -465,35 +468,34 @@ var _hash = function(str) {
 */
 var _generateFieldData = function(field, options, seed) {
 	var fInfo = getFieldInfo(field);
+	if(!fInfo.type) {
+		fInfo.type = "number";
+		addFieldInfo(field, fInfo);
+	}
+	if(fInfo.fixedValue){
+		fInfo.value = value;
+		return fInfo;
+	}
+	if(seed != null) {
+		if(fInfo.hash == null) {
+			fInfo.hash = _hash(field);
+		}
+		seed += fInfo.hash; // Make each field unique for the same seed
+	}
+
 	var min = fInfo.min != null ? fInfo.min : 100; // WARNING: Default values are non-standard values
 	var max = fInfo.max != null ? fInfo.max : 10000;
-	var prec = fInfo.prec != null ? fInfo.prec : 0;
 	var value;
 
-	if(fInfo.fixedValue){
-		value = fInfo.fixedValue;
-	} else if(!fInfo.type) { // Unknown type
-		if(seed != null) {
-			if(field) {
-				if(!fInfo.hash) {
-					fInfo.hash = _hash(field);
-					addFieldInfo(field, fInfo); // WARNING: modify global state
-				}
-				seed += fInfo.hash;
-			}
-		}
-		value = randNumber(min, max, prec, seed);
-	} else if(fInfo.type === "string") {
+	if(fInfo.type === "string") {
 		if(fInfo.min != null || fInfo.max != null) {
-			if(seed != null) {
-				if(!fInfo.hash) {
-					fInfo.hash = _hash(field);
-				}
-				seed += fInfo.hash;
-			}
 			value = randString(min, max, seed);
 		} else {
-			value = options.text || "";
+			if(options) {
+				value = options.text || "";
+			} else {
+				value = "";
+			}
 		}
 	} else if(fInfo.type === "set") {
 		value = randMember(fInfo.members, seed);
@@ -510,7 +512,8 @@ var _generateFieldData = function(field, options, seed) {
 	} else if(fInfo.type === "function") {
 		fInfo.field = field;
 		value = fInfo.generate(fInfo, seed);
-	} else { // Default is number
+	} else { // Default is number for all unknown type
+		var prec = fInfo.prec != null ? fInfo.prec : 0;
 		value = randNumber(min, max, prec, seed);
 	}
 	fInfo.value = value;

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

@@ -137,6 +137,8 @@ declare class ColumnStackPlugin extends GridPlugin {
 
     public isStackHidden(stackId: string): boolean|null|null;
 
+    public moveStack(stackId: string, destCol?: (number|string)|null): boolean;
+
 }
 
 export default ColumnStackPlugin;

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

@@ -13,16 +13,16 @@ declare namespace ConditionalColoringPlugin {
 
     type ColumnOptions = {
         conditions?: (ConditionalColoringPlugin.Condition)[]|null,
-        colorText?: (string|boolean)|null,
-        tickColor?: (string|boolean)|null,
-        blinking?: (ConditionalColoringPlugin.Blinking|boolean)|null,
+        colorText?: (string|boolean|ConditionalColoringPlugin.ColorText)|null,
+        tickColor?: (string|boolean|ConditionalColoringPlugin.ColorText)|null,
+        blinking?: (string|boolean|ConditionalColoringPlugin.Blinking)|null,
         field?: string|null
     };
 
     type ConditionalColoringOptions = {
         conditions?: (ConditionalColoringPlugin.Condition)[]|null,
-        colorText?: (string|boolean)|null,
-        tickColor?: (string|boolean)|null,
+        colorText?: (string|boolean|ConditionalColoringPlugin.ColorText)|null,
+        tickColor?: (string|boolean|ConditionalColoringPlugin.ColorText)|null,
         field?: string|null
     };
 
@@ -41,6 +41,13 @@ declare namespace ConditionalColoringPlugin {
         level?: (string|boolean)|null
     };
 
+    type ColorText = {
+        field?: string|null,
+        upClass?: string|null,
+        downClass?: string|null,
+        levelClass?: string|null
+    };
+
 }
 
 declare class ConditionalColoringPlugin extends GridPlugin {

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

@@ -70,6 +70,8 @@ declare class DataTable extends DataCache {
 
     public setColumnSortingLogic(cid: string, func: DataTable.SortLogic|null): void;
 
+    public getColumnSortingLogic(cid?: string|null): DataTable.SortLogic|null;
+
     public freeze(bool?: boolean|null): boolean;
 
     public unfreeze(bool?: boolean|null): boolean;
@@ -90,7 +92,7 @@ declare class DataTable extends DataCache {
 
     public getSegmentParentRowId(rid: string): string;
 
-    public getSegmentValues(rids?: (string)[]|null): (number)[]|null;
+    public getSegmentValues(rids?: (string)[]|null, partial?: boolean|null): (number)[]|null;
 
     public fillSegment(segmentId: string): void;
 

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

@@ -80,6 +80,8 @@ declare class DataView extends EventDispatcher {
 
     public setColumnSortingLogic(cid: string, func: DataTable.SortLogic|null): void;
 
+    public getColumnSortingLogic(cid?: string|null): DataTable.SortLogic|null;
+
     public isSorting(): boolean;
 
     public hideRow(rId: string|number|null, hidden?: boolean|null): void;

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

@@ -59,6 +59,8 @@ declare class Segment extends EventDispatcher {
 
     public getOrder(): number;
 
+    public getLastOrder(): number;
+
     public setOrder(val: number): void;
 
     public log(lines: (string)[]|null): (string)[]|null;

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

@@ -8,7 +8,7 @@ declare class SegmentCollection extends EventDispatcher {
 
     public dispose(): void;
 
-    public addSegment(rid: string): boolean;
+    public addSegment(rid: string, childRids?: (string)[]|null): boolean;
 
     public addSegments(rids: (string)[]|null): boolean;
 
@@ -56,8 +56,6 @@ declare class SegmentCollection extends EventDispatcher {
 
     public calcSegmentOrder(rids: (string)[]|null): void;
 
-    public getSegmentValues(rids: (string)[]): (number)[]|null;
-
     public logStructure(): string;
 
     public logRowIdMap(): string;

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

@@ -339,8 +339,12 @@ declare class Core extends ElementWrapper {
 
     public enableRowVirtualization(opt_enabled: boolean): void;
 
+    public isRowVirtualizationEnabled(): boolean;
+
     public enableColumnVirtualization(opt_enabled?: boolean|null): void;
 
+    public isColumnVirtualizationEnabled(): boolean;
+
     public setRowScrollingStep(rowCount: number): void;
 
     public getVMouseWheelHandler(): ((...params: any[]) => any)|null;

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

@@ -4,6 +4,7 @@ import Core from "../Core.js";
 import ILayoutGrid from "../ILayoutGrid.js";
 import ElementWrapper from "../components/ElementWrapper.js";
 import DataTable from "../../data/DataTable.js";
+import { isEmptyObject } from "../../../../../tr-grid-util/es6/Util.js";
 
 declare namespace SortableTitlePlugin {
 

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

@@ -7,12 +7,12 @@ declare namespace HeatMapPlugin {
 
     type ColumnOptions = {
         field: string,
-        heatMap?: HeatMapPlugin.Heatmap
+        heatMap?: HeatMapPlugin.Heatmap|null
     };
 
     type Heatmap = {
-        midPoint?: number,
-        mode?: string
+        midPoint?: number|null,
+        mode?: string|null
     };
 
 }