@refinitiv-ui/efx-grid 6.0.0-next.0 → 6.0.2

package/lib/rt-grid/es6/ColumnDefinition.d.ts

@@ -38,7 +38,10 @@ declare namespace ColumnDefinition {
         hidden?: boolean,
         id?: string,
         textSelect?: boolean,
-        keepModel?: boolean
+        keepModel?: boolean,
+        stationary?: boolean,
+        leftPinned?: boolean,
+        rightPinned?: boolean
     };
 
 }

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

@@ -45,6 +45,9 @@ import Engine from "../../tr-grid-util/es6/formula/Engine.js";
 * @property {string=} id Id for unique identifier
 * @property {boolean=} textSelect=false If enabled, user can select text in this column
 * @property {boolean=} keepModel If enabled, initial column's options will be kept
+* @property {boolean=} stationary=false If enabled, the column order cannot be changed (i.e., this column and any column to its left cannot be moved)
+* @property {boolean=} leftPinned=false If enabled, the column will not be part of the scrollable area and is pinned to the left side
+* @property {boolean=} rightPinned=false If enabled, the column will not be part of the scrollable area and is pinned to the right side
 */
 
 /** mapping of field type to javascript type

package/lib/rt-grid/es6/Grid.d.ts

@@ -1,13 +1,13 @@
-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";
@@ -70,7 +70,8 @@ declare namespace Grid {
         dataComposed?: ((...params: any[]) => any),
         autoDateConversion?: boolean,
         textSelect?: boolean,
-        lang?: string
+        lang?: string,
+        scrollbarParent?: Element
     };
 
     type RowReference = number|string|RowDefinition;
@@ -199,6 +200,8 @@ declare class Grid extends EventDispatcher {
 
     public getRowDefinitions(): (RowDefinition)[];
 
+    public getAllRowDefinitions(inclAutoGenerate?: boolean): (RowDefinition)[];
+
     public getRowData(rowIndex: number): any;
 
     public getMultipleRowData(obj?: any): (any)[];
@@ -219,7 +222,7 @@ declare class Grid extends EventDispatcher {
 
     public getAllFields(): (string)[];
 
-    public freezeColumn(opt_colIndex?: number, pinnedRightColumns?: number): void;
+    public freezeColumn(colIndex?: number, pinnedRightColumns?: number): void;
 
     public updateColumnTitle(): void;
 
@@ -249,6 +252,10 @@ declare class Grid extends EventDispatcher {
 
     public requestRowRefresh(): void;
 
+    public updateLayout(): void;
+
+    public getExtension(str: string): any;
+
     public logDT(opt_options?: any): void;
 
     public logDV(opt_options?: any): void;

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

@@ -1,14 +1,14 @@
 /* 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";
@@ -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.
@@ -73,6 +73,7 @@ import { ElementWrapper } from "../../core/es6/grid/components/ElementWrapper.js
 * @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 {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.
 */
 
 /** @typedef {number|string|RowDefinition} Grid~RowReference
@@ -152,7 +153,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 +210,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
@@ -265,19 +274,56 @@ var Grid = function(placeholder, config) {
 
 	t._grid.listen("columnAdded", t._onColumnAdded); // Columns could be added by some plugins
 
-	t._stp = new SortableTitlePlugin({
-		"userManagedLogic": true,
-		"sortableColumns": true,
-		"disableDoubleClickToSort": true,
-		"ROW_DEF": true // Enable Row Definition Mode
-	});
-	t._stp.listen("preDataSorting", t._onPreDataSorting);
-
-	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);
+			var core = t._mainGrid.getCoreGrid();
+			t._stp = core.getPlugin("SortableTitlePlugin");
+			t._dtp = core.getPlugin("DragAndDropTitlePlugin");
+		}
+		if(config["SortableTitle"]) { // Exception for built-in plugin
+			t._stp = config["SortableTitle"];
+		}
+		if(config["DragAndDropTitle"]) { // Exception for built-in plugin
+			t._dtp = config["DragAndDropTitle"];
+		}
+	}
+	if(!t._sharedDataSource) {
+		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
+	}
+	if(t._stp) {
+		this._sharedSorter = true;
+		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);
+	}
+	if(!t._dtp) { // Create built-in plugin
+		t._dtp = new DragAndDropTitlePlugin();
+	}
 	t._grid.loadPlugin(t._dtp);
 
 	t._grid.listen("preSectionRender", t._onColumnHeaderBinding);
@@ -285,17 +331,6 @@ var Grid = function(placeholder, config) {
 
 	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);
@@ -325,6 +360,10 @@ Ext.inherits(Grid, EventDispatcher);
  * @type {Element}
  */
 Grid.prototype._topNode = null;
+/** @private
+ * @type {Grid}
+ */
+Grid.prototype._mainGrid = null;
 /** @private
  * @type {Core}
  */
@@ -344,6 +383,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
@@ -450,6 +498,8 @@ Grid.prototype.dispose = function() {
 	this._grid.dispose();
 	this._connector.reset();
 
+	this._mainGrid = this._dt = this._dv = null;
+
 	if(this._subs) {
 		this._subs["dispose"]();
 		this._subs = null;
@@ -476,7 +526,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 +569,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 +687,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"]);
@@ -742,17 +794,13 @@ Grid.prototype.initialize = function(gridOption) {
 	if(gridOption["autoHideScrollbar"] != null) {
 		grid.autoHideScrollbars(gridOption["autoHideScrollbar"] ? true : false);
 	}
+	if(gridOption["scrollbarParent"] != null) {
+		t._setScrollbarParent(gridOption["scrollbarParent"]);
+	}
 
 	// 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 +810,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 = "";
@@ -923,8 +968,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 +1003,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;
 	}
@@ -978,12 +1019,45 @@ Grid.prototype.getConfigObject = function (gridOptions) {
 		obj["lang"] = this._lang;
 	}
 
+	// 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
 
@@ -1154,6 +1228,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 +1353,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 +1402,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 +1444,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 +1461,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 +1476,9 @@ Grid.prototype.removeAllColumns = function() {
 
 	this._connector.removeAllFields();
 	this._grid.setColumnCount(0);
-	this._dc.resetStaticFields();
+	if(this._dc) {
+		this._dc.resetStaticFields();
+	}
 };
 
 /**
@@ -1686,6 +1785,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 };
@@ -1703,6 +1806,9 @@ Grid.prototype.insertRow = function(rowOption, rowRef) {
 	}
 
 	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 +1826,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;
 	}
@@ -1763,6 +1873,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 +2005,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 +2029,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 +2067,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 +2097,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 +2116,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 +2131,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 +2164,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 +2361,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 +2549,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
@@ -2721,6 +2871,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
@@ -2801,9 +2968,9 @@ Grid.prototype._recalculateFormulas = function(e) {
 	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]);
 		}