@syncfusion/ej2-treegrid 21.2.8 → 21.2.9

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.2.8
+*  version : 21.2.9
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-treegrid@*",
-  "_id": "@syncfusion/ej2-treegrid@21.2.6",
+  "_id": "@syncfusion/ej2-treegrid@21.2.8",
   "_inBundle": false,
-  "_integrity": "sha512-NzafL9al8nE1C5t5twJkJtbE+e1fPfPbrQ9XMsTtRK5lbwH4oC5L1jvd9zVi64dyIcg/pZ+8D4azfp4VH2WPug==",
+  "_integrity": "sha512-YiqZ/KpWwbgUoxWXdQt7oXZEaAcc+ZvW4Jf22/wOVt64lGs3Qg+LrJk0rC0Z+XT1t+L7GJjvzVrq9nd1Niwsew==",
   "_location": "/@syncfusion/ej2-treegrid",
   "_phantomChildren": {},
   "_requested": {
@@ -24,8 +24,8 @@
     "/@syncfusion/ej2-react-treegrid",
     "/@syncfusion/ej2-vue-treegrid"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-21.2.6.tgz",
-  "_shasum": "d690fce46ba8b43ebec06238d4c494093b9833b1",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-21.2.8.tgz",
+  "_shasum": "33c37b706fce617fed0f97a2fcf9cde1814a8dcd",
   "_spec": "@syncfusion/ej2-treegrid@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -36,9 +36,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.2.3",
-    "@syncfusion/ej2-data": "~21.2.8",
-    "@syncfusion/ej2-grids": "~21.2.8",
+    "@syncfusion/ej2-base": "~21.2.9",
+    "@syncfusion/ej2-data": "~21.2.9",
+    "@syncfusion/ej2-grids": "~21.2.9",
     "@syncfusion/ej2-popups": "~21.2.4"
   },
   "deprecated": false,
@@ -66,6 +66,6 @@
     "url": "git+https://github.com/syncfusion/ej2-treegrid.git"
   },
   "typings": "index.d.ts",
-  "version": "21.2.8",
+  "version": "21.2.9",
   "sideEffects": false
 }

package/src/treegrid/actions/edit.js

