@refinitiv-ui/efx-grid 6.0.1 → 6.0.4

package/lib/rt-grid/es6/Grid.js

@@ -1,22 +1,22 @@
 /* eslint-disable */
-import {Dom} from "../../tr-grid-util/es6/Dom.js";
-import {Conflator} from "../../tr-grid-util/es6/Conflator.js";
-import {Ext} from "../../tr-grid-util/es6/Ext.js";
+import { Dom } from "../../tr-grid-util/es6/Dom.js";
+import { Conflator } from "../../tr-grid-util/es6/Conflator.js";
+import { Ext } from "../../tr-grid-util/es6/Ext.js";
 import { EventDispatcher } from "../../tr-grid-util/es6/EventDispatcher.js";
 import { Engine } from "../../tr-grid-util/es6/formula/Engine.js";
 import { cloneObject, extendObject, arrayToObject } from "../../tr-grid-util/es6/Util.js";
 import { DateTime } from "../../tr-grid-util/es6/DateTime.js";
 
-import {RowDefinition, ROW_DEF} from "./RowDefinition.js";
-import {ColumnDefinition, COL_DEF} from "./ColumnDefinition.js";
+import { RowDefinition, ROW_DEF } from "./RowDefinition.js";
+import { ColumnDefinition, COL_DEF } from "./ColumnDefinition.js";
 import SnapshotFiller from "./SnapshotFiller.js";
 import StyleLoader from "./StyleLoader.js";
 import FieldDefinition from "./FieldDefinition.js";
 import DataConnector from "./DataConnector.js";
+import RowDefSorter from "./RowDefSorter.js";
 
 import { Core } from "../../core/es6/grid/Core.js";
 import { SortableTitlePlugin } from "../../core/es6/grid/plugins/SortableTitlePlugin.js";
-import { DragAndDropTitlePlugin } from "../../core/es6/grid/plugins/DragAndDropTitlePlugin.js";
 import { DataCache } from "../../core/es6/data/DataCache.js";
 import { DataTable } from "../../core/es6/data/DataTable.js";
 import { DataView } from "../../core/es6/data/DataView.js";
@@ -51,9 +51,9 @@ import { ElementWrapper } from "../../core/es6/grid/components/ElementWrapper.js
 * @property {boolean=} columnReorder=true Alias with noColumnDragging but in opposite value. This property deprecated in favor of noColumnDragging.
 * @property {boolean=} rowHighlighting=true Highlight a row when hovering mouse over grid
 * @property {(boolean|number)=} autoLayoutUpdate=false Grid will check for layout change periodically.
