@refinitiv-ui/efx-grid 6.0.4 → 6.0.6

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

@@ -1,5 +1,6 @@
 import { nestedObjectToArray, rgb2Hex } from "./Util.js";
 import { Deferred } from "./Deferred.js";
+import { ElementObserver } from "./ElementObserver.js";
 
 /** Dialog supporting language (selection dialog, formater dialog and filter dialog)
 * @type {!Object.<string, boolean>}
@@ -63,6 +64,26 @@ ElfUtil._dummyIcon = null;
 * @private
 */
 ElfUtil._iconLoaded = false;
+/** @type {string|null}
+* @private
+*/
+ElfUtil._profileName = null;
+/** @type {Array}
+* @private
+*/
+ElfUtil._callbacks = [];
+/** @type {boolean}
+* @private
+*/
+ElfUtil._observed = false;
+/** @type {boolean}
+* @private
+*/
+ElfUtil._pendingResolve = false;
+/** @type {boolean}
+* @private
+*/
+ElfUtil._themeLoaded = false;
 
 /** @type {Object.<string, Object>}
 * @private
@@ -211,6 +232,32 @@ ElfUtil.getThemeName = function (optElem) {
 	return ElfUtil._themeName;
 };
 
+/** This method is using for unit test
+* @public
+* @ignore
+* @function
+* @param {string} themeName
+*/
+ElfUtil.setThemeName = function (themeName) {
+	ElfUtil._themeName = themeName;
+};
+
+/** @public
+* @function
+* @return {boolean}
+*/
+ElfUtil.isThemeLoaded = function () {
+	return ElfUtil._themeLoaded;
+};
+
+/** @public
+* @function
+* @return {Object}
+*/
+ElfUtil.getColors = function() {
+	return ElfUtil.themeColors;
+};
+
 /** Check the current ELF theme is Halo theme
 * @public
 * @function
@@ -334,57 +381,165 @@ ElfUtil.getCssVariables = function (obj, optElem) {
 	return obj || null;
 };
 
+/** @public
+* @param {Object} rtk
+*/
+ElfUtil.setRTK = function(rtk) {
+	if(rtk != null) {
+		ElfUtil._rtk = rtk;
+	}
+};
+
+/** Get current profile name set on the root html element (document.documentElement)
+* @public
+* @return {string} Current profile name
+*/
+ElfUtil.getMovementColorProfile = function() {
+	return document.documentElement.getAttribute("movement-color-profile");
+};
+
+/** @private
+* @param {Function} cb
+*/
+ElfUtil._addThemeChangedCallback = function(cb) {
+	var callbacks = ElfUtil._callbacks;
+	if(callbacks.indexOf(cb) < 0) {
+		callbacks.push(cb);
+	}
+};
+
+/** @public
+* @return {Promise<Object>} A promise of object of theme colors
+*/
+ElfUtil.reloadThemeColors = function() {
+	if (ElfUtil._deferred && ElfUtil._deferred.isFulfilled()) {
+		ElfUtil._profileName = "";
+		ElfUtil._themeLoaded = false;
+		ElfUtil.themeReady = null;
+		return ElfUtil.getThemeColors();
+	} else {
+		return ElfUtil.themeReady;
+	}
+};
+
 /** Gets current theme colors from the document and returns a promise. <br>
-* WANRING: This method sets movement color profile to html tag automatically, if JET.Settings exists. <br>
+* WANRING: This method sets movement color profile to html tag automatically, if JET.Settings exists or RTK.Settings is available. <br>
 * To re-request/reset theme colors, set ElfUtil.themeReady variable to null
 * @public
+* @param {Function=} themeChangedCb
 * @return {Promise<Object>} A promise of object of theme colors
 */
