@syncfusion/ej2-treegrid 28.2.4 → 29.1.33

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 28.2.4
+*  version : 29.1.33
 *  Copyright Syncfusion Inc. 2001 - 2024. 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@28.2.3",
+  "_id": "@syncfusion/ej2-treegrid@20.12.1",
   "_inBundle": false,
-  "_integrity": "sha512-I5UfNKjr6VOlv1w+gssIs4UoeuzlrsrWclXaD2OIxwcldspC4lGZkckB8mfu+3GwUgAhVLmyzQVKzKf6gzIHQQ==",
+  "_integrity": "sha512-T2iLgcfL9PVtMewE3eKalMyIayzFzSK7s7VBP3OFuzk4aV927ZFGuTTXolkDNnVbudBMoa03WIynLt/9eYFm6A==",
   "_location": "/@syncfusion/ej2-treegrid",
   "_phantomChildren": {},
   "_requested": {
@@ -24,10 +24,10 @@
     "/@syncfusion/ej2-react-treegrid",
     "/@syncfusion/ej2-vue-treegrid"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-28.2.3.tgz",
-  "_shasum": "a61d82e54d7fbb7cde25c0a27caa09a55e3c695a",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-treegrid/-/ej2-treegrid-20.12.1.tgz",
+  "_shasum": "f0257995d71df038d6ea9161ed71740c677da2fb",
   "_spec": "@syncfusion/ej2-treegrid@*",
-  "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_29.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -36,10 +36,10 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~28.2.3",
-    "@syncfusion/ej2-data": "~28.2.3",
-    "@syncfusion/ej2-grids": "~28.2.4",
-    "@syncfusion/ej2-popups": "~28.2.3"
+    "@syncfusion/ej2-base": "~29.1.33",
+    "@syncfusion/ej2-data": "~29.1.33",
+    "@syncfusion/ej2-grids": "~29.1.33",
+    "@syncfusion/ej2-popups": "~29.1.33"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeGrid Component",
@@ -76,6 +76,6 @@
     "url": "git+https://github.com/syncfusion/ej2-treegrid.git"
   },
   "typings": "index.d.ts",
-  "version": "28.2.4",
+  "version": "29.1.33",
   "sideEffects": false
 }

package/src/treegrid/actions/batch-edit.js