@@ -68,6 +68,9 @@ var Edit = /** @class */ (function () {
     };
     Edit.prototype.gridDblClick = function (e) {
         this.doubleClickTarget = e.target;
+        if (e.target.classList.contains('e-frame') && this.parent.getCurrentViewRecords().length === 0) {
+            this.doubleClickTarget = null;
+        }
     };
     Edit.prototype.getRowPosition = function (addArgs) {
         addArgs.newRowPosition = this.parent.editSettings.newRowPosition;
@@ -75,7 +78,9 @@ var Edit = /** @class */ (function () {
         addArgs.dataRowIndex = +this.prevAriaRowIndex;
     };
     Edit.prototype.beforeStartEdit = function (args) {
-        this.parent.trigger(events.actionBegin, args);
+        if (this.parent.editSettings.mode === 'Cell') {
+            this.parent.trigger(events.actionBegin, args);
+        }
     };
     Edit.prototype.beforeBatchCancel = function (args) {
         if (this.parent.editSettings.mode === 'Cell') {

package/src/treegrid/actions/rowdragdrop.js

@@ -996,14 +996,13 @@ var RowDD = /** @class */ (function () {
                             var childRecords = rec[0].childRecords;
                             var droppedRecordIndex = childRecords.indexOf(droppedRecord) + 1;
                             childRecords.splice(droppedRecordIndex, 0, draggedRecord_2);
-                            if (this_1.parent.enableImmutableMode || this_1.parent['isIndentEnabled'] && !this_1.parent.parentIdMapping) {
-                                draggedRecord_2.parentItem = droppedRecord.parentItem;
-                                draggedRecord_2.level = droppedRecord.level;
-                            }
+                            draggedRecord_2.parentItem = droppedRecord.parentItem;
                             draggedRecord_2.parentUniqueID = droppedRecord.parentUniqueID;
+                            draggedRecord_2.level = droppedRecord.level;
                             if (this_1.parent.parentIdMapping) {
                                 draggedRecord_2[this_1.parent.parentIdMapping] = droppedRecord[this_1.parent.parentIdMapping];
-                                draggedRecord_2.parentUniqueID = droppedRecord.parentUniqueID;
+                                draggedRecord_2.parentItem = droppedRecord.parentItem;
+                                draggedRecord_2.level = droppedRecord.level;
                             }
                         }
                         if (draggedRecord_2.hasChildRecords) {

package/src/treegrid/actions/virtual-scroll.js

@@ -18,7 +18,7 @@ import * as events from '../base/constant';
 import { DataManager, Predicate, Query } from '@syncfusion/ej2-data';
 import { getExpandStatus } from '../utils';
 import { VirtualTreeContentRenderer } from '../renderer/virtual-tree-content-render';
-import { VirtualHeaderRenderer } from '@syncfusion/ej2-grids';
+import { VirtualHeaderRenderer, getTransformValues } from '@syncfusion/ej2-grids';
 /**
  * TreeGrid Virtual Scroll module will handle Virtualization
  *
@@ -125,13 +125,16 @@ var VirtualScroll = /** @class */ (function () {
                 this.parent.grid.notify(events.virtualActionArgs, { setTop: true });
             }
             if (requestType === 'save') {
+                startIndex = counts.startIndex + (counts.count - counts.endIndex);
                 endIndex = counts.count;
             }
             //if ((this.prevendIndex !== -1 && this.prevstartIndex !== -1) &&
             //this.prevendIndex === endIndex && this.prevstartIndex === startIndex) {
+            var virtualWrapperElement = this.parent.grid.contentModule.virtualEle.wrapper;
+            var translateY = getTransformValues(virtualWrapperElement).height;
             if (!isNullOrUndefined(this.expandCollapseRec) && (pageingDetails.actionArgs.requestType === 'virtualscroll' ||
                 (pageingDetails.actionArgs.requestType === 'refresh' && startIndex !== this.prevstartIndex)) &&
-                (startIndex < this.parent.getRows().length && endIndex <= startIndex + this.parent.getRows().length)) {
+                (startIndex < this.parent.getRows().length && endIndex <= startIndex + this.parent.getRows().length) && translateY === 0) {
                 startIndex = 0;
             }
             if (!isNullOrUndefined(this.expandCollapseRec)) {
@@ -211,7 +214,7 @@ var TreeVirtual = /** @class */ (function (_super) {
         if (!isNullOrUndefined(parentGrid.height) && typeof (parentGrid.height) === 'string' && parentGrid.height.indexOf('%') !== -1) {
             parentGrid.element.style.height = parentGrid.height;
         }
-        var vHeight = parentGrid.height.toString().indexOf('%') < 0 ? parentGrid.height :
+        var vHeight = parentGrid.height.toString().indexOf('%') < 0 ? parseInt(parentGrid.height.toString(), 10) :
             parentGrid.element.getBoundingClientRect().height;
         var blockSize = ~~(vHeight / rowHeight);
         var height = blockSize * 2;

package/src/treegrid/base/treegrid.js

@@ -2658,7 +2658,12 @@ var TreeGrid = /** @class */ (function (_super) {
             }
             else {
                 if (this.enableVirtualization && this.isCollapseAll) {
-                    record = this.grid.getCurrentViewRecords()[row.rowIndex];
+                    if (this.isExpandAll && row.rowIndex === -1) {
+                        record = this.grid.getCurrentViewRecords()[parseInt(row.getAttribute('data-rowindex'), 10)];
+                    }
+                    else {
+                        record = this.grid.getCurrentViewRecords()[row.rowIndex];
+                    }
                 }
                 else {
                     record = this.grid.getCurrentViewRecords()[parseInt(row.getAttribute('data-rowindex'), 10)];
@@ -2897,7 +2902,12 @@ var TreeGrid = /** @class */ (function (_super) {
                         }
                     }
                     else {
-                        this.expandRow(rows[parseInt(i.toString(), 10)]);
+                        if (!this.enableVirtualization) {
+                            this.expandRow(rows[parseInt(i.toString(), 10)]);
+                        }
+                        else if (rows[0].getAttribute('aria-expanded') !== 'true') {
+                            this.expandRow(rows[0]);
+                        }
                     }
                 }
             }

package/src/treegrid/models/column-model.d.ts

@@ -0,0 +1,30 @@
+import { TextAlign, ClipMode, ValueAccessor, IFilter, IFilterUI, IEditCell, CommandModel, freezeDirection } from '@syncfusion/ej2-grids';import { NumberFormatOptions, DateFormatOptions, merge, Property } from '@syncfusion/ej2-base';import { ITreeGridCellFormatter } from '../base/interface';import { SortComparer} from '@syncfusion/ej2-grids';import { TreeGrid } from '..';
+import {ColumnModel} from "./column";
+
+/**
+ * Interface for a class Column
+ */
+export interface ColumnModel {
+
+}
+
+/**
+ * Interface for a class TreeGridColumn
+ */
+export interface TreeGridColumnModel extends ColumnModel{
+
+    /**
+     * Defines stacked columns
+     *
+     * @default null
+     */
+    columns?: string[] | ColumnModel[];
+
+}
+
+/**
+ * Interface for a class StackedColumn
+ */
+export interface StackedColumnModel extends TreeGridColumnModel{
+
+}

package/src/treegrid/models/column.d.ts

@@ -709,3 +709,35 @@ export interface ColumnModel {
      */
     freeze?: freezeDirection;
 }
+/**
+ * Defines TreeGrid column
+ */
+export declare class TreeGridColumn extends Column {
+    /**
+     * Defines stacked columns
+     *
+     * @default null
+     */
+    columns: string[] | ColumnModel[];
+}
+/**
+ * Interface for a class TreeGridColumn
+ */
+export interface TreeGridColumnModel extends ColumnModel {
+    /**
+     * Defines stacked columns
+     *
+     * @default null
+     */
+    columns?: string[] | ColumnModel[];
+}
+/**
+ * Defines stacked tree grid column
+ */
+export declare class StackedColumn extends TreeGridColumn {
+}
+/**
+ * Interface for a class stacked tree grid column
+ */
+export interface StackedColumnModel extends TreeGridColumnModel {
+}

package/src/treegrid/models/column.js

@@ -1,4 +1,23 @@
-import { merge } from '@syncfusion/ej2-base';
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { merge, Property } from '@syncfusion/ej2-base';
 /**
  * Represents TreeGrid `Column` model class.
  */
@@ -93,3 +112,28 @@ var Column = /** @class */ (function () {
     return Column;
 }());
 export { Column };
+/**
+ * Defines TreeGrid column
+ */
+var TreeGridColumn = /** @class */ (function (_super) {
+    __extends(TreeGridColumn, _super);
+    function TreeGridColumn() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate([
+        Property(null)
+    ], TreeGridColumn.prototype, "columns", void 0);
+    return TreeGridColumn;
+}(Column));
+export { TreeGridColumn };
+/**
+ * Defines stacked tree grid column
+ */
+var StackedColumn = /** @class */ (function (_super) {
+    __extends(StackedColumn, _super);
+    function StackedColumn() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return StackedColumn;
+}(TreeGridColumn));
+export { StackedColumn };

package/src/treegrid/renderer/render.js

@@ -41,7 +41,7 @@ var Render = /** @class */ (function () {
             if (collapsed && !isNullOrUndefined(args.row)) {
                 args.row.style.display = 'none';
                 var rowsObj = this.parent.grid.getRowsObject();
-                if (!isNullOrUndefined(args.row.getAttribute('data-uid'))) {
+                if (!this.parent.grid.isFrozenGrid() && !isNullOrUndefined(args.row.getAttribute('data-uid'))) {
                     rowsObj.filter(function (e) { return e.uid === args.row.getAttribute('data-uid'); })[0].visible = false;
                 }
             }
@@ -227,6 +227,7 @@ var Render = /** @class */ (function () {
         if (summaryRow) {
             addClass([args.cell], 'e-summarycell');
             var summaryData = getObject(args.column.field, args.data);
+            summaryData = isNullOrUndefined(summaryData) ? null : summaryData;
             if (args.cell.querySelector('.e-treecell') != null) {
                 args.cell.querySelector('.e-treecell').innerHTML = summaryData;
             }

package/src/treegrid/renderer/virtual-tree-content-render.js

@@ -384,7 +384,7 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
         var currentViewData = this.parent.currentViewData;
         var indexValue = 'index';
         if (upScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left')) {
-            var vHeight = +(this.parent.height.toString().indexOf('%') < 0 ? this.parent.height :
+            var vHeight = +(this.parent.height.toString().indexOf('%') < 0 ? parseInt(this.parent.height.toString(), 10) :
                 this.parent.element.getBoundingClientRect().height);
             var index = (~~(content.scrollTop / rowHeight)
                 + Math.ceil(vHeight / rowHeight))
@@ -443,7 +443,9 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
             }
             this.startIndex = !isLastBlock ? lastIndex - this.parent.pageSettings.pageSize : nextSetResIndex;
             this.endIndex = lastIndex;
-            if ((nextSetResIndex + this.parent.pageSettings.pageSize) > this.totalRecords && (this.endIndex - this.startIndex) < (this.parent.pageSettings.pageSize / 2) && (this.endIndex - nextSetResIndex) < (this.parent.pageSettings.pageSize / 2)) {
+            if ((nextSetResIndex + this.parent.pageSettings.pageSize) > this.totalRecords &&
+                (this.endIndex - this.startIndex) < (this.parent.pageSettings.pageSize / 2) &&
+                (this.endIndex - nextSetResIndex) < (this.parent.pageSettings.pageSize / 2)) {
                 this.startIndex = lastIndex - (this.parent.pageSettings.pageSize / 2);
             }
             if (currentViewData.length && this.startIndex > currentViewData[0]["" + indexValue] &&
@@ -458,7 +460,12 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
                     this.translateY = scrollArgs.offset.top - rowHeight * 2;
                 }
                 else {
-                    this.translateY = scrollArgs.offset.top;
+                    if (this.totalRecords == this.endIndex) {
+                        this.translateY = scrollArgs.offset.top - (rowHeight - outBuffer);
+                    }
+                    else {
+                        this.translateY = scrollArgs.offset.top;
+                    }
                 }
             }
         }