@syncfusion/ej2-treegrid 21.2.5 → 21.2.8

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.2.5
+*  version : 21.2.8
 *  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.4",
+  "_id": "@syncfusion/ej2-treegrid@21.2.6",
   "_inBundle": false,
-  "_integrity": "sha512-NpKOhZ2iXKUVktbOJarp6RNqk6nazOQnlrVSmDxL5BFnM/0TdyM0R64+eynPJiF4IpIB7rat9MkCtTTiCnL4xA==",
+  "_integrity": "sha512-NzafL9al8nE1C5t5twJkJtbE+e1fPfPbrQ9XMsTtRK5lbwH4oC5L1jvd9zVi64dyIcg/pZ+8D4azfp4VH2WPug==",
   "_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.4.tgz",
-  "_shasum": "828522ae3a9455dbab9dc3d5d7d46cb6c510e995",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-21.2.6.tgz",
+  "_shasum": "d690fce46ba8b43ebec06238d4c494093b9833b1",
   "_spec": "@syncfusion/ej2-treegrid@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -37,8 +37,8 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~21.2.3",
-    "@syncfusion/ej2-data": "~21.2.4",
-    "@syncfusion/ej2-grids": "~21.2.5",
+    "@syncfusion/ej2-data": "~21.2.8",
+    "@syncfusion/ej2-grids": "~21.2.8",
     "@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.5",
+  "version": "21.2.8",
   "sideEffects": false
 }

package/src/treegrid/actions/edit.js

@@ -644,7 +644,7 @@ var Edit = /** @class */ (function () {
                             index = index + batchChildCount;
                         }
                     }
-                    else {
+                    else if (!this.parent.enableVirtualization) {
                         index += findChildrenRecords(records[parseInt(index.toString(), 10)]).length;
                     }
                 }

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