-ElfUtil.getThemeColors = function() {
+ElfUtil.getThemeColors = function(themeChangedCb) {
+	if(typeof themeChangedCb === "function") {
+		ElfUtil._addThemeChangedCallback(themeChangedCb);
+	}
+
 	if(ElfUtil.themeReady) {
 		return ElfUtil.themeReady;
 	}
+
 	var d = ElfUtil._deferred = new Deferred();
 	ElfUtil.themeReady = d.promise;
 
-	var jet = window ? window.JET : null;
-	if(jet && jet.Settings) {
-		try {
-			jet.Settings.read(ElfUtil._onColorProfile, {
-				providerName: "Configuration",
-				settingName: "RDE_USER_CURRENT_TICK_COLOR"
-			});
-		} catch (err) {
-			d.reject("Cannot read JET's settings");
+	var profileName = ElfUtil.getMovementColorProfile();
+	if(profileName) {
+		if(profileName !== ElfUtil._profileName) {
+			setTimeout(ElfUtil._profileNameRetrieved, 100); // TODO: Find a proper way to ensure that theme is ready
+		} else {
+			ElfUtil._deferred.resolve(ElfUtil.themeColors);
 		}
 	} else {
-		setTimeout(ElfUtil._retrieveThemeColors, 100); // TODO: Find a proper way to ensure that theme is ready
+		var options = {
+			providerName: "Configuration",
+			settingName: "RDE_USER_CURRENT_TICK_COLOR"
+		};
+
+		var jet = window ? window.JET : null;
+		ElfUtil._themeLoaded = false;
+		if(ElfUtil._rtk && ElfUtil._rtk.Settings) {
+			ElfUtil._rtk.Settings.getAsync(options)
+				.then(ElfUtil._loadingProfileSuccess)
+				.catch(ElfUtil._loadingProfileFailure);
+		} else if(jet && jet.Settings) {
+			try {
+				jet.Settings.read(ElfUtil._loadingProfileSuccess, options);
+			} catch (err) {
+				ElfUtil._loadingProfileFailure();
+			}
+		} else {
+			setTimeout(ElfUtil._profileNameRetrieved, 100); // TODO: Find a proper way to ensure that theme is ready
+		}
 	}
+
 	return d.promise;
 };
 
-/** Get user's color profile from JET and set it to html tag (document.documentElement)
+/** @private
+* @param {string} profileName
+*/
+var movementColorProfileChanged = function(profileName) {
+	if(profileName !== ElfUtil._profileName) {
+		ElfUtil._retrieveThemeColors(profileName);
+
+		if(ElfUtil._pendingResolve) {
+			ElfUtil._pendingResolve = false;
+			ElfUtil._deferred.resolve(ElfUtil.themeColors);
+		}
+
+		var callbacks = ElfUtil._callbacks;
+		for (var i = 0; i < callbacks.length; i++) {
+			callbacks[i]();
+		}
+	}
+};
+
+/** Get user's color profile from JET or RTK and set it to html tag (document.documentElement)
 * @private
-* @param {string} colorProfile Returned from JET.Settings
+* @param {string} profileName Returned from JET.Settings or RTK.Settings
 */
-ElfUtil._onColorProfile = function (colorProfile) {
-	if(colorProfile) {
-		document.documentElement.setAttribute("movement-color-profile", colorProfile.toLowerCase());
+ElfUtil._loadingProfileSuccess = function(profileName) {
+	if(profileName) {
+		document.documentElement.setAttribute("movement-color-profile", profileName.toLowerCase());
+	}
+
+	if(ElfUtil._observed) { // Let attribute listener does the job
+		ElfUtil._pendingResolve = true;
+	} else {
+		ElfUtil._profileNameRetrieved(profileName);
 	}
+};
+
+/** @private
+*/
+ElfUtil._loadingProfileFailure = function() {
 	ElfUtil._retrieveThemeColors();
+	if(!ElfUtil._observed) {
+		ElfUtil._observed = true;
+		ElementObserver.addAttributeListener(document.documentElement, movementColorProfileChanged, "movement-color-profile");
+	}
+	ElfUtil._deferred.reject("Failed to get movement color profile from settings.");
 };
-/** Get current profile name set on the root html element (document.documentElement)
-* @public
-* @return {string} Current profile name
+
+/** @private
 */
-ElfUtil.getMovementColorProfile = function() {
-	return document.documentElement.getAttribute("movement-color-profile");
+ElfUtil._profileNameRetrieved = function() {
+	var profileName = ElfUtil.getMovementColorProfile();
+	ElfUtil._retrieveThemeColors(profileName);
+	if(!ElfUtil._observed) {
+		ElfUtil._observed = true;
+		ElementObserver.addAttributeListener(document.documentElement, movementColorProfileChanged, "movement-color-profile");
+	}
+	ElfUtil._deferred.resolve(ElfUtil.themeColors);
 };
 
 /** Get theme colors from document
 * @private
+* @param {string} profileName Movement color profile name
 */
-ElfUtil._retrieveThemeColors = function() {
+ElfUtil._retrieveThemeColors = function(profileName) {
+	ElfUtil._themeLoaded = true;
+	ElfUtil._profileName = profileName;
+
 	var colors = ElfUtil.themeColors = ElfUtil.getCssVariables({
 		"primary": "--color-scheme-primary", // Usually used in headers, and selection
 		"secondary": "--color-scheme-secondary",
@@ -449,10 +604,7 @@ ElfUtil._retrieveThemeColors = function() {
 	colors["baseGrid"] = colors["tableBg"];
 	colors["baseText"] = colors["tableText"];
 	colors["trackColor"] = colors["primary"] || ElfUtil._defaultColors["trackColor"];
-
-	ElfUtil._deferred.resolve(colors);
 };
 
-
 export default ElfUtil;
 export { ElfUtil };

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

@@ -4,23 +4,23 @@ declare class EventDispatcher {
 
     constructor();
 
-    public addEventListener(type: string, handler: ((...params: any[]) => any)): void;
+    public addEventListener(type: string, handler: ((...params: any[]) => any)|null): void;
 
-    public removeEventListener(type: string, handler: ((...params: any[]) => any)): void;
+    public removeEventListener(type: string, handler: ((...params: any[]) => any)|null): void;
 
     public removeAllEventListeners(): void;
 
     public hasListener(type: string): boolean;
 
-    public getListener(type: string, idx?: number): ((...params: any[]) => any)|null;
+    public getListener(type: string, idx?: number|null): ((...params: any[]) => any)|null;
 
     public addListener(obj: any, type: string): void;
 
-    public static preventDefault(e: Event): void;
+    public static preventDefault(e: Event|null): void;
 
 }
 
-declare function preventDefault(e: Event): void;
+declare function preventDefault(e: Event|null): void;
 
 export default EventDispatcher;
 export {EventDispatcher, preventDefault};

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

@@ -9,7 +9,7 @@ declare class ExpanderIcon extends ElementWrapper {
 
     public static loadExpanderStyles(): void;
 
-    public static injectExpanderStyles(elem: Element): void;
+    public static injectExpanderStyles(elem: Element|null): void;
 
     public expand(): void;
 
@@ -19,7 +19,7 @@ declare class ExpanderIcon extends ElementWrapper {
 
     public isCollapsed(): boolean;
 
-    public toggle(collapsed?: boolean): void;
+    public toggle(collapsed?: boolean|null): void;
 
 }
 

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

@@ -94,7 +94,7 @@ ExpanderIcon.loadExpanderStyles = function() {
 		if(themeName) {
 			ExpanderIcon._onThemeLoaded(); // synchronous
 		} else {
-			ElfUtil.getThemeColors().then(ExpanderIcon._onThemeLoaded); // asynchronous
+			ElfUtil.getThemeColors().then(ExpanderIcon._onThemeLoaded).catch(ExpanderIcon._onThemeLoaded); // asynchronous
 		}
 	}
 };

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

@@ -2,7 +2,7 @@
 
 declare namespace Ext {
 
-    function inherits(childCtor: ((...params: any[]) => any), parentCtor: ((...params: any[]) => any)): void;
+    function inherits(childCtor: ((...params: any[]) => any)|null, parentCtor: ((...params: any[]) => any)|null): void;
 
 }
 

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

@@ -4,22 +4,22 @@ import { DateTime } from "./DateTime.js";
 declare namespace FieldFormatter {
 
     type Options = {
-        formatType?: string,
+        formatType?: string|null,
         type: string,
-        field?: string,
-        fieldDataType?: string,
-        dateTimeFormat?: string,
-        useUTCTime?: boolean,
-        idnSource?: string
+        field?: string|null,
+        fieldDataType?: string|null,
+        dateTimeFormat?: string|null,
+        useUTCTime?: boolean|null,
+        idnSource?: string|null
     };
 
 }
 
 declare class FieldFormatter {
 
-    constructor(options?: FieldFormatter.Options);
+    constructor(options?: FieldFormatter.Options|null);
 
-    public init(options?: FieldFormatter.Options): void;
+    public init(options?: FieldFormatter.Options|null): void;
 
     public getOptions(options?: any): any;
 
@@ -29,13 +29,13 @@ declare class FieldFormatter {
 
     public setFormatType(type: string): void;
 
-    public setField(field: string, combinedField?: string, formattedField?: string): void;
+    public setField(field: string, combinedField?: string|null, formattedField?: string|null): void;
 
-    public setDateTimeMeta(format: string, gmtTimeZone?: boolean, inputSource?: string, lang?: string): void;
+    public setDateTimeMeta(format: string, gmtTimeZone?: boolean|null, inputSource?: string|null, lang?: string|null): void;
 
-    public setDateFormatter(func: ((...params: any[]) => any)): void;
+    public setDateFormatter(func: ((...params: any[]) => any)|null): void;
 
-    public setNumberFormatter(formatter: ((...params: any[]) => any)|NumberFormatter): void;
+    public setNumberFormatter(formatter: ((...params: any[]) => any)|NumberFormatter|null): void;
 
     public format(data: any): string;
 

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

@@ -8,7 +8,7 @@ import { DateTime } from "./DateTime.js";
 * @property {string=} field
 * @property {string=} fieldDataType Deprecated. Alias to formatType
 * @property {string=} dateTimeFormat
-* @property {boolean=} useUTCTime=false
+* @property {boolean=} useUTCTime=true If disable, time will be shown in local time format
 * @property {string=} idnSource
 */
 

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

@@ -6,43 +6,43 @@ declare namespace FilterBuilder {
 
     type Options = {
         field: string,
-        formatter?: ((...params: any[]) => any),
-        formattedField?: string
+        formatter?: ((...params: any[]) => any)|null,
+        formattedField?: string|null
     };
 
-    type Condition = any[];
+    type Condition = any[]|null;
 
-    type Conditions = (FilterBuilder.Condition)[];
+    type Conditions = (FilterBuilder.Condition)[]|null;
 
 }
 
 declare class FilterBuilder {
 
-    constructor(options?: FilterBuilder.Options);
+    constructor(options?: FilterBuilder.Options|null);
 
     public reset(): void;
 
-    public init(options?: FilterBuilder.Options): void;
+    public init(options?: FilterBuilder.Options|null): void;
 
-    public setFieldDefinition(fieldName: string, formatter?: ((...params: any[]) => any), formattedField?: string): void;
+    public setFieldDefinition(fieldName: string, formatter?: ((...params: any[]) => any)|null, formattedField?: string|null): void;
 
-    public setDataAccessors(rawDataAccessor?: ((...params: any[]) => any), formattedDataAccessor?: ((...params: any[]) => any)): void;
+    public setDataAccessors(rawDataAccessor?: ((...params: any[]) => any)|null, formattedDataAccessor?: ((...params: any[]) => any)|null): void;
 
-    public addCondition(oper: string, value: string|number, connector?: string): boolean;
+    public addCondition(oper: string, value: string|number|null, connector?: string|null, useUTCTime?: boolean|null): boolean;
 
-    public addConditions(conditions: FilterBuilder.Conditions): number;
+    public addConditions(conditions: FilterBuilder.Conditions|null): number;
 
     public getConditions(): FilterBuilder.Conditions|null;
 
     public buildFilter(): ((...params: any[]) => any)|null;
 
-    public buildMonitorFilter(filterStr: string, field: string, formatter?: ((...params: any[]) => any), formattedField?: string): ((...params: any[]) => any)|null;
+    public buildMonitorFilter(filterStr: string, field: string, formatter?: ((...params: any[]) => any)|null, formattedField?: string|null): ((...params: any[]) => any)|null;
 
-    public parse(condition: any, field?: string, formatter?: ((...params: any[]) => any), formattedField?: string, rawDataAccessor?: ((...params: any[]) => any), formattedDataAccessor?: ((...params: any[]) => any)): ((...params: any[]) => any)|null;
+    public parse(condition: any, field?: string|null, formatter?: ((...params: any[]) => any)|null, formattedField?: string|null, rawDataAccessor?: ((...params: any[]) => any)|null, formattedDataAccessor?: ((...params: any[]) => any)|null): ((...params: any[]) => any)|null;
 
 }
 
-declare function buildFilterFromObjectMap(obj: any, field: string, rawDataAccessor?: ((...params: any[]) => any)): ((...params: any[]) => any)|null;
+declare function buildFilterFromObjectMap(obj: any, field: string, rawDataAccessor?: ((...params: any[]) => any)|null): ((...params: any[]) => any)|null;
 
 export default FilterBuilder;
 export { FilterBuilder, buildFilterFromObjectMap };

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

@@ -169,9 +169,10 @@ FilterBuilder.prototype.setDataAccessors = function(rawDataAccessor, formattedDa
 * @param {string} oper Operator id (e.g., "GT", "CONT", "EQ")
 * @param {string|number} value
 * @param {string=} connector Possible values are "OR" and "AND"
+* @param {boolean=} useUTCTime If false use local time for filtering
 * @return {boolean} Return true, if the new condition is added
 */
-FilterBuilder.prototype.addCondition = function (oper, value, connector) {
+FilterBuilder.prototype.addCondition = function (oper, value, connector, useUTCTime) {
 	oper = oper ? oper.toUpperCase() : "";
 	var opDef = FilterOperators[oper];
 	if (!opDef) {
@@ -190,7 +191,8 @@ FilterBuilder.prototype.addCondition = function (oper, value, connector) {
 	this._conditions.push({
 		operatorId: oper,
 		value: value,
-		connector: connector || ""
+		connector: connector || "",
+		useUTCTime: useUTCTime
 	});
 
 	return true;
@@ -206,7 +208,7 @@ FilterBuilder.prototype.addConditions = function (conditions) {
 		for(var i = 0; i < len; ++i) {
 			var condition = conditions[i];
 			if(Array.isArray(condition)) {
-				if(this.addCondition(condition[0], condition[1], condition[2])) {
+				if(this.addCondition(condition[0], condition[1], condition[2], condition[3])) {
 					++count;
 				}
 			}
@@ -312,11 +314,6 @@ FilterBuilder.prototype.buildFilter = function() {
 		filterStr.push("var ts = 0;");
 		filterStr.push("if(!val || val != val || !val.getTime) {");
 		filterStr.push("  return false;");
-		filterStr.push("} else {");
-		filterStr.push("  ts = val.getTime();");
-		filterStr.push("  if(ts !== ts) {");
-		filterStr.push("    return false;");
-		filterStr.push("  }");
 		filterStr.push("}");
 	}
 
@@ -366,6 +363,16 @@ FilterBuilder.prototype.buildFilter = function() {
 		} else if(opDef.type === "date") {
 			if(DateTime.isValidDate(inputVal)) {
 				var varName;
+				if(!cond.useUTCTime){
+					filterStr.push("ts = new Date(val.getFullYear(),val.getMonth(),val.getDate())");
+				} else {
+					filterStr.push("ts = new Date(Date.UTC(val.getUTCFullYear(),val.getUTCMonth(),val.getUTCDate()))");
+				}
+				filterStr.push("ts = ts.getTime()");
+				filterStr.push("if(ts !== ts) {");
+				filterStr.push("  return false;");
+				filterStr.push("}");
+
 				if(cond.operatorId === "DT") {
 					varName = "ts" + (i + 1);
 					inputVal = inputVal.getTime();

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

@@ -11,28 +11,28 @@ declare namespace FilterOperators {
     };
 
     type Operators = {
-        EQ: FilterOperators.Operator,
-        NEQ: FilterOperators.Operator,
-        NUMEQ: FilterOperators.Operator,
-        NUMNEQ: FilterOperators.Operator,
-        GT: FilterOperators.Operator,
-        GTE: FilterOperators.Operator,
-        LT: FilterOperators.Operator,
-        LTE: FilterOperators.Operator,
-        BEGIN: FilterOperators.Operator,
-        NBEGIN: FilterOperators.Operator,
-        END: FilterOperators.Operator,
-        NEND: FilterOperators.Operator,
-        CONT: FilterOperators.Operator,
-        NCONT: FilterOperators.Operator,
-        EQ_BLANK: FilterOperators.Operator,
-        EQ_NBLANK: FilterOperators.Operator,
-        DT: FilterOperators.Operator,
-        DTA: FilterOperators.Operator,
-        DTB: FilterOperators.Operator,
-        TXTEQ: FilterOperators.Operator,
-        BLANK: FilterOperators.Operator,
-        NBLANK: FilterOperators.Operator
+        EQ: FilterOperators.Operator|null,
+        NEQ: FilterOperators.Operator|null,
+        NUMEQ: FilterOperators.Operator|null,
+        NUMNEQ: FilterOperators.Operator|null,
+        GT: FilterOperators.Operator|null,
+        GTE: FilterOperators.Operator|null,
+        LT: FilterOperators.Operator|null,
+        LTE: FilterOperators.Operator|null,
+        BEGIN: FilterOperators.Operator|null,
+        NBEGIN: FilterOperators.Operator|null,
+        END: FilterOperators.Operator|null,
+        NEND: FilterOperators.Operator|null,
+        CONT: FilterOperators.Operator|null,
+        NCONT: FilterOperators.Operator|null,
+        EQ_BLANK: FilterOperators.Operator|null,
+        EQ_NBLANK: FilterOperators.Operator|null,
+        DT: FilterOperators.Operator|null,
+        DTA: FilterOperators.Operator|null,
+        DTB: FilterOperators.Operator|null,
+        TXTEQ: FilterOperators.Operator|null,
+        BLANK: FilterOperators.Operator|null,
+        NBLANK: FilterOperators.Operator|null
     };
 
 }

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

@@ -153,21 +153,21 @@ var FilterOperators = {
 		type: "date",
 		positive: 1,
 		caseSensitive: 1,
-		formula: "Math.floor(ts / 86400000) === Math.floor(input / 86400000)"
+		formula: "ts === input"
 	},
 	DTA: {
 		name: "Date is After",
 		type: "date",
 		positive: 1,
 		caseSensitive: 1,
-		formula: "Math.floor(ts / 86400000) > Math.floor(input / 86400000)"
+		formula: "ts > input"
 	},
 	DTB: {
 		name: "Date is Before",
 		type: "date",
 		positive: 1,
 		caseSensitive: 1,
-		formula: "Math.floor(ts / 86400000) < Math.floor(input / 86400000)"
+		formula: "ts < input"
 	}
 };
 

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

@@ -6,11 +6,11 @@ declare class GridPlugin extends EventDispatcher {
 
     constructor();
 
-    public listen(type: string, handler: ((...params: any[]) => any)): void;
+    public listen(type: string, handler: ((...params: any[]) => any)|null): void;
 
-    public unlisten(type: string, handler: ((...params: any[]) => any)): void;
+    public unlisten(type: string, handler: ((...params: any[]) => any)|null): void;
 
-    public afterInit(elem?: Element, model?: any, grid?: any): void;
+    public afterInit(elem?: Element|null, model?: any, grid?: any): void;
 
     public hasMultiTableSupport(): boolean;
 
@@ -20,19 +20,19 @@ declare class GridPlugin extends EventDispatcher {
 
     public unload(host?: any): void;
 
-    public getRelativeGrid(e: Event|Element|any): any|null;
+    public getRelativeGrid(e: Event|Element|any): any;
 
     public setGridWrapper(gridType: string, wrapperInstance: any): void;
 
-    public getGridApi(coreRef?: (number|any)): any;
+    public getGridApi(coreRef?: (number|any)|null): any;
 
-    public getColumnName(colRef: number|string): string;
+    public getColumnName(colRef: number|string|null): string;
 
-    public getColumnIndex(colId: number|string): number;
+    public getColumnIndex(colId: number|string|null): number;
 
-    public getColumnIndices(colRefs: (number|string)[]): (number)[]|null;
+    public getColumnIndices(colRefs: (number|string)[]|null): (number)[]|null;
 
-    public getColumnId(colIndex: number|string): string;
+    public getColumnId(colIndex: number|string|null): string;
 
     public getColumnCount(): number;
 
@@ -42,7 +42,7 @@ declare class GridPlugin extends EventDispatcher {
 
 declare function gridAPI(gridType: string, wrapperInstance: any): void;
 
-declare function exportExtension(winObj: Window|any, plugin: GridPlugin): void;
+declare function exportExtension(winObj: Window|any|null, plugin: GridPlugin|null): void;
 
 declare function defaultDataGetter(field: string, dvRowData: any): any;
 

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

@@ -581,6 +581,26 @@ GridPlugin.prototype._setRowData = function(dv, rowIndex, rowData) {
 		dv.setRowDataAt(rowIndex, rowData);
 	}
 };
+
+/** @protected
+* @ignore
+* @param {tr.DataView} dv
+* @param {number} rowIndex
+* @param {string} field
+* @param {*} value
+*/
+GridPlugin.prototype._setStaticData = function(dv, rowIndex, field, value) {
+	if(this._realTimeGrid) {
+		var dvRowData = dv.getRowDataAt(rowIndex);
+		if(dvRowData) {
+			dvRowData["ROW_DEF"].setStaticData(field, value);
+		}
+	} else {
+		// TODO: composite grid should be has staticValues when get configObject, wait for request feature
+		dv.setDataAt(rowIndex, field, value);
+	}
+};
+
 /** Set data in a column manner. This is faster than repeatedly calling this._setData
 * @protected
 * @ignore