@syncfusion/ej2-treegrid 32.1.21 → 32.1.22-1533505

package/dist/global/index.d.ts

@@ -1,12 +1,3 @@
-/*!
-*  filename: index.d.ts
-*  version : 32.1.21
-*  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": "32.1.21",
+  "version": "32.1.22-1533505",
   "description": "Essential JS 2 TreeGrid Component",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -10,7 +10,7 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~32.1.19",
     "@syncfusion/ej2-data": "~32.1.19",
-    "@syncfusion/ej2-grids": "~32.1.21",
+    "@syncfusion/ej2-grids": "~32.1.22",
     "@syncfusion/ej2-popups": "~32.1.19"
   },
   "devDependencies": {},

package/src/treegrid/actions/selection.js

@@ -625,7 +625,7 @@ var Selection = /** @class */ (function () {
         var newSelectedIndexes = [];
         for (var _i = 0, currentlySelectedItemsInOrder_1 = currentlySelectedItemsInOrder; _i < currentlySelectedItemsInOrder_1.length; _i++) {
             var item = currentlySelectedItemsInOrder_1[_i];
-            if (item.hasChildRecords && isFilterOrSearch && item.level === 0) {
+            if (item.hasChildRecords && isFilterOrSearch && item.level === 0 && this.parent.autoCheckHierarchy) {
                 this.updateParentSelection(item);
             }
             if (item.uniqueID && item.checkboxState === 'check') {
@@ -957,9 +957,14 @@ var Selection = /** @class */ (function () {
                 if ((requestType === 'filtering' || requestType === 'searching' || requestType === 'refresh' ||
                     requestType === 'sorting' || requestType === 'paging' || requestType === 'expanding' ||
                     requestType === 'expand' || requestType === 'collapsing' || requestType === 'collapse') && !isRemoteData(this.parent)) {
-                    this.selectedItems = [];
-                    this.selectedUidMap = new Map();
-                    this.selectedIndexes = [];
+                    if (!(isCheckboxcolumn(this.parent) && (requestType === 'refresh' && this.parent['isVirtualExpandCollapse']))) {
+                        this.selectedItems = [];
+                        this.selectedUidMap = new Map();
+                        this.selectedIndexes = [];
+                    }
+                    if (requestType === 'filtering' || requestType === 'searching' || requestType === 'sorting') {
+                        this.headerSelection(false);
+                    }
                     this.refreshVisibleCheckboxes();
                     if (this.parent.autoCheckHierarchy) {
                         this.updateHeaderCheckboxState();

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

@@ -97,6 +97,7 @@ var VirtualScroll = /** @class */ (function () {
             count: this.parent.flatData.length
         };
         this.handleSelection();
+        this.parent['isVirtualExpandCollapse'] = true;
         var requestType = getValue('isCollapseAll', this.parent) ? 'collapseAll' : 'refresh';
         getValue('grid.renderModule', this.parent).dataManagerSuccess(actionDetails, { requestType: requestType });
     };

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

@@ -121,7 +121,7 @@ export interface TreeGridModel extends ComponentModel{
     dataSource?: Object | DataManager;
 
     /**
-     * Defines the external [Query](https://ej2.syncfusion.com/documentation/data/api-query.html)
+     * Defines the external [Query](https://ej2.syncfusion.com/documentation/api/data/query)
      * that will be executed along with data processing.
      *
      * @default null
@@ -299,7 +299,7 @@ export interface TreeGridModel extends ComponentModel{
     /**
      * The detail template allows you to show or hide additional information about a particular row.
      *
-     * > It accepts either the [template string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals)
+     * > It accepts either the [template string](../../common/template/)
      * or the HTML element ID.
      *
      * @aspType string
@@ -403,7 +403,7 @@ export interface TreeGridModel extends ComponentModel{
     /**
      * The row template that renders customized rows from the given template.
      * By default, TreeGrid renders a table row for every data source item.
-     * > * It accepts either [template string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals)
+     * > * It accepts either [template string](../../common/template/)
      * or HTML element ID.
      * > * The row template must be a table row.
      *
@@ -497,7 +497,7 @@ export interface TreeGridModel extends ComponentModel{
     /**
      * The empty record template that renders customized element or text or image instead of displaying the empty record message in the TreeGrid.
      *
-     * > It accepts either the [template string](../../common/template-engine/) or the HTML element ID.
+     * > It accepts either the [template string](../../common/template/) or the HTML element ID.
      *
      * @default null
      * @aspType string
@@ -804,7 +804,7 @@ export interface TreeGridModel extends ComponentModel{
      * Invoke the done method from the argument to start rendering after an edit operation.
      *
      * @event dataSourceChanged
-
+     * @deprecated
      */
     dataSourceChanged?: EmitType<DataSourceChangedEventArgs>;
 
@@ -813,7 +813,7 @@ export interface TreeGridModel extends ComponentModel{
      * The current view data and total record count should be assigned to the dataSource based on the action performed.
      *
      * @event dataStateChange
-
+     * @deprecated
      */
     dataStateChange?: EmitType<DataStateChangeEventArgs>;
 
@@ -865,7 +865,7 @@ export interface TreeGridModel extends ComponentModel{
      * Triggers before the selected row is deselected.
      *
      * @event rowDeselecting
-
+     * @deprecated
      */
     rowDeselecting?: EmitType<RowDeselectEventArgs>;
 
@@ -894,7 +894,7 @@ export interface TreeGridModel extends ComponentModel{
      * Triggers before the column menu opens.
      *
      * @event columnMenuOpen
-
+     * @deprecated
      */
     columnMenuOpen?: EmitType<ColumnMenuOpenEventArgs>;
 
@@ -916,7 +916,7 @@ export interface TreeGridModel extends ComponentModel{
      * Triggers before a selected cell is deselected.
      *
      * @event cellDeselecting
-
+     * @deprecated
      */
     cellDeselecting?: EmitType<CellDeselectEventArgs>;
 
@@ -924,7 +924,7 @@ export interface TreeGridModel extends ComponentModel{
      * Triggers when a selected cell is deselected.
      *
      * @event cellDeselected
-
+     * @deprecated
      */
     cellDeselected?: EmitType<CellDeselectEventArgs>;
 
@@ -932,7 +932,7 @@ export interface TreeGridModel extends ComponentModel{
      * Triggers when column resizing starts.
      *
      * @event resizeStart
-
+     * @deprecated
      */
     resizeStart?: EmitType<ResizeArgs>;
 

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

@@ -125,6 +125,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
     private freezeColumnRefresh;
     private componentRefresh;
     private isComponentRefresh;
+    private isVirtualExpandCollapse;
     private isExcel;
     /** @hidden */
     initialRender: boolean;
@@ -303,7 +304,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      */
     dataSource: Object | DataManager;
     /**
-     * Defines the external [Query](https://ej2.syncfusion.com/documentation/data/api-query.html)
+     * Defines the external [Query](https://ej2.syncfusion.com/documentation/api/data/query)
      * that will be executed along with data processing.
      *
      * @default null
@@ -458,7 +459,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
     /**
      * The detail template allows you to show or hide additional information about a particular row.
      *
-     * > It accepts either the [template string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals)
+     * > It accepts either the [template string](../../common/template/)
      * or the HTML element ID.
      *
      * @aspType string
@@ -554,7 +555,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
     /**
      * The row template that renders customized rows from the given template.
      * By default, TreeGrid renders a table row for every data source item.
-     * > * It accepts either [template string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals)
+     * > * It accepts either [template string](../../common/template/)
      * or HTML element ID.
      * > * The row template must be a table row.
      *
@@ -638,7 +639,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
     /**
      * The empty record template that renders customized element or text or image instead of displaying the empty record message in the TreeGrid.
      *
-     * > It accepts either the [template string](../../common/template-engine/) or the HTML element ID.
+     * > It accepts either the [template string](../../common/template/) or the HTML element ID.
      *
      * @default null
      * @aspType string
@@ -906,7 +907,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Invoke the done method from the argument to start rendering after an edit operation.
      *
      * @event dataSourceChanged
-
+     * @deprecated
      */
     dataSourceChanged: EmitType<DataSourceChangedEventArgs>;
     /**
@@ -914,7 +915,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * The current view data and total record count should be assigned to the dataSource based on the action performed.
      *
      * @event dataStateChange
-
+     * @deprecated
      */
     dataStateChange: EmitType<DataStateChangeEventArgs>;
     /**
@@ -959,7 +960,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Triggers before the selected row is deselected.
      *
      * @event rowDeselecting
-
+     * @deprecated
      */
     rowDeselecting: EmitType<RowDeselectEventArgs>;
     /**
@@ -984,7 +985,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Triggers before the column menu opens.
      *
      * @event columnMenuOpen
-
+     * @deprecated
      */
     columnMenuOpen: EmitType<ColumnMenuOpenEventArgs>;
     /**
@@ -1003,21 +1004,21 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Triggers before a selected cell is deselected.
      *
      * @event cellDeselecting
-
+     * @deprecated
      */
     cellDeselecting: EmitType<CellDeselectEventArgs>;
     /**
      * Triggers when a selected cell is deselected.
      *
      * @event cellDeselected
-
+     * @deprecated
      */
     cellDeselected: EmitType<CellDeselectEventArgs>;
     /**
      * Triggers when column resizing starts.
      *
      * @event resizeStart
-
+     * @deprecated
      */
     resizeStart: EmitType<ResizeArgs>;
     /**
@@ -2246,7 +2247,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @param  {number} columnIndex - Specifies the column index.
      * @returns {Element} - Returns movable cell element from the indexes passed
      *
-
+     * @deprecated This method is deprecated. Use getCellFromIndex method instead.
      */
     getMovableCellFromIndex(rowIndex: number, columnIndex: number): Element;
     /**
@@ -2254,7 +2255,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      *
      * @returns {Element[]} - Returns element collection of movable rows
      *
-
+     * @deprecated This method is deprecated. Use getDataRows method instead.
      */
     getMovableDataRows(): Element[];
     /**
@@ -2263,14 +2264,14 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @param  {number} index - Specifies the row index.
      * @returns {Element} - Returns movable row based on index passed
      *
-
+     * @deprecated This method is deprecated. Use getRowByIndex method instead.
      */
     getMovableRowByIndex(index: number): Element;
     /**
      * Gets the TreeGrid's movable content rows from frozen treegrid.
      *
      * @returns {Element[]}: Returns movable row element
-
+     * @deprecated This method is deprecated. Use getRows method instead.
      */
     getMovableRows(): Element[];
     /**
@@ -2279,7 +2280,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @param  {number} index - Specifies the row index.
      * @returns {Element} returns the element
      *
-
+     * @deprecated This method is deprecated. Use getRowByIndex method instead.
      */
     getFrozenRightRowByIndex(index: number): Element;
     /**
@@ -2287,7 +2288,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      *
      * @returns {Element[]} returns the element
      *
-
+     * @deprecated This method is deprecated. Use getRows method instead.
      */
     getFrozenRightRows(): Element[];
     /**
@@ -2295,7 +2296,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      *
      * @returns {Element[]} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getDataRows method instead.
      */
     getFrozenRightDataRows(): Element[];
     /**
@@ -2305,7 +2306,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @param  {number} columnIndex - Specifies the column index.
      * @returns {Element} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getCellFromIndex method instead.
      */
     getFrozenRightCellFromIndex(rowIndex: number, columnIndex: number): Element;
     /**
@@ -2314,7 +2315,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getColumnHeaderByIndex method instead.
      */
     getFrozenLeftColumnHeaderByIndex(index: number): Element;
     /**
@@ -2323,7 +2324,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getColumnHeaderByIndex method instead.
      */
     getFrozenRightColumnHeaderByIndex(index: number): Element;
     /**
@@ -2332,7 +2333,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getColumnHeaderByIndex method instead.
      */
     getMovableColumnHeaderByIndex(index: number): Element;
     /**

package/src/treegrid/base/treegrid.js

@@ -81,6 +81,7 @@ var TreeGrid = /** @class */ (function (_super) {
         _this.freezeColumnRefresh = true;
         _this.componentRefresh = Component.prototype.refresh;
         _this.isComponentRefresh = false;
+        _this.isVirtualExpandCollapse = false;
         _this.objectEqualityChecker = function (old, current) {
             if (old) {
                 var keys = Object.keys(old);
@@ -877,12 +878,18 @@ var TreeGrid = /** @class */ (function (_super) {
         this.renderComplete();
         var destroyTemplate = 'destroyTemplate';
         var destroyTemplateFn = this.grid["" + destroyTemplate];
+        var isGantt = this['isFromGantt'] && this.isReact;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.grid["" + destroyTemplate] = function (args, index, callback) {
             destroyTemplateFn.apply(_this.grid);
             var portals = 'portals';
             if (!(_this.isReact && isNullOrUndefined(_this["" + portals]))) {
-                _this.clearTemplate(args, index, callback);
+                if (isGantt) {
+                    _this['root'].clearTemplate(args, index, callback);
+                }
+                else {
+                    _this.clearTemplate(args, index, callback);
+                }
             }
             else if (!isNullOrUndefined(callback)) {
                 callback();
@@ -1570,6 +1577,7 @@ var TreeGrid = /** @class */ (function (_super) {
                 _this.notify(events.batchSave, args);
             }
             _this.notify('updateGridActions', args);
+            _this.isVirtualExpandCollapse = false;
             if (args.requestType === 'save' && _this.aggregates.map(function (ag) { return ag.showChildSummary === true; }).length) {
                 _this.grid.refresh();
             }
@@ -2588,6 +2596,7 @@ var TreeGrid = /** @class */ (function (_super) {
             var table = this.getContentTable();
             var sHeight = table.scrollHeight;
             var clientHeight = this.getContent().clientHeight;
+            removeClass(table.querySelectorAll('td.e-lastrowcell'), 'e-lastrowcell');
             this.lastRowBorder(this.getRows()[currentRecords.indexOf(record)], sHeight <= clientHeight);
         }
     };
@@ -4383,7 +4392,7 @@ var TreeGrid = /** @class */ (function (_super) {
      * @param  {number} columnIndex - Specifies the column index.
      * @returns {Element} - Returns movable cell element from the indexes passed
      *
-
+     * @deprecated This method is deprecated. Use getCellFromIndex method instead.
      */
     TreeGrid.prototype.getMovableCellFromIndex = function (rowIndex, columnIndex) {
         return this.grid.getCellFromIndex(rowIndex, columnIndex);
@@ -4393,7 +4402,7 @@ var TreeGrid = /** @class */ (function (_super) {
      *
      * @returns {Element[]} - Returns element collection of movable rows
      *
-
+     * @deprecated This method is deprecated. Use getDataRows method instead.
      */
     TreeGrid.prototype.getMovableDataRows = function () {
         return this.grid.getDataRows();
@@ -4404,7 +4413,7 @@ var TreeGrid = /** @class */ (function (_super) {
      * @param  {number} index - Specifies the row index.
      * @returns {Element} - Returns movable row based on index passed
      *
-
+     * @deprecated This method is deprecated. Use getRowByIndex method instead.
      */
     TreeGrid.prototype.getMovableRowByIndex = function (index) {
         return this.grid.getRowByIndex(index);
@@ -4413,7 +4422,7 @@ var TreeGrid = /** @class */ (function (_super) {
      * Gets the TreeGrid's movable content rows from frozen treegrid.
      *
      * @returns {Element[]}: Returns movable row element
-
+     * @deprecated This method is deprecated. Use getRows method instead.
      */
     TreeGrid.prototype.getMovableRows = function () {
         return this.grid.getRows();
@@ -4424,7 +4433,7 @@ var TreeGrid = /** @class */ (function (_super) {
      * @param  {number} index - Specifies the row index.
      * @returns {Element} returns the element
      *
-
+     * @deprecated This method is deprecated. Use getRowByIndex method instead.
      */
     TreeGrid.prototype.getFrozenRightRowByIndex = function (index) {
         return this.grid.getRowByIndex(index);
@@ -4434,7 +4443,7 @@ var TreeGrid = /** @class */ (function (_super) {
      *
      * @returns {Element[]} returns the element
      *
-
+     * @deprecated This method is deprecated. Use getRows method instead.
      */
     TreeGrid.prototype.getFrozenRightRows = function () {
         return this.grid.getRows();
@@ -4444,7 +4453,7 @@ var TreeGrid = /** @class */ (function (_super) {
      *
      * @returns {Element[]} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getDataRows method instead.
      */
     TreeGrid.prototype.getFrozenRightDataRows = function () {
         return this.grid.getDataRows();
@@ -4456,7 +4465,7 @@ var TreeGrid = /** @class */ (function (_super) {
      * @param  {number} columnIndex - Specifies the column index.
      * @returns {Element} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getCellFromIndex method instead.
      */
     TreeGrid.prototype.getFrozenRightCellFromIndex = function (rowIndex, columnIndex) {
         return this.grid.getCellFromIndex(rowIndex, columnIndex);
@@ -4467,7 +4476,7 @@ var TreeGrid = /** @class */ (function (_super) {
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getColumnHeaderByIndex method instead.
      */
     TreeGrid.prototype.getFrozenLeftColumnHeaderByIndex = function (index) {
         return this.grid.getColumnHeaderByIndex(index);
@@ -4478,7 +4487,7 @@ var TreeGrid = /** @class */ (function (_super) {
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getColumnHeaderByIndex method instead.
      */
     TreeGrid.prototype.getFrozenRightColumnHeaderByIndex = function (index) {
         return this.grid.getColumnHeaderByIndex(index);
@@ -4489,7 +4498,7 @@ var TreeGrid = /** @class */ (function (_super) {
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getColumnHeaderByIndex method instead.
      */
     TreeGrid.prototype.getMovableColumnHeaderByIndex = function (index) {
         return this.grid.getColumnHeaderByIndex(index);