-* @property {number=} columnFreezing Enable horizontal scrollbar after `columnFreezing` index
-* @property {number=} freezeColumn An alias to columnFreezing
-* @property {number=} pinnedRightColumns=0 Number of columns to be frozen/pinned on the right side.
+* @property {number=} columnFreezing Deprecated in favor of column's leftPinned property. Enable horizontal scrollbar after `columnFreezing` index
+* @property {number=} freezeColumn Deprecated in favor of column's leftPinned property. An alias to columnFreezing
+* @property {number=} pinnedRightColumns=0 Deprecated in favor of column's rightPinned property. Number of columns to be frozen/pinned on the right side.
 * @property {Array=} staticDataRows Shorthand for calling {@link Grid#addStaticDataRows}
 * @property {Array.<string>=} dataFields Shorthand for calling {@link Grid#addDataFields}
 * @property {boolean=} rowVirtualization=true If disabled, all data rows will be rendered. This will greatly impact grid's performance if the data set is huge.
@@ -71,8 +71,11 @@ import { ElementWrapper } from "../../core/es6/grid/components/ElementWrapper.js
 * @property {number=} dataConflationRate=0 set delay for data to avoid to much sorting operation when data changed
 * @property {Function=} dataComposed Handler for dataComposed event
 * @property {boolean=} autoDateConversion=false If enabled, date-time field with numeric value will be automatically converted to native date object.
-* @property {boolean=} textSelect=false If enabled, user can select text
+* @property {boolean=} textSelect=false If enabled, user can select content text by using mouse drag.
 * @property {string=} lang laguage for config localization date time, if null the default language is "en"
+* @property {Element=} scrollbarParent=null Element to be attached by grid's scrollbars, allowing them to move outside and avoid overlapping with the content.
+* @property {boolean=} formulaEngine=false If enabled, field with leading equal sign will be treated as a formula and rows will be filled with the calculated values.
+* @property {number=} adcPollingInterval=0 Length of polling interval for refreshing ADC data in milliseconds. The default value (0) means no polling.
 */
 
 /** @typedef {number|string|RowDefinition} Grid~RowReference
@@ -152,7 +155,7 @@ import { ElementWrapper } from "../../core/es6/grid/components/ElementWrapper.js
 var SUB_ID = "SUB_ID";
 
 /** @private
-* @param {*} rowDef
+* @param {RowDefinition} rowDef
 * @return {Object}
 */
 var toRowData = function(rowDef) {
@@ -209,6 +212,14 @@ var mapRowOrder = function (sortField, elemData, index) { // edit name
 	elemData[sortField] = index; // Make column for sort with user data array
 };
 
+/** @private
+* @param {RowDefinition} rowDef
+* @return {boolean}
+*/
+var excludeAutoGenerated = function (rowDef) {
+	return !rowDef.isAutoGenerated();
+};
+
 /** @private
 * @param {string} rowDefA
 * @param {string} rowDefB
@@ -250,6 +261,7 @@ var Grid = function(placeholder, config) {
 	t._onFieldLoadedError = t._onFieldLoadedError.bind(t);
 
 	t._snapshotFillerDataChanged = t._snapshotFillerDataChanged.bind(t);
+	t._onPollingInterval = t._onPollingInterval.bind(t);
 
 	t._streamingConflator = new Conflator(50, t._updateStreamingData);
 	t._formulaConflator = new Conflator(300, t._onFormulaDataChanged);
@@ -263,41 +275,66 @@ var Grid = function(placeholder, config) {
 	t._grid = new Core();
 	t._grid._wrapper = this; // For back referencing
 
-	t._grid.listen("columnAdded", t._onColumnAdded); // Columns could be added by some plugins
+	t._sorter = new RowDefSorter();
+	t._sorter.setContext("grid", this);
+	t._sorter.setContext("core", t._grid); // TODO: Handle multiple core grids
+
+	t._dateTimeUtil = DateTime;
 
-	t._stp = new SortableTitlePlugin({
-		"userManagedLogic": true,
-		"sortableColumns": true,
-		"disableDoubleClickToSort": true,
-		"ROW_DEF": true // Enable Row Definition Mode
-	});
-	t._stp.listen("preDataSorting", t._onPreDataSorting);
+	t._grid.listen("columnAdded", t._onColumnAdded); // Columns could be added by some plugins
 
-	t._dtp = new DragAndDropTitlePlugin();
+	if(config) {
+		if(config["dataView"]) {
+			t._sharedDataSource = true;
+			t._dv = config["dataView"];
+			t._dt = t._dv.getDataTable();
+			t._mainGrid = config["grid"];
 
-	// WARNING: These two plugins don't have normal workflow unlike other extensions. defaultColumnOptions property does not work with these two.
-	// beforeInit does not get called.
-	t._grid.loadPlugin(t._stp, config);
-	t._grid.loadPlugin(t._dtp);
+			var core = t._mainGrid.getCoreGrid();
+			t._stp = core.getPlugin("SortableTitlePlugin");
+		}
+		if(config["SortableTitle"]) { // Exception for built-in plugin
+			t._stp = config["SortableTitle"];
+		}
+	}
+	if(!t._sharedDataSource) {
+		t._dc = new DataCache();
+		t._dc.listen("dataChanged", t._onDataChanged);
+		t._dc.listen("dataComposed", t._onDataComposed);
+
+		t._dt = new DataTable();
+		t._dt.setSortingLogic(/** @type{Function} */(t._mainSorter));
+		t._dv = new DataView(t._dt);
+		t._dv.listen("pageIndexChanged", t._dispatch.bind(t, "pageIndexChanged"));
+		t._dv.listen("pageCountChanged", t._dispatch.bind(t, "pageCountChanged")); // TODO: When implementing filtered row, it may need to implement the conflator
+	}
+	t._grid.setDataSource(t._dv); // Avoid triggering sorting
+
+	if(t._stp) {
+		t._sharedSorter = true;
+		t._stp.listen("preDataSorting", t._onPreDataSorting);
+		t._grid.loadPlugin(t._stp); // The plugin instance is shared and don't need to be reconfigured.
+	} else { // Create built-in plugin
+		t._stp = new SortableTitlePlugin({
+			"userManagedLogic": true,
+			"sortableColumns": true,
+			"disableDoubleClickToSort": true,
+			"ROW_DEF": true // Enable Row Definition Mode
+		});
+		t._stp.listen("preDataSorting", t._onPreDataSorting);
+
+		// TODO: Built-in plugins don't have normal workflow unlike other extensions. Make them have the same workflow like the others
+		// defaultColumnOptions property does not work with them.
+		// beforeInit is not called.
+		t._grid.loadPlugin(t._stp, config);
+	}
 
 	t._grid.listen("preSectionRender", t._onColumnHeaderBinding);
 	t._grid.listen("postSectionDataBinding", t._onPostSectionDataBinding);
 
 	t._grid.enableRowHighlighting(true);
 
-	t._dc = new DataCache();
-	t._dc.listen("dataChanged", t._onDataChanged);
-	t._dc.listen("dataComposed", t._onDataComposed);
-	t._dc.listen("dataComposed", t._recalculateFormulas); // This will be called after _onDataComposed
-
-	t._dt = new DataTable();
-	t._dt.setSortingLogic(/** @type{Function} */(t._mainSorter));
-	t._dv = new DataView(t._dt);
-	t._dv.listen("pageIndexChanged", t._dispatch.bind(t, "pageIndexChanged"));
-	t._dv.listen("pageCountChanged", t._dispatch.bind(t, "pageCountChanged")); // TODO: When implementing filtered row, it may need to implement the conflator
-
 	t._addGridSections();
-	t._grid.setDataSource(t._dv);
 	t._grid.setParent(t._topNode);
 
 	t._snapshot = new SnapshotFiller();
@@ -310,10 +347,6 @@ var Grid = function(placeholder, config) {
 	t._connector.addEventListener("fieldAdded", t._onFieldAdded.bind(t));
 	t._connector.addEventListener("fieldRemoved", t._onFieldRemoved.bind(t));
 
-	t._fnEngine = new Engine();
-	t._fnEngine.addEventListener("dataChanged", t._onFormulaDataChanged);
-	t._fnEngine.addEventListener("dataRequired", t._onFormulaDataRequired);
-
 	t.initialize(config);
 	t.initSubscription();
 
@@ -325,6 +358,10 @@ Ext.inherits(Grid, EventDispatcher);
  * @type {Element}
  */
 Grid.prototype._topNode = null;
+/** @private
+ * @type {Grid}
+ */
+Grid.prototype._mainGrid = null;
 /** @private
  * @type {Core}
  */
@@ -344,6 +381,15 @@ Grid.prototype._dt = null;
  * @private
  */
 Grid.prototype._dv = null;
+/** @type {boolean}
+ * @private
+ */
+Grid.prototype._sharedDataSource = false;
+/** @type {boolean}
+ * @private
+ */
+Grid.prototype._sharedSorter = false;
+
 /** JET.Quotes2 Subscription
  * @type {Object}
  * @private
@@ -354,10 +400,6 @@ Grid.prototype._subs = null;
  * @private
  */
 Grid.prototype._stp = null;
-/** @type {DragAndDropTitlePlugin}
-* @private
-*/
-Grid.prototype._dtp = null;
 /** @type {Function}
  * @private
  */
@@ -375,6 +417,10 @@ Grid.prototype._snapshot = null;
 * @type {DataConnector}
 */
 Grid.prototype._connector = null;
+/** @private
+* @type {RowDefSorter}
+*/
+Grid.prototype._sorter = null;
 
 /** @private
 * @type {Engine}
@@ -394,10 +440,6 @@ Grid.prototype._chainMembers = null;
 */
 Grid.prototype._chainConflator = null;
 /** @private
-* @type {boolean}
-*/
-Grid.prototype._hasGroup = false;
-/** @private
 * @type {number}
 */
 Grid.prototype._clientWidth = NaN;
@@ -426,15 +468,34 @@ Grid.prototype._autoDateConversion = false;
 * @type {boolean}
 */
 Grid.prototype._textSelect = false;
-/** @private
-* @type {string}
+/** @type {string}
+* @private
 */
 Grid.prototype._lang = null;
-/**
+/** @type {Object}
+* @private
+*/
+Grid.prototype._dateTimeUtil = null;
+/** @type {boolean}
 * @private
-* @type {boolean}
 */
 Grid.prototype._initializing = false;
+/** @type {number}
+* @private
+*/
+Grid.prototype._pollingInterval = 0;
+/** @type {number}
+* @private
+*/
+Grid.prototype._pollingTimerId = 0;
+/** @type {number}
+* @private
+*/
+Grid.prototype._lastPollingRequest = 0;
+/** @type {boolean}
+* @private
+*/
+Grid.prototype._pollingEnabled = true;
 
 
 /** @public
@@ -445,11 +506,18 @@ Grid.prototype.dispose = function() {
 		clearInterval(this._autoLayoutTimer);
 		this._autoLayoutTimer = 0;
 	}
+	if(this._pollingTimerId) {
+		clearTimeout(this._pollingTimerId);
+		this._pollingTimerId = 0;
+	}
 	this.removeAllColumns(); // Some conflators are reset
 	this.removeAllRows(); // Some conflators are reset
+	this._sorter.dispose();
 	this._grid.dispose();
 	this._connector.reset();
 
+	this._mainGrid = this._dt = this._dv = null;
+
 	if(this._subs) {
 		this._subs["dispose"]();
 		this._subs = null;
@@ -476,7 +544,7 @@ Grid.prototype.listen = Grid.prototype.addEventListener;
 /** @public
 */
 Grid.prototype.initSubscription = function() {
-	if(this._dc.getSubscriptions()) { // Subscription is already initialized
+	if(!this._dc || this._dc.getSubscriptions()) { // Subscription is already initialized
 		return;
 	}
 
@@ -519,7 +587,7 @@ Grid.prototype.updateLayout = function() {
 	this._grid.updateLayout();
 	this._stp.updateSortSymbols(); // HACK: There is a chance that grid may not yet be in the document
 };
-/** Force rerender of grid row. TODO: Check this could be deprecated in favor of Core's requestRowRefresh method
+/** Force rerender of grid rows. TODO: Check this could be deprecated in favor of Core's requestRowRefresh method
 * @private
 * @param {number=} rowIndex
 */
@@ -637,6 +705,8 @@ Grid.prototype.initialize = function(gridOption) {
 	var t = this; // For minimizing file size
 	t._initializing = true;
 	var grid = t._grid; // core grid
+	gridOption = grid.normalizeConfig(gridOption);
+
 	var exts = gridOption["plugins"] || gridOption["extensions"];
 
 	var cols = /** @type{Array} */(gridOption["fields"] || gridOption["columns"]);
@@ -668,6 +738,12 @@ Grid.prototype.initialize = function(gridOption) {
 		StyleLoader.chainIcon = gridOption["icons"]["rowGrouping"]["expander"];
 	}
 
+	if(gridOption["formulaEngine"]) {
+		t._fnEngine = new Engine();
+		t._fnEngine.addEventListener("dataChanged", t._onFormulaDataChanged);
+		t._fnEngine.addEventListener("dataRequired", t._onFormulaDataRequired);
+	}
+
 	var borders = gridOption["borders"];
 	if (borders != null) {
 		grid.toggleBorders(borders);
@@ -698,14 +774,6 @@ Grid.prototype.initialize = function(gridOption) {
 		grid.getSection("title").setDefaultRowHeight(hRowHeight);
 	}
 
-	var noColumnDragging = gridOption["noColumnDragging"];
-	if (noColumnDragging == null && gridOption["columnReorder"] != null) {
-		noColumnDragging = !gridOption["columnReorder"];
-	}
-	if (noColumnDragging) {
-		t._dtp.disable();
-	}
-
 	var val = gridOption["autoLayoutUpdate"];
 	if(!t._autoLayoutTimer && val) {
 		if(val !== "0" && val !== "false") { // HACK: Temporarily support incorrect data type
@@ -742,17 +810,17 @@ Grid.prototype.initialize = function(gridOption) {
 	if(gridOption["autoHideScrollbar"] != null) {
 		grid.autoHideScrollbars(gridOption["autoHideScrollbar"] ? true : false);
 	}
+	if(gridOption["scrollbarParent"] != null) {
+		t._setScrollbarParent(gridOption["scrollbarParent"]);
+	}
+	var pollingInterval = gridOption["adcPollingInterval"];
+	if(pollingInterval != null) {
+		t._pollingInterval = pollingInterval ? +pollingInterval : 0;
+	}
 
 	// Column operations
 	t.setColumns(cols);
 
-	var columnFreezing = gridOption["columnFreezing"] || gridOption["freezeColumn"];
-	if(columnFreezing == null) {
-		columnFreezing = -1; // Prevent disable scroll when passing null
-	}
-
-	var pinnedRightColumns = gridOption["pinnedRightColumns"];
-
 	var rowVir = true;
 	if (gridOption["rowVirtualRendering"] != null) {
 		rowVir = gridOption["rowVirtualRendering"];
@@ -762,21 +830,18 @@ Grid.prototype.initialize = function(gridOption) {
 	}
 	grid.enableRowVirtualization(!!rowVir);
 
-	if (!pinnedRightColumns) {
-		var colVir = false;
-		if (gridOption["columnVirtualRendering"] != null) {
-			colVir = gridOption["columnVirtualRendering"];
-		}
-		if (gridOption["columnVirtualization"] != null) {
-			colVir = gridOption["columnVirtualization"];
-		}
-		grid.enableColumnVirtualization(!!colVir);
+	var colVir = false;
+	if (gridOption["columnVirtualRendering"] != null) {
+		colVir = gridOption["columnVirtualRendering"];
 	}
+	if (gridOption["columnVirtualization"] != null) {
+		colVir = gridOption["columnVirtualization"];
+	}
+	grid.enableColumnVirtualization(!!colVir);
 
 	var scrollbar = gridOption["scrollbar"] != null ? gridOption["scrollbar"] : true;
 	if (scrollbar) {
 		t._topNode.style.overflow = "hidden"; // TODO: Move this to CSS Class
-		grid.freezeColumn(columnFreezing, pinnedRightColumns); // Enable horizontal scrollbar
 	} else {
 		grid.freezeSection(null); // Disable vertical scrollbar
 		t._topNode.style.overflow = "";
@@ -826,7 +891,7 @@ Grid.prototype.initialize = function(gridOption) {
 	var lang = gridOption["lang"];
 	if(lang != null) {
 		t._lang = lang;
-		DateTime.setLocale(lang);
+		t._dateTimeUtil.setLocale(lang);
 	}
 
 	// Row operations
@@ -923,8 +988,9 @@ Grid.prototype.getConfigObject = function (gridOptions) {
 		grid.getConfigObject(obj);
 	}
 
+	var i;
 	var len = this.getColumnCount();
-	for (var i = 0; i < len; ++i) {
+	for (i = 0; i < len; ++i) {
 		var column = columns[i];
 		if(!column) {
 			column = columns[i] = {};
@@ -957,11 +1023,6 @@ Grid.prototype.getConfigObject = function (gridOptions) {
 		obj["autoLayoutUpdate"] = true;
 	}
 
-	val = grid.getHScrollStartIndex();
-	if(val > 0) {
-		obj["columnFreezing"] = val - 1;
-	}
-
 	if (this._defaultColumnOptions) {
 		obj["defaultColumnOptions"] = this._defaultColumnOptions;
 	}
@@ -970,26 +1031,85 @@ Grid.prototype.getConfigObject = function (gridOptions) {
 		obj["autoDateConversion"] = true;
 	}
 
-	if (this._textSelect) {
+	if(this._textSelect) {
 		obj["textSelect"] = true;
 	}
 
-	if (this._lang) {
+	if(this._lang) {
 		obj["lang"] = this._lang;
 	}
+	if(this._fnEngine) {
+		obj["formulaEngine"] = true;
+	}
+	if(this._pollingInterval) {
+		obj["adcPollingInterval"] = this._pollingInterval;
+	}
+
+	// get all rows config
+	var rowDefs = this.getAllRowDefinitions();
+	var rows = obj["rows"] = [];
+	var rowDef, rowConfig, pluginInstance, retObj, row;
+	len = rowDefs.length;
+	for (i = 0; i < len; i++) {
+		rowDef = rowDefs[i];
+		rowConfig = rowDef.getConfigObject();
+		rows.push(rowConfig);
+	}
+
+	// get row config from extensions
+	var extensions = grid.getPlugins();
+	for(var key in extensions) {
+		pluginInstance = extensions[key];
+		if(typeof pluginInstance["getRowConfigObject"] === "function") {
+			len = rows.length;
+			for (i = 0; i < len; i++) {
+				rowDef = rowDefs[i];
+				row = rows[i];
+				retObj = pluginInstance["getRowConfigObject"](rowDef.getRowId());
+				if(retObj) {
+					if(row.values) {
+						// eslint-disable-next-line es5/no-es6-static-methods
+						Object.assign(row.values, retObj); // Ignore lint
+					} else {
+						row.values = retObj;
+					}
+				}
+			}
+		}
+	}
 
 	// TODO: The following states need to be retrieved
-	// noColumnDragging
 	// rowHighlighting
-	// pinnedRightColumns
 	// columnVirtualization
 	// topFreezingCount, bottomFreezingCount
+	// scrollbarParent
 
 	// NOTE: no need to export synapseApiKey and RTK
 
 	return obj;
 };
 
+/** @public
+* @ignore
+* @param {Object} dateTimeUtil
+*/
+Grid.prototype.setDateTimeUtil = function(dateTimeUtil) {
+	if(this._dateTimeUtil !== dateTimeUtil) {
+		this._dateTimeUtil = dateTimeUtil;
+		this._dateTimeUtil.setLocale(this._lang);
+	}
+};
+/** @public
+* @param {string} lang
+*/
+Grid.prototype.setLocale = function(lang) {
+	if(lang && this._lang !== lang) {
+		this._lang = lang;
+		this._dateTimeUtil.setLocale(lang);
+		this._grid.requestRowRefresh();
+	}
+};
+
 /** @private
 * @param {Object} defaultCol
 * @param {Array.<Object>} userColumns
@@ -1095,10 +1215,6 @@ Grid.prototype._onFieldRemoved = function(e) {
 * @param {number=} idx
 */
 Grid.prototype.insertColumn = function (columnOption, idx) {
-	if (typeof columnOption === "string") {
-		columnOption = { field: columnOption };
-	}
-
 	var colCount = this.getColumnCount();
 	if(idx == null || idx > colCount) {
 		idx = colCount;
@@ -1106,16 +1222,26 @@ Grid.prototype.insertColumn = function (columnOption, idx) {
 
 	// no need to merge defaultColumn during initialize process
 	// because columnOption already mutate by initialize function
-	var userOptions = (this._initializing) ? {} : cloneObject(this._defaultColumnOptions);
-	Grid._objectAssign(userOptions, columnOption);
-	userOptions["formulaEngine"] = this._fnEngine; // Adding extra option
+	var configObj = (this._initializing) ? {} : cloneObject(this._defaultColumnOptions);
 
-	var colDef = new ColumnDefinition(userOptions, this);
-	userOptions[COL_DEF] = colDef;
+	if (typeof columnOption === "string") {
+		configObj["field"] = columnOption;
+	} else { // columnOption is assumed to be an object
+		for (var key in columnOption) {
+			configObj[key] = columnOption[key];
+		}
+	}
+
+	if(this._fnEngine) {
+		configObj["formulaEngine"] = this._fnEngine; // Adding extra option
+	}
+
+	var colDef = new ColumnDefinition(configObj, this);
+	configObj[COL_DEF] = colDef;
 
 	// WARNING: width is processed twice by tr-grid and rt-grid
 	// Inserting column also initializes prefined formatter
-	this._grid.insertColumn(idx, userOptions); // columnAdded is fired
+	this._grid.insertColumn(idx, configObj); // columnAdded is fired
 };
 
 
@@ -1154,6 +1280,22 @@ Grid.prototype._onFieldLoaded = function (field, referrer) {
 	this._connector.addFields(field, referrer);
 };
 
+/**
+ * @private
+ * @param {Element} host
+ */
+Grid.prototype._setScrollbarParent = function (host) {
+	host.style.boxSizing = "border-box";
+	host.style.overflow = "hidden";
+	host.style.position = "relative";
+
+	this._topNode.style.height = "100%";
+
+	this._grid.autoHideScrollbars(false);
+	this._grid.getVScrollbar().attachToExternalElement(host);
+	this._grid.getHScrollbar().attachToExternalElement(host);
+};
+
 /**
 * @private
 * @param {string} field
@@ -1263,8 +1405,9 @@ Grid.prototype._onColumnAdded = function(e) {
 	}
 	var colField = colDef.getField();
 	if (!colDef.isRealTimeField()) {
-		// not realtime filed
-		this._dc.addStaticFields([colField]);
+		if(this._dc) {
+			this._dc.addStaticFields([colField]);
+		}
 	}
 	this._grid.setDataColumnName(idx, ROW_DEF); // This make ColumnDefinition renderer work
 
@@ -1311,7 +1454,9 @@ Grid.prototype.removeColumn = function(colRef) {
 
 	var colDef = this.getColumnDefinition(colIndex);
 	if(!colDef.isRealTimeField()) {
-		this._dc.removeStaticFields([colDef.getField()]);
+		if(this._dc) {
+			this._dc.removeStaticFields([colDef.getField()]);
+		}
 	}
 	colDef.dispose();
 	this._grid.removeColumnAt(colIndex);
@@ -1351,7 +1496,9 @@ Grid.prototype.removeColumns = function(colRefs) {
 	}
 
 	if(staticFields.length) {
-		this._dc.removeStaticFields(staticFields);
+		if(this._dc) {
+			this._dc.removeStaticFields(staticFields);
+		}
 	}
 	this._grid.freezeLayout(prevState);
 };
@@ -1366,7 +1513,9 @@ Grid.prototype.removeAllColumns = function() {
 		return;
 	}
 
-	this.clearSort();
+	if(!this._sharedSorter) {
+		this.clearSort();
+	}
 	for(var i = colCount; --i >= 0;) {
 		// WARNING: This may affect plugins event listeners
 		this._grid.setColumnDataBindingHandler(i, null);
@@ -1379,7 +1528,9 @@ Grid.prototype.removeAllColumns = function() {
 
 	this._connector.removeAllFields();
 	this._grid.setColumnCount(0);
-	this._dc.resetStaticFields();
+	if(this._dc) {
+		this._dc.resetStaticFields();
+	}
 };
 
 /**
@@ -1558,6 +1709,11 @@ Grid.prototype.removeDataFields = function(fieldRef, referrer) {
 * @param {string=} opt_order This can be "ascending", "descending", "none", "noOrder", or "originalOrder"
 */
 Grid.prototype.sortColumn = function(colRef, opt_order) {
+	if(typeof colRef === "string") {
+		this._stp.sortColumn(colRef, opt_order); // Allow sorting by field
+		return;
+	}
+
 	var colIndex = this.getColumnIndex(colRef);
 	if(colIndex < 0) {
 		this._stp.sortColumn(this.getSortedColumnIndex(), "n"); // reset current sorting
@@ -1658,9 +1814,9 @@ Grid.prototype.setColumnSorter = function(colRef, func) {
 	if(colDef) {
 		colDef.setSorter(func);
 
-		var sortedColumn = this.getSortedColumnIndex();
+		var sortedColumn = this.getSortedColumnIndex(); // TODO: Support multi-column sorting
 		if(sortedColumn === colIndex) {
-			this._columnSorter = colDef.getSorter();
+			this._stp.refresh();
 		}
 	}
 };
@@ -1686,6 +1842,10 @@ Grid.prototype._initDuplicateRicData = function(rowDef) {
 * grid.insertRow({"ric": "RIC"}, 0); // A new row is added at the top
 */
 Grid.prototype.insertRow = function(rowOption, rowRef) {
+	if(this._mainGrid) {
+		return this._mainGrid.insertRow(rowOption, this._getRowId(rowRef));
+	}
+
 	if(rowOption) {
 		if(typeof rowOption === "string") {
 			rowOption = { "ric": rowOption };
@@ -1698,11 +1858,11 @@ Grid.prototype.insertRow = function(rowOption, rowRef) {
 	var rowDef = new RowDefinition(rowOption);
 	rowDef.setDataSource(this._dc); // This could also subscribe chain index/ric to JET/RTK
 	this._initDuplicateRicData(rowDef);
-	if(rowDef.isFixedPosition()) {
-		this._hasGroup = true; // HACK: This is temporary solution
-	}
 
 	rowDef.registerToView(this._dv, this._getRowId(rowRef));
+	if(rowOption && rowOption["hidden"]) {
+		this._dv.hideRow(rowDef.getRowId()); // Try to obtain rowId in rowDef since rowId is not assigned when new rows are created.
+	}
 	this._connector.addRic(rowDef);
 	return rowDef;
 };
@@ -1720,6 +1880,10 @@ Grid.prototype.insertRow = function(rowOption, rowRef) {
 * ]); // 4 rows are appended
 */
 Grid.prototype.insertRows = function(rowOptions, rowRef, opt_fields) {
+	if(this._mainGrid) {
+		this._mainGrid.insertRows(rowOptions, this._getRowId(rowRef));
+		return;
+	}
 	if(!Array.isArray(rowOptions)) {
 		return;
 	}
@@ -1738,7 +1902,6 @@ Grid.prototype.insertRows = function(rowOptions, rowRef, opt_fields) {
 		}
 		this.insertRow(rowOption, rowId); // Note that data view is being frozen, so only using row id will work properly
 	}
-	this._updateGroupOrder(); // TODO: Update group order for all scenarios
 	this._dt.freeze(prevState);
 };
 /** Add multiple rows without `ric` property in {@link RowDefinition}
@@ -1763,6 +1926,11 @@ Grid.prototype.insertRows = function(rowOptions, rowRef, opt_fields) {
 * grid.logDV({"colNames": ["field1", "field2", "field3", "field4"]}); // See results in console
 */
 Grid.prototype.addStaticDataRows = function(dataRows, fields) {
+	if(this._mainGrid) {
+		this._mainGrid.addStaticDataRows(dataRows, fields);
+		return;
+	}
+
 	if(!Array.isArray(dataRows)) {
 		var userObj = dataRows;
 		dataRows = null;
@@ -1890,6 +2058,9 @@ Grid._dataToRowOptions = function(item) {
 * @see {@link Grid#removeAllRows}
 */
 Grid.prototype.removeRow = function(rowRef) {
+	if(this._mainGrid) {
+		return this._mainGrid.removeRow(this._getRowId(rowRef));
+	}
 	var rowDef = this._getRowDefinition(rowRef);
 	if(rowDef) {
 		if(!rowDef.isAutoGenerated()) { // Users cannot remove auto-generated row by themselves
@@ -1911,6 +2082,9 @@ Grid.prototype.removeRows = function(rowRefs) {
 		rowDef = this.removeRow(rowRefs);
 		return rowDef ? [rowDef] : [];
 	}
+	if(this._mainGrid) {
+		return this._mainGrid.removeRows(rowRefs.map(this._getRowId));
+	}
 
 	var i;
 	var rowDefs = [];
@@ -1946,14 +2120,19 @@ Grid.prototype.removeRows = function(rowRefs) {
 * @see {@link Grid#removeRows}
 */
 Grid.prototype.removeAllRows = function() {
+	if(this._sharedDataSource) {
+		return;
+	}
 	if(!this._dt.getRowCount()) {
 		return;
 	}
 	var rowDefs = this._getAllRowDefinitions();
 
-	this._dc.clearAllData();
-	this._dt.clearAllData();
-	this._clearDataUpdates();
+	if(!this._sharedDataSource) {
+		this._dc.clearAllData();
+		this._dt.clearAllData();
+		this._clearDataUpdates();
+	}
 
 	rowDefs.forEach(RowDefinition.dispose);
 
@@ -1971,6 +2150,9 @@ Grid.prototype.removeAllRows = function() {
 * @param {!RowDefinition} rowDef
 */
 Grid.prototype._removeRow = function(rowDef) {
+	if(this._sharedDataSource) {
+		return;
+	}
 	this._dispatch("beforeRowRemoved", {});
 
 	var rowIds = rowDef.getAllDescendantIds(); // TODO: Support nested child
@@ -1987,7 +2169,9 @@ Grid.prototype._removeRow = function(rowDef) {
 * @param {boolean=} hidden if false, show instead of hide
 */
 Grid.prototype.hideRow = function(rowRef, hidden) {
-	this._grid.hideRow(this._getRowId(rowRef), hidden);
+	var rid = this._getRowId(rowRef);
+	var grid = this._mainGrid || this._grid;
+	grid.hideRow(rid, hidden);
 };
 
 /** Hide row(s) in the Grid by specifying the rIds
@@ -2000,7 +2184,8 @@ Grid.prototype.hideRows = function (rowRefs, hidden) {
 		rowRefs = [rowRefs];
 	}
 	var rids = rowRefs.map(this._getRowId);
-	this._grid.hideRows(rids, hidden );
+	var grid = this._mainGrid || this._grid;
+	grid.hideRows(rids, hidden);
 };
 /**
 * Show row(s) in the Grid by specifying the rIds
@@ -2032,6 +2217,10 @@ Grid.prototype.hasHiddenRow = function(){
 * @param {string} str
 */
 Grid.prototype.setRic = function(rowRef, str) {
+	if(this._mainGrid) {
+		this._mainGrid.setRic(this._toRowId(rowRef), str);
+		return;
+	}
 	var rowDef = this._getRowDefinition(rowRef);
 	if(rowDef) {
 		var oldRic = rowDef.getRic();
@@ -2225,6 +2414,17 @@ Grid.prototype.getRowDefinitions = function() {
 Grid.prototype._getAllRowDefinitions = function() {
 	return this._dt.getColumnData(ROW_DEF); // no group header rows
 };
+/** Get all row definitions, including filtered and hidden rows, but without group header rows.
+* @public
+* @param {boolean=} inclAutoGenerate=false means exclude auto generate rows
+* @return {!Array.<RowDefinition>}
+*/
+Grid.prototype.getAllRowDefinitions = function(inclAutoGenerate) {
+	if(!inclAutoGenerate) {
+		return this._dt.getColumnData(ROW_DEF).filter(excludeAutoGenerated);
+	}
+	return this._getAllRowDefinitions();
+};
 /** A shorthand to retrieve row data based on index of the specified row.
 * @public
 * @param {number} rowIndex Row index as shown in the view
@@ -2402,11 +2602,14 @@ Grid.prototype.getAllFields = function() {
 /** Freeze the column at the left side of the table starting from index 0 to the specified colIndex
  * If no index is specified (null or undefined index), unfreeze all columns.
  * @public
- * @param {number=} opt_colIndex
+ * @param {number=} colIndex Negative index is equivalent to null value
  * @param {number=} pinnedRightColumns Number of columns to be pinned/snapped on the right side
  */
-Grid.prototype.freezeColumn = function(opt_colIndex, pinnedRightColumns) {
-	this._grid.freezeColumn(opt_colIndex, pinnedRightColumns);
+Grid.prototype.freezeColumn = function(colIndex, pinnedRightColumns) {
+	if(colIndex == null) {
+		colIndex = -1;
+	}
+	this._grid.freezeColumn(colIndex, pinnedRightColumns);
 };
 
 /** @private
@@ -2471,7 +2674,7 @@ Grid.prototype.updateColumnTitle = function() {
 * @return {boolean}
 */
 Grid.prototype.isSorting = function() {
-	return this.getSortedColumnIndex() >= 0;
+	return this._stp.isSorting();
 };
 /** @public
 * @return {number}
@@ -2488,7 +2691,7 @@ Grid.prototype.getSortOrder = function() {
 /** @public
 */
 Grid.prototype.clearSort = function() {
-	this._stp.clearSortState();
+	this._stp.clearSortState(); // WARNING: No event is dispatched
 };
 
 /** @private
@@ -2586,43 +2789,38 @@ Grid.prototype._updateStreamingData = function() {
 		this._dt.dispatchGlobalChange();
 	}
 };
+
 /** @private
+* @param {Object} e
 */
-Grid.prototype._updateGroupOrder = function() {
-	if(!this._hasGroup) { return; }
-	// TODO: Perform re-indexing of the data table, so that both data table and data view has the same index
-	// if(this.isSorting()) {
-	// this._dt.sortOnce(ROW_DEF, this.getSortOrder());
-	// }
-	var rowCount = this._dt.getRowCount();
-	var groupOrder = 0;
-	var dirty = 0;
-	var prevParent = null;
-	var prevFixedState = false;
-	for(var i = 0; i < rowCount; ++i) {
-		var rowDef = this._dt.getDataAt(i, ROW_DEF);
-		var curParent = rowDef.getParent();
-		var curFixedState = rowDef.isFixedPosition();
-		if(curFixedState || curFixedState !== prevFixedState || curParent !== prevParent) {
-			++groupOrder;
+Grid.prototype._onPreDataSorting = function (e) {
+	var field = "";
+	var rowSorting = false;
+	var sortLogic = null;
+
+	var states = this._stp.getSortingStates(); // WARNING: Use of deprecated function
+	var state = states ? states[0] : null; // TODO: Support multi-column sorting
+
+	if(state) {
+		field = state["field"] || "";
+		var colIndex = this._stp.getSortedColumnIndex(0);
+		var colDef = (colIndex >= 0) ? this.getColumnDefinition(colIndex) : null;
+		this._sorter.setContext("colIndex", colIndex);
+		this._sorter.setContext("colDef", colDef);
+
+		if(colDef) {
+			field = colDef.getField(); // WARNING: Field and logic could be out of sync
+			sortLogic = colDef.getSorter();
+			rowSorting = colDef.isRowSorting();
 		}
-		prevParent = curParent;
-		prevFixedState = curFixedState;
-		dirty |= rowDef.setGroupOrder(groupOrder);
 	}
-	if(dirty && this.isSorting()){
-		this._stp.refresh();
+	if(!sortLogic && field) {
+		sortLogic = state["sortLogic"];
 	}
-};
 
-/** @private
-* @param {Object} e
-*/
-Grid.prototype._onPreDataSorting = function (e) {
-	// TODO: Support multi-column sorting
-	var colIndex = this._stp.getSortedColumnIndex();
-	var colDef = (colIndex >= 0) ? this.getColumnDefinition(colIndex) : null;
-	this._columnSorter = (colDef) ? colDef._prepareSortContext(colIndex) : null;
+	this._sorter.setField(field);
+	this._sorter.setSortLogic(sortLogic);
+	this._columnSorter = this._sorter.getSorter(rowSorting);
 };
 /** @private
 * @param {RowDefinition} rowDefA
@@ -2721,6 +2919,23 @@ Grid.prototype.focus = function() {
 Grid.prototype.requestRowRefresh = function() {
 	this._grid.requestRowRefresh();
 };
+/** Force recalculation of grid's layout
+ * @public
+ */
+Grid.prototype.updateLayout = function() {
+	this._grid.updateLayout();
+};
+/** Get extension instance
+* @public
+* @param {string} str Extension name
+* @return {*} Returns null, if the specified extension does not exist
+*/
+Grid.prototype.getExtension = function(str) {
+	if(str) {
+		return this._grid.getPlugin(str.replace(/Extension/ig, ""));
+	}
+	return null;
+};
 
 /** @private
 * @param {Object} e
@@ -2765,6 +2980,9 @@ Grid.prototype._onDataComposed = function(e) {
 	if(!rowDef) {
 		return;
 	}
+	if(!rowDef.getDataSource()) {
+		return; // Somehow, rowDef is invalid and doesn't have data source
+	}
 
 	if(this._autoDateConversion) { // auto data conversion
 		var field, value, dataType, colDef;
@@ -2790,20 +3008,24 @@ Grid.prototype._onDataComposed = function(e) {
 		e["rowDef"] = rowDef;
 		this._dispatch("dataComposed", e);
 	}
+
+	this._recalculateFormulas(e);
 };
 
 /** @private
 * @param {Object=} e
 */
 Grid.prototype._recalculateFormulas = function(e) {
-	if(this._fnEngine.getFormulaCount() <= 0) { return; }
+	if(!this._fnEngine || this._fnEngine.getFormulaCount() <= 0) {
+		return;
+	}
 
 	if(e && e["rid"]) {
 		this._fnEngine.calculate(/** @type{Object.<string, *>} */ (e["rowData"]), /** @type{Object.<string, *>} */ (e["changes"]));
 	} else {
-		var rows = this._dc.getAllRowData(); // Slow
+		var rows = this._dc ? this._dc.getAllRowData() : null; // Slow
 
-		var rowCount = rows.length;
+		var rowCount = rows ? rows.length : 0;
 		for(var r = 0; r < rowCount; ++r) { // WARNING: This is very slow
 			this._fnEngine.calculate(rows[r]);
 		}
@@ -2820,6 +3042,64 @@ Grid.prototype._snapshotFillerDataChanged = function (e) {
 	for (var ric in data) {
 		this.setRicData(ric, data[ric]);
 	}
+	if(!this._lastPollingRequest) { // This is the first time we receive successful ADC response
+		this._lastPollingRequest = 1; // Allow polling to be started
+	}
+	this._startPolling();
+};
+/** @private
+*/
+Grid.prototype._startPolling = function () {
+	if(this._pollingEnabled && this._pollingInterval) {
+		if(this._lastPollingRequest && !this._pollingTimerId) {
+			var now = new Date();
+			this._lastPollingRequest = now.getTime();
+			this._pollingTimerId = setTimeout(this._onPollingInterval, this._pollingInterval);
+		}
+	}
+};
+/** @private
+*/
+Grid.prototype._onPollingInterval = function () {
+	this._pollingTimerId = 0;
+	if(this._pollingEnabled && this._pollingInterval) {
+		this.refreshADCData();
+		this._startPolling();
+	}
+};
+/** @public
+* @param {boolean=} activated=true
+*/
+Grid.prototype.activateADCPolling = function (activated) {
+	if(activated !== false) {
+		this._pollingEnabled = true;
+		// Make immediate request after re-activation if it has been a long time
+		var now = new Date();
+		if(this._lastPollingRequest) {
+			var diff = now.getTime() - this._lastPollingRequest;
+			if(diff > this._pollingInterval) {
+				this.refreshADCData();
+			}
+		}
+		this._startPolling();
+	} else {
+		this._pollingEnabled = false;
+	}
+};
+/** Force re-requesting ADC data to immediately update the data
+* @public
+* @return {boolean} Return true, if a request has been made
+*/
+Grid.prototype.refreshADCData = function () {
+	var dirty = this._snapshot.addFields(this._connector.getAllFields());
+	if(dirty) {
+		dirty = this._snapshot.addRics(this._connector.getAllRics());
+		if(dirty) {
+			return true;
+		}
+	}
+	this._lastPollingRequest = 0; // No ADC field or RIC detected. Prevent polling from continuing
+	return false;
 };
 
 /** @private
@@ -2878,16 +3158,5 @@ Grid.prototype._logData = function(rowDefs, options) {
 	console.table(tbl); // eslint-disable-line
 };
 
-/** @private
- * @function
- * @param {Object} to
- * @param {Object} from
- */
-Grid._objectAssign = function (to, from) {
-	for (var key in from) {
-		to[key] = from[key];
-	}
-};
-
 export { Grid };
 export default Grid;