@refinitiv-ui/efx-grid 6.0.4 → 6.0.6

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

@@ -5,31 +5,31 @@ import { ElfUtil } from "./ElfUtil.js";
 declare namespace CellPainter {
 
     type Expression = {
-        name?: string,
+        name?: string|null,
         text: string,
-        values?: any[]
+        values?: any[]|null
     };
 
     type Condition = {
         field: string,
-        expression: CellPainter.Expression|string,
-        backgroundColor?: string,
-        color?: string,
-        fontSize?: string,
-        fontWeight?: string,
-        fontStyle?: string,
-        textAlign?: string,
-        textDecoration?: string
+        expression: CellPainter.Expression|string|null,
+        backgroundColor?: string|null,
+        color?: string|null,
+        fontSize?: string|null,
+        fontWeight?: string|null,
+        fontStyle?: string|null,
+        textAlign?: string|null,
+        textDecoration?: string|null
     };
 
     type ThemeColors = {
-        baseGrid?: string,
-        baseText?: string,
-        up?: string,
-        down?: string,
-        level?: string,
-        tickUp?: string,
-        tickDown?: string
+        baseGrid?: string|null,
+        baseText?: string|null,
+        up?: string|null,
+        down?: string|null,
+        level?: string|null,
+        tickUp?: string|null,
+        tickDown?: string|null
     };
 
     enum ColoringTypes {
@@ -46,7 +46,7 @@ declare class CellPainter {
 
     public static readonly themeReady: Promise<any>|null;
 
-    public static parse(expression: string|((...params: any[]) => any)): ((...params: any[]) => any)|null;
+    public static parse(expression: string|((...params: any[]) => any)|null): ((...params: any[]) => any)|null;
 
     public dispose(): void;
 
@@ -68,15 +68,15 @@ declare class CellPainter {
 
     public getColoringType(): CellPainter.ColoringTypes|null;
 
-    public setConditions(conditions: (CellPainter.Condition)[]): void;
+    public setConditions(conditions: (CellPainter.Condition)[]|null): void;
 
     public setColumnStats(columnStats: any): void;
 
     public getColumnStats(): any;
 
-    public addHeatmap(field: string, midPoint: number, upColor: string, downColor: string, baseColor: string, opt_textMode?: (string|boolean)): any;
+    public addHeatmap(field: string, midPoint: number, upColor: string, downColor: string, baseColor: string, opt_textMode?: (string|boolean)|null): any;
 
-    public addHeatmapWithTheme(field: string, midPoint: number, opt_textMode?: (string|boolean)): any;
+    public addHeatmapWithTheme(field: string, midPoint: number, opt_textMode?: (string|boolean)|null): any;
 
     public addColorText(field: string, upColor: string, downColor: string, levelColor: string): any;
 
@@ -86,23 +86,23 @@ declare class CellPainter {
 
     public addTickColorTextWithTheme(): any;
 
-    public addTickBlink(upColor: string, downColor: string, levelColor: string, opt_border?: (string|boolean)): any;
+    public addTickBlink(upColor: string, downColor: string, levelColor: string, opt_border?: (string|boolean)|null): any;
 
-    public addTickBlinkWithTheme(opt_border?: (string|boolean)): any;
+    public addTickBlinkWithTheme(opt_border?: (string|boolean)|null): any;
 
-    public addBlink(field: string, upColor: string, downColor: string, levelColor: string, opt_border?: (string|boolean)): any;
+    public addBlink(field: string, upColor: string, downColor: string, levelColor: string, opt_border?: (string|boolean)|null): any;
 
-    public addBlinkWithTheme(field: string, opt_border?: (string|boolean)): any;
+    public addBlinkWithTheme(field: string, opt_border?: (string|boolean)|null): any;
 
-    public renderForPrinting(cell: Element, rowData: any, min: number, max: number): void;
+    public renderForPrinting(cell: Element|null, rowData: any, min: number, max: number): void;
 
     public static blendColor(baseColor: string, maxColor: string, ratio: number): (number)[]|null;
 
     public static rgb2Hex(rgbCode: string): string;
 
-    public static num2Hex(triplet: (number)[]): string;
+    public static num2Hex(triplet: (number)[]|null): string;
 
-    public static num2Rgb(triplet: (number)[]): string;
+    public static num2Rgb(triplet: (number)[]|null): string;
 
     public static hex2Num(hex: string): (number)[]|null;
 
@@ -114,7 +114,7 @@ declare class CellPainter {
 
     public static reloadThemeColors(): Promise<any>|null;
 
-    public static getOppositeColor(hexCode: string|(number)[]): string;
+    public static getOppositeColor(hexCode: string|(number)[]|null): string;
 
     public render(cell: any, rowData: any, min: number, max: number, changedCols?: any): void;
 
@@ -128,7 +128,7 @@ declare class CellPainter {
 
     public verifyBlinking(cell: any, rowData: any): void;
 
-    public disableLevelColor(disabled?: boolean): void;
+    public disableLevelColor(disabled?: boolean|null): void;
 
 }
 

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

@@ -235,7 +235,7 @@ CellPainter.prototype.clearHeatMap = function() {
 
 /** @public */
 CellPainter.prototype.applyThemeColor = function() {
-	var colors = ElfUtil.themeColors;
+	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
@@ -822,16 +822,13 @@ CellPainter.themeChanged = function() {};
 CellPainter.setThemeColors = function() {};
 /** @private
 * @function
-* @param {Object} colors
-* @return {Object} colors
 */
-CellPainter._onThemeChanged = function(colors) {
+CellPainter._onThemeChanged = function() {
 	// Apply newly changed theme to all the painters
 	var painters = CellPainter._painters;
 	for(var i = painters.length; --i >= 0;) {
 		painters[i].applyThemeColor(); // Re-apply theme color
 	}
-	return colors;
 };
 /** Load theme colors and change colors for all instances of CellPainter
 * @public
@@ -840,7 +837,9 @@ CellPainter._onThemeChanged = function(colors) {
 */
 CellPainter.loadThemeColors = function() {
 	if(!CellPainter.themeReady) {
-		CellPainter.themeReady = ElfUtil.getThemeColors().then(CellPainter._onThemeChanged);
+		CellPainter.themeReady = ElfUtil.getThemeColors(CellPainter._onThemeChanged)
+			.then(CellPainter._onThemeChanged)
+			.catch(CellPainter._onThemeChanged);
 	}
 	return CellPainter.themeReady;
 };
@@ -851,8 +850,10 @@ CellPainter.loadThemeColors = function() {
 * @return {Promise<Object>}
 */
 CellPainter.reloadThemeColors = function () {
-	CellPainter.themeReady = ElfUtil.themeReady = null;
-	return CellPainter.loadThemeColors();
+	CellPainter.themeReady = ElfUtil.reloadThemeColors()
+		.then(CellPainter._onThemeChanged)
+		.catch(CellPainter._onThemeChanged);
+	return CellPainter.themeReady;
 };
 
 /** @public

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

@@ -2,7 +2,7 @@
 
 declare class Conflator {
 
-    constructor(func?: (((...params: any[]) => any)|number), ms?: (number|((...params: any[]) => any)), thisObj?: any);
+    constructor(func?: (((...params: any[]) => any)|number)|null, ms?: (number|((...params: any[]) => any))|null, thisObj?: any);
 
     public reset(): any[]|null;
 
@@ -16,17 +16,17 @@ declare class Conflator {
 
     public getData(): any[];
 
-    public setFunction(func: ((...params: any[]) => any), thisObj?: any): void;
+    public setFunction(func: ((...params: any[]) => any)|null, thisObj?: any): void;
 
     public setConflatingTime(ms: number): void;
 
     public getConflatingTime(): number;
 
-    public disable(opt_disabled?: boolean): void;
+    public disable(opt_disabled?: boolean|null): void;
 
     public isEnabled(): boolean;
 
-    public enable(opt_enabled?: boolean): void;
+    public enable(opt_enabled?: boolean|null): void;
 
 }
 

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

@@ -2,7 +2,7 @@
 
 declare namespace CoralItems {
 
-    function create(userItems: any[]): (any)[]|null;
+    function create(userItems: any[]|null): (any)[]|null;
 
 }
 

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

@@ -3,17 +3,17 @@ import ElfUtil from './ElfUtil.js';
 
 declare namespace DateTime {
 
-    function setDateTimePattern(format?: string): void;
+    function setDateTimePattern(format?: string|null): void;
 
-    function setLocale(lang?: string): void;
+    function setLocale(lang?: string|null): void;
 
-    function format(dateTimeNumber: number|string|Date, dateTimeFormat?: string, timezone?: string): string;
+    function format(dateTimeNumber: number|string|Date|null, dateTimeFormat?: string|null, timezone?: string|null): string;
 
-    function formatDateObject(date: Date, dateTimeFormat?: string): string;
+    function formatDateObject(date: Date|null, dateTimeFormat?: string|null): string;
 
-    function isValidDate(dateObj: Date): boolean;
+    function isValidDate(dateObj: Date|null): boolean;
 
-    function isInvalidDate(dateObj: Date): boolean;
+    function isInvalidDate(dateObj: Date|null): boolean;
 
     function fromDateNumber(dateNumber: number): Date;
 
@@ -21,13 +21,13 @@ declare namespace DateTime {
 
     function timeNumberToMs(dateNumber: number): number;
 
-    function toDateObject(dateInput: string|number): any;
+    function toDateObject(dateInput: string|number|null): any;
 
-    function toDateNumber(dateObj: Date): number;
+    function toDateNumber(dateObj: Date|null): number;
 
-    function toTimeNumber(dateObj: Date): number;
+    function toTimeNumber(dateObj: Date|null): number;
 
-    function toYYYYMMDD(dateObj: Date): string;
+    function toYYYYMMDD(dateObj: Date|null): string;
 
 }
 

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

@@ -2,12 +2,14 @@
 
 declare class Deferred {
 
-    constructor(resolveHandler?: ((...params: any[]) => any), rejectHandler?: ((...params: any[]) => any), ctx?: any);
+    constructor(resolveHandler?: ((...params: any[]) => any)|null, rejectHandler?: ((...params: any[]) => any)|null, ctx?: any);
 
     public resolve(result?: any): void;
 
     public reject(result?: any): void;
 
+    public isFulfilled(): boolean;
+
 }
 
 export default Deferred;

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

@@ -54,7 +54,10 @@ Deferred.prototype._rejectHandler = null;
 * @private
 */
 Deferred.prototype._ctx = null;
-
+/** @type {boolean}
+* @private
+*/
+Deferred.prototype._fulfilled = false;
 
 /** @public
 * @param {*=} result
@@ -86,10 +89,17 @@ Deferred.prototype.reject = function(result) {
 		this._finally();
 	}
 };
+/** @public
+* @return {boolean}
+*/
+Deferred.prototype.isFulfilled = function() {
+	return this._fulfilled;
+};
 
 /** @private */
 Deferred.prototype._finally = function() {
 	// Release all references to avoid memory leak
+	this._fulfilled = true;
 	this._ctx = this._resolveHandler = this._rejectHandler = null;
 	this._resolve = this._reject = null;
 };

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

@@ -2,11 +2,11 @@
 
 declare class Delay {
 
-    constructor(ms?: number, ctx?: any);
+    constructor(ms?: number|null, ctx?: any);
 
     public static readonly promise: Promise<any>;
 
-    public static for(ms?: number, ctx?: any): Delay|null;
+    public static for(ms?: number|null, ctx?: any): Delay|null;
 
     public resolve(): void;
 

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

@@ -2,29 +2,29 @@
 
 declare namespace Dom {
 
-    function create(tagName: string, className?: string): Element;
+    function create(tagName: string, className?: string|null): Element;
 
-    function div(className?: string): Element;
+    function div(className?: string|null): Element;
 
-    function text(textContent?: string, className?: string): Element;
+    function text(textContent?: string|null, className?: string|null): Element;
 
-    function appendChild(parentElem: Element, children: Node|any[]): Element|null;
+    function appendChild(parentElem: Element|null, children: Node|any[]|null): Element|null;
 
-    function buildTree(parentElem: Element, children: Node|any[]): Element|null;
+    function buildTree(parentElem: Element|null, children: Node|any[]|null): Element|null;
 
-    function setContent(elem: Element, val: any): void;
+    function setContent(elem: Element|null, val: any): void;
 
-    function preventDefault(e: Event): void;
+    function preventDefault(e: Event|null): void;
 
-    function stopPropagation(e: Event): void;
+    function stopPropagation(e: Event|null): void;
 
     function getClientPosition(target: Element|Event|MouseEvent, retObj?: any): any;
 
     function getRelativePosition(A: Element|Event|MouseEvent, B: Element|Event|MouseEvent, retObj?: any): any;
 
-    function closestElement(elem: Element|Node|undefined, classStr: string): Element|null;
+    function closestElement(elem: Element|Node|undefined|null, classStr: string): Element|null;
 
-    function closestTagName(elem: Element|Node|undefined, tn: string): Element|null;
+    function closestTagName(elem: Element|Node|undefined|null, tn: string): Element|null;
 
 }
 

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

@@ -307,7 +307,7 @@ Dom.getRelativePosition = function(A, B, retObj) {
 	retObj["y"] -= bp["y"];
 	return /**@type {!Object} */(retObj);
 };
-/** Return closest ancestor element or the element itself with specified class string. Otherwise return null
+/** The method returns closest ancestor element or the element itself with specified class string. Otherwise, it returns null
 * @public
 * @function
 * @param {Element|Node|undefined} elem
@@ -316,15 +316,17 @@ Dom.getRelativePosition = function(A, B, retObj) {
 */
 Dom.closestElement = function(elem, classStr) {
 	var n = elem;
-	while(n && n.classList) {
-		if(n.classList.contains(classStr)) {
-			return /** @type{Element} */(n);
+	while (n) {
+		if(n.classList) { // DocumentFragment does not have classList property
+			if (n.classList.contains(classStr)) {
+				return /** @type{Element} */(n);
+			}
 		}
-		n = n.parentNode;
+		n = n.parentNode || n.host; // ShadowRoot has host, but not parentNode
 	}
 	return null;
 };
-/** Return closest ancestor element or the element itself with the specified tagName. Otherwise return null
+/** The method returns closest ancestor element or the element itself with the specified tagName. Otherwise, it returns null
 * @public
 * @function
 * @param {Element|Node|undefined} elem
@@ -333,11 +335,13 @@ Dom.closestElement = function(elem, classStr) {
 */
 Dom.closestTagName = function(elem, tn) {
 	var n = elem;
-	while(n && n.tagName) {
-		if(n.tagName == tn) {
-			return /** @type{Element} */(n);
+	while(n) {
+		if(n.tagName) {
+			if(n.tagName == tn) {
+				return /** @type{Element} */(n);
+			}
 		}
-		n = n.parentNode;
+		n = n.parentNode || n.host; // ShadowRoot has host, but not parentNode
 	}
 	return null;
 };

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

@@ -130,8 +130,11 @@ DragUI.prototype.onThemeLoaded = function(colors) {
 			".mouse-dragging .cell:hover", [ // for change mouse cursor when hover header while dragging
 				"cursor: grabbing !important;"
 			],
-			":host .column .cell.drag-indicator", [
-				"border: var(--grid-drag-indicator);" // defualt is "none"
+			".tr-grid .column .cell.drag-indicator", [ // --grid-drag-indicator defualt is "none"
+				"border-top: var(--grid-drag-indicator) !important;",
+				"border-right: var(--grid-drag-indicator);",
+				"border-bottom: var(--grid-drag-indicator);",
+				"border-left: var(--grid-drag-indicator);"
 			],
 			".tr-dragging, .tr-dragging *", [
 				"-webkit-touch-callout: none;",

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

@@ -2,9 +2,9 @@
 
 declare namespace ElementObserver {
 
-    function addLanguageListener(element: Element): void;
+    function addLanguageListener(element: Element|null): void;
 
-    function addAttributeListener(element: Element, listener: ((...params: any[]) => any), attributeName?: string): void;
+    function addAttributeListener(element: Element|null, listener: ((...params: any[]) => any)|null, attributeName?: string|null): void;
 
 }
 

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

@@ -22,10 +22,10 @@ var _onAttributeMutated = function (listener, attributeName, mutation) {
 	if (mutation.type === "attributes") {
 		if (attributeName != null) {
 			if (mutation.attributeName === attributeName) {
-				listener(mutation);
+				listener(mutation.target.getAttribute(attributeName));
 			}
 		} else {
-			listener(mutation);
+			listener(mutation.target);
 		}
 	}
 };
@@ -78,9 +78,12 @@ ElementObserver._addListener = function(elem, fn) {
 	}
 	if (!elem._observeId) {
 		var id = ElementObserver._getNewId();
-		listeners[id] = [];
 		elem._observeId = id;
 	}
+	if (!listeners[elem._observeId]) { // Always check to support the using of separated ElfUtil module in testing page
+		listeners[elem._observeId] = [];
+	}
+
 	var listener = listeners[elem._observeId];
 	if (listener.indexOf(fn) < 0) {
 		listener.push(fn);

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

@@ -7,15 +7,15 @@ declare class ElementWrapper extends EventDispatcher {
 
     public getElement(): Element|null;
 
-    public setParent(parent: Node|ElementWrapper): void;
+    public setParent(parent: Node|ElementWrapper|null): void;
 
     public getBoundingClientRect(): any;
 
-    public getMousePosition(e: Event, retObj?: any): any;
+    public getMousePosition(e: Event|null, retObj?: any): any;
 
-    public addEventListener(type: string, listener: ((...params: any[]) => any)): void;
+    public addEventListener(type: string, listener: ((...params: any[]) => any)|null): void;
 
-    public removeEventListener(type: string, listener: ((...params: any[]) => any)): void;
+    public removeEventListener(type: string, listener: ((...params: any[]) => any)|null): void;
 
 }
 

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

@@ -4,21 +4,21 @@ declare namespace ElfDate {
 
     function from(val: any): Date|null;
 
-    function isValid(d: Date): boolean;
+    function isValid(d: Date|null): boolean;
 
     function prefixSingleDigit(n: number): string;
 
-    function toYMD(d: string|Date): string;
+    function toYMD(d: string|Date|null): string;
 
-    function setDate(edtp: Element, val: any): void;
+    function setDate(edtp: Element|null, val: any): void;
 
-    function getDate(edtp: Element): Date|null;
+    function getDate(edtp: Element|null): Date|null;
 
     function compare(valA: any, valB: any): number;
 
     function equal(valA: any, valB: any): boolean;
 
-    function extractDate(d: Date): (number)[]|null;
+    function extractDate(d: Date|null): (number)[]|null;
 
 }
 

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

@@ -9,6 +9,7 @@ var ElfDate = {};
 * @example
 * ElfDate.from(1000);         // Thu Jan 01 1970 07:00:01 GMT+0700 (Indochina Time)
 * ElfDate.from("2000/12/2");  // Sat Dec 02 2000 00:00:00 GMT+0700 (Indochina Time)
+* ElfDate.from("2000-12-02"); // Sat Dec 02 2000 07:00:00 GMT+0700 (Indochina Time)
 * ElfDate.from("2000-12-2");  // Sat Dec 02 2000 00:00:00 GMT+0700 (Indochina Time)
 * ElfDate.from([2000, 11, 2]);// Sat Dec 02 2000 07:00:00 GMT+0700 (Indochina Time)
 * ElfDate.from("2/12/2000");  // Sat Feb 12 2000 00:00:00 GMT+0700 (Indochina Time)

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

@@ -1,5 +1,6 @@
 import { nestedObjectToArray, rgb2Hex } from "./Util.js";
 import { Deferred } from "./Deferred.js";
+import { ElementObserver } from "./ElementObserver.js";
 
 declare namespace ElfUtil {
 
@@ -13,20 +14,28 @@ declare namespace ElfUtil {
 
     function hasTheme(themeName: string): boolean;
 
-    function getThemeName(optElem?: Element): string;
+    function getThemeName(optElem?: Element|null): string;
 
-    function isHaloTheme(themeName?: string): boolean;
+    function isThemeLoaded(): boolean;
 
-    function injectIcons(configObj: any, optElem?: Element): void;
+    function getColors(): any;
+
+    function isHaloTheme(themeName?: string|null): boolean;
+
+    function injectIcons(configObj: any, optElem?: Element|null): void;
 
     function getIconList(): (string)[];
 
     function prepareIconPreloading(): (string)[]|null;
 
-    function getThemeColors(): Promise<any>|null;
+    function setRTK(rtk: any): void;
 
     function getMovementColorProfile(): string;
 
+    function reloadThemeColors(): Promise<any>|null;
+
+    function getThemeColors(themeChangedCb?: ((...params: any[]) => any)|null): Promise<any>|null;
+
 }
 
 export default ElfUtil;