@@ -124,7 +124,7 @@ var VirtualScroll = /** @class */ (function () {
                 this.parent.grid.getContent().firstElementChild.scrollTop = 0;
                 this.parent.grid.notify(events.virtualActionArgs, { setTop: true });
             }
-            if (requestType === 'save' && this.parent.editSettings.newRowPosition === 'Bottom') {
+            if (requestType === 'save') {
                 endIndex = counts.count;
             }
             //if ((this.prevendIndex !== -1 && this.prevstartIndex !== -1) &&

package/src/treegrid/base/data.js

@@ -396,7 +396,18 @@ var DataManipulation = /** @class */ (function () {
                 }
                 result = resultChildData;
             }
-            rowDetails.record.childRecords = result;
+            if (_this.parent.enableVirtualization && rowDetails.action === 'remoteExpand') {
+                rowDetails.record.childRecords = [];
+                for (var i = 0; i < result.length; i++) {
+                    if (rowDetails.record['' + _this.parent.idMapping] !== result[parseInt(i.toString(), 10)]['' + _this.parent.idMapping] &&
+                        rowDetails.record['' + _this.parent.idMapping] === result[parseInt(i.toString(), 10)]['' + _this.parent.parentIdMapping] && Object.prototype.hasOwnProperty.call(result, i)) {
+                        rowDetails.record.childRecords.push(result[parseInt(i.toString(), 10)]);
+                    }
+                }
+            }
+            else {
+                rowDetails.record.childRecords = result;
+            }
             for (var r = 0; r < result.length; r++) {
                 if (_this.parent.enableVirtualization && result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping] && rowDetails.action === 'remoteExpand') {
                     _this.parent["" + remoteExpandedData].push(rowDetails.record);
@@ -414,6 +425,7 @@ var DataManipulation = /** @class */ (function () {
                         if (result[parseInt(r.toString(), 10)]["" + _this.parent.parentIdMapping] === _this.parent["" + remoteExpandedData][parseInt(i.toString(), 10)]["" + _this.parent.idMapping]) {
                             result[parseInt(r.toString(), 10)].level = _this.parent["" + remoteExpandedData][parseInt(i.toString(), 10)]["" + level] + 1;
                             var parentData = _this.parent["" + remoteExpandedData][parseInt(i.toString(), 10)];
+                            delete parentData.childRecords;
                             result[parseInt(r.toString(), 10)].parentItem = parentData;
                             result[parseInt(r.toString(), 10)].parentUniqueID = rowDetails.record.uniqueID;
                         }
@@ -425,6 +437,10 @@ var DataManipulation = /** @class */ (function () {
                         && !(haveChild && !haveChild[parseInt(r.toString(), 10)])) {
                         if (isNullOrUndefined(result[parseInt(r.toString(), 10)]["" + _this.parent.parentIdMapping])) {
                             result[parseInt(r.toString(), 10)].level = 0;
+                            if (rowDetails.action === 'remoteExpand') {
+                                result[parseInt(r.toString(), 10)].childRecords = [];
+                                result[parseInt(r.toString(), 10)].childRecords = rowDetails.record.childRecords;
+                            }
                         }
                         else {
                             result[parseInt(r.toString(), 10)].level = rowDetails.record.level;

package/src/treegrid/base/treegrid-model.d.ts

@@ -28,6 +28,7 @@ export interface TreeGridModel extends ComponentModel{
      * * EllipsisWithTooltip :- Displays ellipsis when the cell content overflows its area,
      * ```
      * also it will display the tooltip while hover on ellipsis is applied.
+     *
      * @default Syncfusion.EJ2.Grids.ClipMode.Ellipsis
      * @aspType Syncfusion.EJ2.Grids.ClipMode
      * @isEnumeration true
@@ -131,6 +132,7 @@ export interface TreeGridModel extends ComponentModel{
      * * AllPages :- Prints all pages of the TreeGrid.
      * * CurrentPage :- Prints the current page of the TreeGrid.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.PrintMode.AllPages
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.PrintMode
@@ -329,6 +331,7 @@ export interface TreeGridModel extends ComponentModel{
      * * Vertical :- Displays the vertical TreeGrid lines only.
      * * Default :- Displays TreeGrid lines based on the theme.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.GridLine.Default
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.GridLine

package/src/treegrid/base/treegrid.d.ts

@@ -174,6 +174,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * * EllipsisWithTooltip :- Displays ellipsis when the cell content overflows its area,
      * ```
      * also it will display the tooltip while hover on ellipsis is applied.
+     *
      * @default Syncfusion.EJ2.Grids.ClipMode.Ellipsis
      * @aspType Syncfusion.EJ2.Grids.ClipMode
      * @isEnumeration true
@@ -291,6 +292,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * * AllPages :- Prints all pages of the TreeGrid.
      * * CurrentPage :- Prints the current page of the TreeGrid.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.PrintMode.AllPages
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.PrintMode
@@ -465,6 +467,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * * Vertical :- Displays the vertical TreeGrid lines only.
      * * Default :- Displays TreeGrid lines based on the theme.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.GridLine.Default
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.GridLine

package/src/treegrid/base/treegrid.js

@@ -2657,7 +2657,12 @@ var TreeGrid = /** @class */ (function (_super) {
                 record = this.grid.getCurrentViewRecords()[row.getAttribute('data-rowindex')];
             }
             else {
-                record = this.grid.getCurrentViewRecords()[parseInt(row.getAttribute('data-rowindex'), 10)];
+                if (this.enableVirtualization && this.isCollapseAll) {
+                    record = this.grid.getCurrentViewRecords()[row.rowIndex];
+                }
+                else {
+                    record = this.grid.getCurrentViewRecords()[parseInt(row.getAttribute('data-rowindex'), 10)];
+                }
             }
         }
         return record;
@@ -2887,7 +2892,9 @@ var TreeGrid = /** @class */ (function (_super) {
             if (rows.length) {
                 for (var i = 0; i < rows.length; i++) {
                     if (action === 'collapse') {
-                        this.collapseRow(rows[parseInt(i.toString(), 10)]);
+                        if (!isNullOrUndefined(this.getCurrentViewRecords()[rows[parseInt(i.toString(), 10)].rowIndex])) {
+                            this.collapseRow(rows[parseInt(i.toString(), 10)]);
+                        }
                     }
                     else {
                         this.expandRow(rows[parseInt(i.toString(), 10)]);
@@ -3335,7 +3342,7 @@ var TreeGrid = /** @class */ (function (_super) {
                     }
                 }
                 if (cRow.length && childRecord.expanded) {
-                    this.collapseRemoteChild({ record: childRecord, rows: cRow }, true);
+                    this.collapseRemoteChild({ record: childRecord, rows: cRow }, false);
                 }
             }
         }

package/src/treegrid/enum.d.ts

@@ -24,6 +24,7 @@ export declare type FilterHierarchyMode = 'Parent' | 'Child' | 'Both' | 'None';
  * * CsvExport :- Export the TreeGrid to Csv.
  * * Print :- Print the TreeGrid.
  * ```
+ *
  * @hidden
  */
 export declare type ToolbarItems = 'Add' | 'Delete' | 'Update' | 'Cancel' | 'Edit' | 'Search' | 'ExpandAll' | 'CollapseAll' | 'ExcelExport' | 'PdfExport' | 'CsvExport' | 'Print';
@@ -75,6 +76,7 @@ export declare type PageSizeMode = 'All' | 'Root';
  * * LastPage :- Go to the last page.
  * * NextPage :- Go to the next page.
  * ```
+ *
  * @hidden
  */
 export declare type ContextMenuItem = 'AutoFitAll' | 'AutoFit' | 'SortAscending' | 'SortDescending' | 'Edit' | 'Delete' | 'Save' | 'Cancel' | 'PdfExport' | 'ExcelExport' | 'CsvExport' | 'FirstPage' | 'PrevPage' | 'LastPage' | 'NextPage' | 'AddRow' | 'Indent' | 'Outdent';

package/src/treegrid/models/filter-settings-model.d.ts

@@ -165,6 +165,7 @@ export interface FilterSettingsModel {
      * *  OnEnter :- Initiates filter operation after Enter key is pressed.
      * *  Immediate :- Initiates filter operation after a certain time interval. By default, time interval is 1500 ms.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.FilterBarMode.OnEnter
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.FilterBarMode

package/src/treegrid/models/filter-settings.d.ts

@@ -150,6 +150,7 @@ export declare class FilterSettings extends ChildProperty<FilterSettings> {
      * *  OnEnter :- Initiates filter operation after Enter key is pressed.
      * *  Immediate :- Initiates filter operation after a certain time interval. By default, time interval is 1500 ms.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.FilterBarMode.OnEnter
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.FilterBarMode

package/src/treegrid/models/selection-settings-model.d.ts

@@ -26,6 +26,7 @@ export interface SelectionSettingsModel {
      * * Flow :- Selects the range of cells between start index and end index that also includes the other cells of the selected rows.
      * * Box :- Selects the range of cells within the start and end column indexes that includes in between cells of rows within the range.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.CellSelectionMode.Flow
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.CellSelectionMode
@@ -38,6 +39,7 @@ export interface SelectionSettingsModel {
      * * Single :- Allows selection of only a row or a cell.
      * * Multiple :- Allows selection of multiple rows or cells.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.SelectionType.Single
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.SelectionType

package/src/treegrid/models/selection-settings.d.ts

@@ -24,6 +24,7 @@ export declare class SelectionSettings extends ChildProperty<SelectionSettings>
      * * Flow :- Selects the range of cells between start index and end index that also includes the other cells of the selected rows.
      * * Box :- Selects the range of cells within the start and end column indexes that includes in between cells of rows within the range.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.CellSelectionMode.Flow
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.CellSelectionMode
@@ -35,6 +36,7 @@ export declare class SelectionSettings extends ChildProperty<SelectionSettings>
      * * Single :- Allows selection of only a row or a cell.
      * * Multiple :- Allows selection of multiple rows or cells.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.SelectionType.Single
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.SelectionType

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

@@ -402,7 +402,7 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
                 this.startIndex = (this.startIndex - remains) < 0 ? 0 : (this.startIndex - remains);
             }
             if (currentViewData.length && (currentViewData[0]["" + indexValue] >= this.parent.pageSettings.pageSize / 2) &&
-                ((currentViewData[0]["" + indexValue] - this.startIndex) < (this.parent.pageSettings.pageSize / 2))) {
+                ((currentViewData[0]["" + indexValue] - this.startIndex) < (this.parent.pageSettings.pageSize / 2)) && this.parent.selectionModule.isRowSelected) {
                 this.startIndex = currentViewData[0]["" + indexValue] - (this.parent.pageSettings.pageSize / 2);
                 this.endIndex = this.startIndex + this.parent.pageSettings.pageSize;
             }
@@ -443,8 +443,11 @@ 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)) {
+                this.startIndex = lastIndex - (this.parent.pageSettings.pageSize / 2);
+            }
             if (currentViewData.length && this.startIndex > currentViewData[0]["" + indexValue] &&
-                ((this.startIndex - currentViewData[0]["" + indexValue]) < (this.parent.pageSettings.pageSize / 2))) {
+                ((this.startIndex - currentViewData[0]["" + indexValue]) < (this.parent.pageSettings.pageSize / 2)) && this.parent.selectionModule.isRowSelected) {
                 this.startIndex = currentViewData[0]["" + indexValue] + (this.parent.pageSettings.pageSize / 2);
             }
             if (scrollArgs.offset.top > (rowHeight * this.totalRecords)) {