@syncfusion/ej2-treegrid 33.2.8 → 33.2.12

package/dist/global/index.d.ts

@@ -1,3 +1,12 @@
+/*!
+*  filename: index.d.ts
+*  version : 33.2.12
+*  Copyright Syncfusion Inc. 2001 - 2025. 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
+*  licensing@syncfusion.com. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
 import * as _treegrid from '@syncfusion/ej2-treegrid';
 
 export declare namespace ej {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-treegrid",
-  "version": "33.2.8",
+  "version": "33.2.12",
   "description": "Essential JS 2 TreeGrid Component",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -9,8 +9,8 @@
   "es2015": "./dist/es6/ej2-treegrid.es5.js",
   "dependencies": {
     "@syncfusion/ej2-base": "~33.2.3",
-    "@syncfusion/ej2-data": "~33.2.5",
-    "@syncfusion/ej2-grids": "~33.2.8",
+    "@syncfusion/ej2-data": "~33.2.12",
+    "@syncfusion/ej2-grids": "~33.2.12",
     "@syncfusion/ej2-popups": "~33.2.7"
   },
   "devDependencies": {},

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

@@ -2169,6 +2169,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      */
     addListener(): void;
     private updateResultModel;
+    private onSaveComplete;
     /**
      * @hidden
      * @returns {void}

package/src/treegrid/base/treegrid.js

@@ -4348,10 +4348,25 @@ var TreeGrid = /** @class */ (function (_super) {
         this.grid.on('initial-end', this.afterGridRender, this);
         this.grid.on('partial-filter-update', this.partialFilterUpdate, this);
         this.grid.on('get-row-cells', this.getCellsByTableName, this);
+        this.grid.on('save-complete', this.onSaveComplete, this);
     };
     TreeGrid.prototype.updateResultModel = function (returnResult) {
         this.dataResults = returnResult;
     };
+    TreeGrid.prototype.onSaveComplete = function (args) {
+        if (!this['isGantt'] && this.enableVirtualization && args.action === 'add'
+            && (!isNullOrUndefined(args.index) && args.index !== -1) && args.data) {
+            var primaryKeyField = this.getPrimaryKeyFieldNames()[0];
+            var dataRecord = args.data;
+            var addedRecordValue = Object.prototype.hasOwnProperty.call(dataRecord, primaryKeyField)
+                ? dataRecord["" + primaryKeyField]
+                : undefined;
+            if (!isNullOrUndefined(addedRecordValue)) {
+                var index = this.grid.getRowIndexByPrimaryKey(addedRecordValue);
+                args.index = index !== -1 ? index : args.index;
+            }
+        }
+    };
     /**
      * @hidden
      * @returns {void}
@@ -4365,6 +4380,7 @@ var TreeGrid = /** @class */ (function (_super) {
         this.grid.off('last-rowcell-border-updated', this.lastRowCellBorderUpdated);
         this.grid.off('partial-filter-update', this.partialFilterUpdate);
         this.grid.off('get-row-cells', this.getCellsByTableName);
+        this.grid.off('save-complete', this.onSaveComplete);
     };
     TreeGrid.prototype.getCellsByTableName = function (args) {
         if (!Array.isArray(args.elements)) {

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

@@ -713,6 +713,10 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
             this.parent.root.scrollPosition = scrollArgs.offset;
         }
         var info = scrollArgs.sentinel;
+        var treeGridParent = null;
+        if (this.parent.clipboardModule && this.parent.clipboardModule['treeGridParent']) {
+            treeGridParent = this.parent.clipboardModule['treeGridParent'];
+        }
         var rowHeight = parseInt(this.parent.getRowHeight().toString(), 10);
         var outBuffer = this.parent.pageSettings.pageSize - Math.ceil(this.parent.pageSettings.pageSize / 2);
         var content;
@@ -790,7 +794,7 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
         else if (downScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left') && !isNullOrUndefined(content)) {
             var nextSetResIndex = ~~(content.scrollTop / rowHeight);
             var isLastBlock = (this["" + selectedRowIndex] + this.parent.pageSettings.pageSize) < this.totalRecords ? false : true;
-            if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 &&
+            if (treeGridParent !== null && treeGridParent.isGantt && !isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 &&
                 nextSetResIndex !== this["" + selectedRowIndex] && !isLastBlock && !this.parent.allowRowDragAndDrop) {
                 nextSetResIndex = this["" + selectedRowIndex];
             }
@@ -901,6 +905,15 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
      * @returns {void}
      */
     VirtualTreeContentRenderer.prototype.appendContent = function (target, newChild, e) {
+        var treeGridParent = null;
+        if (this.parent.clipboardModule && this.parent.clipboardModule['treeGridParent']) {
+            treeGridParent = this.parent.clipboardModule['treeGridParent'];
+        }
+        var totalBlocks = this.getTotalBlocks();
+        var lastPage = Math.ceil(totalBlocks / 2);
+        var isBottom = (this.parent.pageSettings.currentPage === lastPage) &&
+            (treeGridParent && treeGridParent.flatData &&
+                treeGridParent.flatData.length === e.index + 1);
         if ((this.parent.dataSource instanceof DataManager && this.parent.dataSource.dataSource.url !== undefined
             && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent)
             || (this.parent.isFrozenGrid() && (e.requestType === undefined || !isNullOrUndefined(e.virtualInfo) && (e.virtualInfo.direction === 'right' || e.virtualInfo.direction === 'left')))) {
@@ -985,6 +998,14 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
                     }
                 }
             }
+            if ((treeGridParent !== null && !treeGridParent.isGantt) && e.action === 'add' && isBottom) {
+                var rowHeight = this.parent.getRowHeight();
+                var pageSize = this.parent.pageSettings.pageSize;
+                var newTranslateY = (this.totalRecords * rowHeight) - (pageSize * rowHeight);
+                this.translateY = newTranslateY > 0 ? newTranslateY : this.translateY;
+                this.virtualEle.adjustTable(cOffset, this.translateY);
+                this.content.scrollTop = this.translateY;
+            }
             this.restoreEditState();
             _super.prototype["" + restoreAdd].call(this);
             _super.prototype["" + ensureSelectedRowPosition].call(this);

package/helpers/e2e/index.d.ts

@@ -1 +0,0 @@
-export * from './treegridhelper';

package/helpers/e2e/index.js

@@ -1,8 +0,0 @@
-define(["require", "exports", "./treegridhelper"], function (require, exports, treegridhelper_1) {
-    "use strict";
-    function __export(m) {
-        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-    }
-    Object.defineProperty(exports, "__esModule", { value: true });
-    __export(treegridhelper_1);
-});

package/helpers/e2e/treegridhelper.d.ts

@@ -1,21 +0,0 @@
-import { TestHelper } from '@syncfusion/ej2-base/helpers/e2e';
-export declare class TreeGridHelper extends TestHelper {
-    id: string;
-    wrapperFn: Function;
-    constructor(id: string, wrapperFn: Function);
-    getDataGridElement(): any;
-    getHeaderElement(): any;
-    getContentElement(): any;
-    getFooterElement(): any;
-    getPagerElement(): any;
-    getDialogElement(): any;
-    getFilterPopupElement(): any;
-    getToolbarElement(): any;
-    getCurrentPagerElement(): any;
-    getPagerDropDownElement(): any;
-    getExpandedElements(): any;
-    getCollapsedElements(): any;
-    setModel(property: any, value: any): any;
-    getModel(property: any): any;
-    invoke(fName: any, args?: any): any;
-}

package/helpers/e2e/treegridhelper.js

@@ -1,83 +0,0 @@
-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 __());
-    };
-})();
-define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    var TreeGridHelper = (function (_super) {
-        __extends(TreeGridHelper, _super);
-        function TreeGridHelper(id, wrapperFn) {
-            var _this = _super.call(this) || this;
-            _this.id = id;
-            if (wrapperFn !== undefined) {
-                _this.wrapperFn = wrapperFn;
-            }
-            return _this;
-        }
-        TreeGridHelper.prototype.getDataGridElement = function () {
-            return this.selector('#' + this.id);
-        };
-        TreeGridHelper.prototype.getHeaderElement = function () {
-            return this.selector('#' + this.id + ' .e-gridheader');
-        };
-        TreeGridHelper.prototype.getContentElement = function () {
-            return this.selector('#' + this.id + ' .e-gridcontent');
-        };
-        TreeGridHelper.prototype.getFooterElement = function () {
-            return this.selector('#' + this.id + ' .e-gridfooter');
-        };
-        TreeGridHelper.prototype.getPagerElement = function () {
-            return this.selector('#' + this.id + ' .e-gridpager');
-        };
-        TreeGridHelper.prototype.getDialogElement = function () {
-            return this.selector('#' + this.id + '_gridcontrol_dialogEdit_wrapper');
-        };
-        TreeGridHelper.prototype.getFilterPopupElement = function () {
-            return this.selector('#' + this.id + ' .e-filter-popup');
-        };
-        TreeGridHelper.prototype.getToolbarElement = function () {
-            return this.selector('#' + this.id + '_gridcontrol_toolbarItems');
-        };
-        TreeGridHelper.prototype.getCurrentPagerElement = function () {
-            return this.selector('#' + this.id + ' .e-numericitem.e-currentitem');
-        };
-        TreeGridHelper.prototype.getPagerDropDownElement = function () {
-            return this.selector('#' + this.id + ' .e-pagerdropdown');
-        };
-        TreeGridHelper.prototype.getExpandedElements = function () {
-            return this.selector('#' + this.id + ' .e-treegridexpand');
-        };
-        TreeGridHelper.prototype.getCollapsedElements = function () {
-            return this.selector('#' + this.id + ' .e-treegridcollapsed');
-        };
-        TreeGridHelper.prototype.setModel = function (property, value) {
-            return cy.get('#' + this.id).then(function (ele) {
-                return ele[0].ej2_instances[0][property] = value;
-            });
-        };
-        TreeGridHelper.prototype.getModel = function (property) {
-            return cy.get('#' + this.id).then(function (ele) {
-                return ele[0].ej2_instances[0][property];
-            });
-        };
-        TreeGridHelper.prototype.invoke = function (fName, args) {
-            if (args === void 0) { args = []; }
-            return cy.get('#' + this.id).then(function (ele) {
-                var inst = ele[0].ej2_instances[0];
-                return inst[fName].apply(inst, args);
-            });
-        };
-        return TreeGridHelper;
-    }(e2e_1.TestHelper));
-    exports.TreeGridHelper = TreeGridHelper;
-});