@@ -275,7 +275,7 @@ var BatchEdit = /** @class */ (function () {
             focusModule.getContent().matrix.current = [actualIndex, focusModule.getContent().matrix.current[1]];
             if (this.parent.editModule['isAddedRowByMethod'] && !isNullOrUndefined(this.parent.editModule['addRowIndex']) && !this.parent.editModule['isAddedRowByContextMenu']) {
                 var newlyAddedRecords = this.parent.getBatchChanges()['addedRecords'];
-                var index = parseInt(this.parent.getContentTable().getElementsByClassName('e-insertedrow')[newlyAddedRecords.length - 1].getAttribute('data-rowindex'), 10);
+                var index = parseInt(this.parent.getContentTable().getElementsByClassName('e-insertedrow')[newlyAddedRecords.length - 1].getAttribute('aria-rowindex'), 10) - 1;
                 this.batchRecords.splice(index, 0, newlyAddedRecords[newlyAddedRecords.length - 1]);
             }
         }
@@ -304,7 +304,7 @@ var BatchEdit = /** @class */ (function () {
             childs = findChildrenRecords(data);
             uid = this.parent.getSelectedRows()[0].getAttribute('data-uid');
         }
-        var parentRowIndex = parseInt(this.parent.grid.getRowElementByUID(uid).getAttribute('data-rowindex'), 10);
+        var parentRowIndex = parseInt(this.parent.grid.getRowElementByUID(uid).getAttribute('aria-rowindex'), 10) - 1;
         if (childs.length) {
             var totalCount = parentRowIndex + childs.length;
             var firstChildIndex = parentRowIndex + 1;
@@ -341,7 +341,7 @@ var BatchEdit = /** @class */ (function () {
     BatchEdit.prototype.updateRowIndex = function () {
         var rows = this.parent.grid.getDataRows();
         for (var i = 0; i < rows.length; i++) {
-            rows[parseInt(i.toString(), 10)].setAttribute('data-rowindex', i.toString());
+            rows[parseInt(i.toString(), 10)].setAttribute('aria-rowindex', (i + 1).toString());
         }
     };
     BatchEdit.prototype.updateChildCount = function (records) {
@@ -470,7 +470,7 @@ var BatchEdit = /** @class */ (function () {
                 if (this.parent.editModule['isAddedRowByMethod'] && addRecords.length && !isNullOrUndefined(this.parent.editModule['addRowIndex']) && !this.parent.editModule['isAddedRowByContextMenu']) {
                     addRecords.reverse();
                     for (var i_1 = 0; i_1 < addRecords.length; i_1++) {
-                        var index_1 = parseInt(this.parent.getContentTable().getElementsByClassName('e-insertedrow')[parseInt(i_1.toString(), 10)].getAttribute('data-rowindex'), 10);
+                        var index_1 = parseInt(this.parent.getContentTable().getElementsByClassName('e-insertedrow')[parseInt(i_1.toString(), 10)].getAttribute('aria-rowindex'), 10) - 1;
                         data.splice(index_1, 0, addRecords[parseInt(i_1.toString(), 10)]);
                     }
                 }
@@ -610,8 +610,15 @@ var BatchEdit = /** @class */ (function () {
     BatchEdit.prototype.nextCellIndex = function (args) {
         var index = 'index';
         var rowIndex = 'rowIndex';
+        var batchChanges = this.parent.getBatchChanges();
+        var deletedRecords = batchChanges.deletedRecords;
         if (this.parent.getSelectedRows().length) {
-            args["" + index] = this.parent.getSelectedRows()[0]["" + rowIndex];
+            if (this.isAdd && deletedRecords.length > 0) {
+                args["" + index] = this.parent.getSelectedRecords()[0]["" + index];
+            }
+            else {
+                args["" + index] = this.parent.getSelectedRows()[0]["" + rowIndex];
+            }
         }
         else {
             args["" + index] = this.batchIndex;

package/src/treegrid/actions/edit.js

@@ -73,7 +73,7 @@ var Edit = /** @class */ (function () {
         }
         if (e.target.classList.contains('e-treegridcollapse') || e.target.classList.contains('e-treegridexpand')) {
             var tr = parentsUntil(e.target, 'e-row');
-            var rowIndex = tr && parseInt(tr.getAttribute('data-rowindex'), 10);
+            var rowIndex = tr && parseInt(tr.getAttribute('aria-rowindex'), 10) - 1;
             if (!isNullOrUndefined(rowIndex) && rowIndex >= 0 && this.parent.allowPaging) {
                 /* eslint-disable-next-line */
                 this.parent.grid.getDataRows()[rowIndex].dataset.uid = this.parent.grid.contentModule.getRows()[rowIndex].uid;
@@ -243,7 +243,7 @@ var Edit = /** @class */ (function () {
         if (!(this.parent.grid.editSettings.allowEditing) || this.parent.grid.isEdit) {
             return;
         }
-        var column = this.parent.grid.getColumnByIndex(+target.closest('td.e-rowcell').getAttribute('data-colindex'));
+        var column = this.parent.grid.getColumnByIndex(+target.closest('td.e-rowcell').getAttribute('aria-colindex') - 1);
         if (this.parent.editSettings.mode === 'Cell' && !this.isOnBatch && column && !column.isPrimaryKey &&
             this.parent.editSettings.allowEditing && column.allowEditing && !(target.classList.contains('e-treegridexpand') ||
             target.classList.contains('e-treegridcollapse')) && this.parent.editSettings.allowEditOnDblClick) {
@@ -251,8 +251,8 @@ var Edit = /** @class */ (function () {
             this.parent.grid.setProperties({ selectedRowIndex: args.rowIndex }, true);
             if (this.parent.enableVirtualization) {
                 var tr = parentsUntil(args.target, 'e-row');
-                this.prevAriaRowIndex = tr.getAttribute('data-rowindex');
-                tr.setAttribute('data-rowindex', tr.rowIndex + '');
+                this.prevAriaRowIndex = tr.getAttribute('aria-rowindex');
+                tr.setAttribute('aria-rowindex', (tr.rowIndex + 1) + '');
             }
             this.updateGridEditMode('Batch');
         }
@@ -296,7 +296,7 @@ var Edit = /** @class */ (function () {
         var prom = args["" + promise];
         delete args["" + promise];
         if (this.parent.enableVirtualization && !isNullOrUndefined(this.prevAriaRowIndex) && this.prevAriaRowIndex !== '-1') {
-            args.row.setAttribute('data-rowindex', this.prevAriaRowIndex);
+            args.row.setAttribute('aria-rowindex', this.prevAriaRowIndex);
             this.prevAriaRowIndex = undefined;
         }
         if (this.keyPress !== 'enter') {
@@ -620,8 +620,8 @@ var Edit = /** @class */ (function () {
             }
         }
         var rows = this.parent.grid.getDataRows();
-        var firstAriaIndex = rows.length ? +rows[0].getAttribute('data-rowindex') : 0;
-        var lastAriaIndex = rows.length ? +rows[rows.length - 1].getAttribute('data-rowindex') : 0;
+        var firstAriaIndex = rows.length ? +rows[0].getAttribute('aria-rowindex') - 1 : 0;
+        var lastAriaIndex = rows.length ? +rows[rows.length - 1].getAttribute('aria-rowindex') - 1 : 0;
         var withinRange = this.selectedIndex >= firstAriaIndex && this.selectedIndex <= lastAriaIndex;
         var isVirtualization = this.parent.enableVirtualization && this.addRowIndex > -1 && this.prevAriaRowIndex !== '-1';
         if (this.parent.editSettings.mode !== 'Dialog') {
@@ -672,7 +672,7 @@ var Edit = /** @class */ (function () {
                 if (isVirtualization) {
                     this.prevAriaRowIndex = '-1';
                 }
-                if (!this.parent.enableVirtualization || this.parent.enableVirtualization && !Object.keys(this.parent.grid.contentModule['emptyRowData']).length) {
+                if (!this.parent.enableVirtualization || this.parent.enableVirtualization) {
                     this.isScrollByFocus = true;
                     focussedElement.focus();
                 }
@@ -768,7 +768,7 @@ var Edit = /** @class */ (function () {
                 this.selectedIndex = this.parent.grid.selectedRowIndex;
             }
             if (this.parent.enableVirtualization) {
-                var selector = '.e-row[data-rowindex="' + this.selectedIndex + '"]';
+                var selector = '.e-row[aria-rowindex="' + (this.selectedIndex + 1) + '"]';
                 var row = void 0;
                 if (this.selectedIndex > -1 && this.parent.editSettings.newRowPosition !== 'Top' &&
                     this.parent.editSettings.newRowPosition !== 'Bottom') {
@@ -778,7 +778,7 @@ var Edit = /** @class */ (function () {
                 }
                 else {
                     if (this.prevAriaRowIndex && this.prevAriaRowIndex !== '-1') {
-                        selector = '.e-row[data-rowindex="' + this.prevAriaRowIndex + '"]';
+                        selector = '.e-row[aria-rowindex="' + (this.prevAriaRowIndex + 1) + '"]';
                         row = this.parent.getContent().querySelector(selector);
                         this.addRowIndex = row ? row.rowIndex : 0;
                     }
@@ -871,7 +871,7 @@ var Edit = /** @class */ (function () {
             var isVirtualization = this.parent.enableVirtualization && this.addRowIndex > -1 && this.prevAriaRowIndex !== '-1';
             var rows = this.parent.getRows();
             var firstAriaIndex = rows.length ? currentData.indexOf(currentData[0]) : 0;
-            var lastAriaIndex = rows.length ? +rows[rows.length - 1].getAttribute('data-rowindex') : 0;
+            var lastAriaIndex = rows.length ? +rows[rows.length - 1].getAttribute('aria-rowindex') - 1 : 0;
             var withinRange = this.parent.enableVirtualization && args.index !== 0 ? true :
                 this.selectedIndex >= firstAriaIndex && this.selectedIndex <= lastAriaIndex;
             if (currentData.length) {
@@ -1065,7 +1065,7 @@ var Edit = /** @class */ (function () {
     Edit.prototype.closeEdit = function () {
         if (this.parent.enableVirtualization && this.parent.grid.editSettings.mode === 'Batch' && this.parent.grid.pageSettings.currentPage > 1) {
             this.editedRowIndex = this.parent.grid.editModule.editModule['cellDetails'].rowIndex;
-            this.parent.grid.editModule.editModule['cellDetails'].rowIndex = parseInt(this.parent.getRows()[this.parent.grid.editModule.editModule['cellDetails'].rowIndex].getAttribute('data-rowIndex'), 10);
+            this.parent.grid.editModule.editModule['cellDetails'].rowIndex = parseInt(this.parent.getRows()[this.parent.grid.editModule.editModule['cellDetails'].rowIndex].getAttribute('aria-rowIndex'), 10) - 1;
         }
         this.parent.grid.editModule.closeEdit();
     };

package/src/treegrid/actions/page.js

@@ -151,7 +151,7 @@ var Page = /** @class */ (function () {
         return newResults;
     };
     Page.prototype.updatePageSize = function (pageingDetails) {
-        var updateSize = pageingDetails.result.length;
+        var updateSize = pageingDetails.count;
         var gridPagerModule = this.parent.grid.pagerModule;
         if (this.parent.pageSettings.pageSizes === true) {
             if (gridPagerModule.pagerObj.pagerdropdownModule['dropDownListObject'].value === gridPagerModule.pagerObj.getLocalizedLabel('All')) {

package/src/treegrid/actions/rowdragdrop.d.ts

@@ -92,6 +92,15 @@ export declare class RowDD {
      * @param {string} position - Drop position as above or below or child
      */
     reorderRows(fromIndexes: number[], toIndex: number, position: string): void;
+    /**
+     * Updates the rows and cells
+     *
+     * @param {Object[]} records - Updates the given records
+     * @param {HTMLTableRowElement[]} rows - Updates the given rows
+     * @param {number} index -  Updates the given cell index
+     * @returns {void}
+     */
+    private updateRowAndCellElements;
     /**
      * Performs indent or outdent actions on selected records in the TreeGrid.
      *
@@ -164,6 +173,15 @@ export declare class RowDD {
      * @returns {string} The drop position ('topSegment', 'middleSegment', 'bottomSegment', or 'Invalid').
      */
     private updateIcon;
+    /**
+     * Updates the border status for a specified row and index.
+     *
+     * @private
+     * @param {Element[]} row - The array of row elements to be updated.
+     * @param {number} index - The index of the row element for which the border status is to be updated.
+     * @returns {boolean} - Returns true if the border status was successfully updated, otherwise false.
+     */
+    private updateBorderStatus;
     /**
      * Removes the visual border from all child rows within the TreeGrid.
      *
@@ -206,6 +224,7 @@ export declare class RowDD {
      * Applies drop border styles to row elements based on the current drop position ('topSegment' or 'bottomSegment').
      *
      * @param {Element} target - The target element where the drop action is taking place.
+     * @param {boolean} [isBorderNeed=true] - Indicates whether a border is needed during the drop action. Defaults to `true`.
      * @returns {void} No return value.
      */
     private topOrBottomBorder;
@@ -259,7 +278,7 @@ export declare class RowDD {
      */
     private dragDropGrid;
     /**
-     * Retrieves the index of the target row based on its 'data-rowindex' attribute.
+     * Retrieves the index of the target row based on its 'aria-rowindex' attribute.
      *
      * @param {Element} targetRow - The target row element from which to retrieve the index.
      * @returns {number} - The index of the target row, or 0 if the targetRow is null or undefined.
@@ -364,6 +383,7 @@ export declare class RowDD {
     private isDuplicateData;
     /**
      * Cleans up resources, event listeners, and DOM elements when the TreeGrid component is destroyed.
+     *
      * @returns {void}
      */
     destroy(): void;