@syncfusion/ej2-treegrid 19.4.48 → 19.4.54

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.48
+*  version : 19.4.54
 *  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@19.4.47",
+  "_id": "@syncfusion/ej2-treegrid@19.4.52",
   "_inBundle": false,
-  "_integrity": "sha512-NYd8SKzN2/DomW0bAokurt48AiowfuQs3axS71x4rSgOBj+Gy+Ermmw5wa7in5HvIWPnpB8nGk61RacvnWTO8A==",
+  "_integrity": "sha512-B6Doo437VJTVspTB15gVZ40BpaqThNJQJ6/Gl/Ei7zTnJY6Tg/NEyW8hajktphWX264WotqDWdruY1UfNY6pkA==",
   "_location": "/@syncfusion/ej2-treegrid",
   "_phantomChildren": {},
   "_requested": {
@@ -24,8 +24,8 @@
     "/@syncfusion/ej2-react-treegrid",
     "/@syncfusion/ej2-vue-treegrid"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-19.4.47.tgz",
-  "_shasum": "817b480038e0c8b944692130dda7f7cddc0efee7",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-19.4.52.tgz",
+  "_shasum": "88f378640e61e1f0fb7be34f3f84685a3b015430",
   "_spec": "@syncfusion/ej2-treegrid@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -36,10 +36,10 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.48",
-    "@syncfusion/ej2-data": "~19.4.48",
-    "@syncfusion/ej2-grids": "~19.4.48",
-    "@syncfusion/ej2-popups": "~19.4.48"
+    "@syncfusion/ej2-base": "~19.4.52",
+    "@syncfusion/ej2-data": "~19.4.54",
+    "@syncfusion/ej2-grids": "~19.4.54",
+    "@syncfusion/ej2-popups": "~19.4.53"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeGrid Component",
@@ -60,6 +60,6 @@
     "url": "git+https://github.com/syncfusion/ej2-treegrid.git"
   },
   "typings": "index.d.ts",
-  "version": "19.4.48",
+  "version": "19.4.54",
   "sideEffects": false
 }

package/src/treegrid/actions/crud-actions.js

@@ -381,6 +381,11 @@ export function updateParentRow(key, record, action, control, isSelfReference, c
                 column: control.grid.getColumns()[control.treeColumnIndex],
                 requestType: action
             });
+            if (control.enableImmutableMode && control['action'] === 'indenting' || control['action'] === 'outdenting') {
+                control.renderModule.RowModifier({
+                    data: record, row: row
+                });
+            }
         }
     }
 }

package/src/treegrid/actions/infinite-scroll.d.ts

@@ -45,6 +45,7 @@ export declare class InfiniteScroll {
      * @returns {void}
      */
     private contentready;
+    private collapseExpandInfinitechilds;
     /**
      * Handles the page query for Data operations and CRUD actions.
      *

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

@@ -3,7 +3,7 @@ import { RowRenderer, resetRowIndex } from '@syncfusion/ej2-grids';
 import { getValue, isNullOrUndefined, remove } from '@syncfusion/ej2-base';
 import * as events from '../base/constant';
 import { DataManager, Predicate, Query } from '@syncfusion/ej2-data';
-import { findChildrenRecords } from '../utils';
+import { findChildrenRecords, getExpandStatus } from '../utils';
 /**
  * TreeGrid Infinite Scroll module will handle Infinite Scrolling.
  *
@@ -40,6 +40,7 @@ var InfiniteScroll = /** @class */ (function () {
         this.parent.grid.on('infinite-edit-handler', this.infiniteEditHandler, this);
         this.parent.grid.on('infinite-crud-cancel', this.createRows, this);
         this.parent.grid.on('content-ready', this.contentready, this);
+        this.parent.on(events.localPagedExpandCollapse, this.collapseExpandInfinitechilds, this);
     };
     /**
      * @hidden
@@ -55,6 +56,7 @@ var InfiniteScroll = /** @class */ (function () {
         this.parent.off(events.pagingActions, this.infinitePageAction);
         this.parent.grid.off('infinite-crud-cancel', this.createRows);
         this.parent.grid.off('content-ready', this.contentready);
+        this.parent.off(events.localPagedExpandCollapse, this.collapseExpandInfinitechilds);
     };
     /**
      * Handles the Expand Collapse action for Remote data with infinite scrolling.
@@ -104,6 +106,18 @@ var InfiniteScroll = /** @class */ (function () {
             }
         }
     };
+    InfiniteScroll.prototype.collapseExpandInfinitechilds = function (row) {
+        row.record.expanded = row.action === 'collapse' ? false : true;
+        var ret = {
+            result: this.parent.flatData,
+            row: row.row,
+            action: row.action,
+            record: row.record,
+            count: this.parent.flatData.length
+        };
+        var requestType = getValue('isCollapseAll', this.parent) ? 'collapseAll' : 'refresh';
+        getValue('grid.renderModule', this.parent).dataManagerSuccess(ret, { requestType: requestType });
+    };
     /**
      * Handles the page query for Data operations and CRUD actions.
      *
@@ -114,9 +128,13 @@ var InfiniteScroll = /** @class */ (function () {
      * @returns {void}
      */
     InfiniteScroll.prototype.infinitePageAction = function (pageingDetails) {
+        var _this = this;
         var dm = new DataManager(pageingDetails.result);
         var expanded = new Predicate('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
-        var visualData = dm.executeLocal(new Query().where(expanded));
+        var infiniteParents = dm.executeLocal(new Query().where(expanded));
+        var visualData = infiniteParents.filter(function (e) {
+            return getExpandStatus(_this.parent, e, infiniteParents);
+        });
         var actionArgs = getValue('actionArgs', pageingDetails.actionArgs);
         var actions = getValue('actions', this.parent.grid.infiniteScrollModule);
         var initial = actions.some(function (value) { return value === actionArgs.requestType; });
@@ -150,6 +168,10 @@ var InfiniteScroll = /** @class */ (function () {
                     query = query.take(this.parent.infiniteScrollSettings.initialBlocks * this.parent.pageSettings.pageSize);
                 }
                 else {
+                    if ((pageingDetails.actionArgs['action'] === 'expand' || pageingDetails.actionArgs['action'] === 'collapse') && this.parent.grid.pageSettings.currentPage !== 1) {
+                        current = 1;
+                        size = this.parent.pageSettings.pageSize * this.parent.grid.pageSettings.currentPage;
+                    }
                     query = query.page(current, size);
                 }
             }

package/src/treegrid/actions/rowdragdrop.js

@@ -60,6 +60,7 @@ var RowDD = /** @class */ (function () {
      */
     RowDD.prototype.reorderRows = function (fromIndexes, toIndex, position) {
         var tObj = this.parent;
+        var action = 'action';
         if (fromIndexes[0] !== toIndex && ['above', 'below', 'child'].indexOf(position) !== -1) {
             if (position === 'above') {
                 this.dropPosition = 'topSegment';
@@ -86,6 +87,11 @@ var RowDD = /** @class */ (function () {
             if (tObj.isLocalData) {
                 tObj.flatData = this.orderToIndex(tObj.flatData);
             }
+            if (this.parent[action] === 'outdenting') {
+                if (!isNullOrUndefined(data[0].parentItem)) {
+                    data[0].level = data[0].parentItem.level + 1;
+                }
+            }
             this.parent.grid.refresh();
             if (this.parent.enableImmutableMode && this.dropPosition === 'middleSegment') {
                 var index = this.parent.treeColumnIndex + 1;
@@ -106,6 +112,11 @@ var RowDD = /** @class */ (function () {
                         column: this.parent.grid.getColumns()[this.parent.treeColumnIndex],
                         requestType: 'rowDragAndDrop'
                     });
+                    if (this.parent[action] === 'indenting' || this.parent[action] === 'outdenting') {
+                        this.parent.renderModule.RowModifier({
+                            data: totalRecord[i], row: rows[i]
+                        });
+                    }
                 }
             }
         }

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

@@ -26,6 +26,7 @@ export declare class Toolbar {
     removeEventListener(): void;
     private refreshToolbar;
     private toolbarClickHandler;
+    private eventTrigger;
     /**
      * Gets the toolbar of the TreeGrid.
      *

package/src/treegrid/actions/toolbar.js

@@ -27,6 +27,7 @@ var Toolbar = /** @class */ (function () {
      */
     Toolbar.prototype.addEventListener = function () {
         this.parent.on(events.rowSelected, this.refreshToolbar, this);
+        this.parent.on(events.rowDeselected, this.refreshToolbar, this);
         this.parent.on(events.toolbarClick, this.toolbarClickHandler, this);
     };
     /**
@@ -38,6 +39,7 @@ var Toolbar = /** @class */ (function () {
             return;
         }
         this.parent.off(events.rowSelected, this.refreshToolbar);
+        this.parent.off(events.rowDeselected, this.refreshToolbar);
         this.parent.off(events.toolbarClick, this.toolbarClickHandler);
     };
     Toolbar.prototype.refreshToolbar = function (args) {
@@ -45,7 +47,7 @@ var Toolbar = /** @class */ (function () {
         if (args.row.rowIndex === 0 || tObj.getSelectedRecords().length > 1) {
             this.enableItems([tObj.element.id + '_gridcontrol_indent', tObj.element.id + '_gridcontrol_outdent'], false);
         }
-        else {
+        else if (args['name'] !== "rowDeselected") {
             if (!isNullOrUndefined(tObj.getCurrentViewRecords()[args.row.rowIndex])) {
                 if (!isNullOrUndefined(tObj.getCurrentViewRecords()[args.row.rowIndex]) &&
                     (tObj.getCurrentViewRecords()[args.row.rowIndex].level >
@@ -67,12 +69,21 @@ var Toolbar = /** @class */ (function () {
                 }
             }
         }
+        if (args['name'] === "rowDeselected") {
+            if (this.parent.toolbar['includes']('Indent')) {
+                this.enableItems([tObj.element.id + '_gridcontrol_indent'], false);
+            }
+            if (this.parent.toolbar['includes']('Outdent')) {
+                this.enableItems([tObj.element.id + '_gridcontrol_outdent'], false);
+            }
+        }
         if (args.row.rowIndex === 0 && !isNullOrUndefined(args.data.parentItem)) {
             this.enableItems([tObj.element.id + '_gridcontrol_outdent'], true);
         }
     };
     Toolbar.prototype.toolbarClickHandler = function (args) {
         var tObj = this.parent;
+        var action = 'action';
         if (this.parent.editSettings.mode === 'Cell' && this.parent.grid.editSettings.mode === 'Batch' &&
             args.item.id === this.parent.grid.element.id + '_update') {
             args.cancel = true;
@@ -97,10 +108,10 @@ var Toolbar = /** @class */ (function () {
             else {
                 dropIndex = tObj.getSelectedRowIndexes()[0] - 1;
             }
-            tObj.reorderRows([tObj.getSelectedRowIndexes()[0]], dropIndex, 'child');
+            this.parent[action] = 'indenting';
+            this.eventTrigger('indenting', dropIndex);
         }
         if (args.item.id === tObj.grid.element.id + '_outdent' && tObj.getSelectedRecords().length) {
-            var index = tObj.getSelectedRowIndexes()[0];
             var dropIndex = void 0;
             var parentItem = tObj.getSelectedRecords()[0].parentItem;
             for (var i = 0; i < tObj.getCurrentViewRecords().length; i++) {
@@ -108,9 +119,33 @@ var Toolbar = /** @class */ (function () {
                     dropIndex = i;
                 }
             }
-            tObj.reorderRows([index], dropIndex, 'below');
+            this.parent[action] = 'outdenting';
+            this.eventTrigger('outdenting', dropIndex);
         }
     };
+    Toolbar.prototype.eventTrigger = function (action, dropIndex) {
+        var _this = this;
+        var selectedRecords = 'selectedRecords';
+        var selectedRows = 'selectedRows';
+        this.parent[selectedRows] = this.parent.getSelectedRows();
+        this.parent[selectedRecords] = this.parent.getSelectedRecords();
+        var actionArgs = {
+            requestType: action,
+            data: this.parent.getSelectedRecords(),
+            row: this.parent.getSelectedRows(),
+            cancel: false
+        };
+        this.parent.trigger(events.actionBegin, actionArgs, function (actionArgs) {
+            if (!actionArgs.cancel) {
+                if (actionArgs.requestType === 'indenting') {
+                    _this.parent.reorderRows([_this.parent.getSelectedRowIndexes()[0]], dropIndex, 'child');
+                }
+                else if (actionArgs.requestType === 'outdenting') {
+                    _this.parent.reorderRows([_this.parent.getSelectedRowIndexes()[0]], dropIndex, 'below');
+                }
+            }
+        });
+    };
     /**
      * Gets the toolbar of the TreeGrid.
      *

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

@@ -1,4 +1,4 @@
-import { Component, addClass, createElement, EventHandler, isNullOrUndefined, Ajax, ModuleDeclaration, extend} from '@syncfusion/ej2-base';import { removeClass, EmitType, Complex, Collection, KeyboardEventArgs, getValue } from '@syncfusion/ej2-base';import {Event, Property, NotifyPropertyChanges, INotifyPropertyChanged, setValue, KeyboardEvents, L10n } from '@syncfusion/ej2-base';import { Column, ColumnModel } from '../models/column';import { BeforeBatchSaveArgs, BeforeBatchAddArgs, BatchDeleteArgs, BeforeBatchDeleteArgs, Row, CellRenderer, Cell } from '@syncfusion/ej2-grids';import { GridModel, ColumnQueryModeType, HeaderCellInfoEventArgs, EditSettingsModel as GridEditModel } from '@syncfusion/ej2-grids';import {RowDragEventArgs, RowDropEventArgs, RowDropSettingsModel, RowDropSettings, getUid } from '@syncfusion/ej2-grids';import { ActionEventArgs } from'@syncfusion/ej2-grids';import { DetailDataBoundEventArgs, ClipMode, ColumnChooser}  from '@syncfusion/ej2-grids';import { SearchEventArgs, AddEventArgs, EditEventArgs, DeleteEventArgs}  from '@syncfusion/ej2-grids';import { SaveEventArgs, CellSaveArgs, BatchAddArgs, BatchCancelArgs,  BeginEditArgs, CellEditArgs}  from '@syncfusion/ej2-grids';import { FilterSettings } from '../models/filter-settings';import { TextWrapSettings } from '../models/textwrap-settings';import { TextWrapSettingsModel } from '../models/textwrap-settings-model';import {Filter} from '../actions/filter';import { Logger as TreeLogger } from '../actions/logger';import { BeforeCopyEventArgs, BeforePasteEventArgs } from '@syncfusion/ej2-grids';import { TreeClipboard } from '../actions/clipboard';import {Aggregate} from '../actions/summary';import { Reorder } from '../actions/reorder';import { Resize } from '../actions/resize';import { Selection as TreeGridSelection } from '../actions/selection';import { ColumnMenu } from '../actions/column-menu';import { DetailRow } from '../actions/detail-row';import { Freeze } from '../actions/freeze-column';import { Print } from '../actions/print';import * as events from '../base/constant';import { FilterSettingsModel } from '../models/filter-settings-model';import { SearchSettings} from '../models/search-settings';import { SearchSettingsModel } from '../models/search-settings-model';import {RowInfo, RowDataBoundEventArgs, PageEventArgs, FilterEventArgs, FailureEventArgs, SortEventArgs } from '@syncfusion/ej2-grids';import { RowSelectingEventArgs, RowSelectEventArgs, RowDeselectEventArgs, IIndex, ISelectedCell } from '@syncfusion/ej2-grids';import {ColumnModel as GridColumnModel, Column as GridColumn, CellSelectEventArgs, CellDeselectEventArgs } from '@syncfusion/ej2-grids';import { SelectionSettings } from '../models/selection-settings';import { SelectionSettingsModel } from '../models/selection-settings-model';import {getActualProperties, SortDirection, getObject, ColumnDragEventArgs } from '@syncfusion/ej2-grids';import { PrintMode, Data, IGrid, ContextMenuItemModel } from '@syncfusion/ej2-grids';import { ColumnMenuItem, ColumnMenuItemModel, CheckBoxChangeEventArgs } from '@syncfusion/ej2-grids';import { ExcelExportCompleteArgs, ExcelHeaderQueryCellInfoEventArgs, ExcelQueryCellInfoEventArgs } from '@syncfusion/ej2-grids';import { PdfExportCompleteArgs, PdfHeaderQueryCellInfoEventArgs, PdfQueryCellInfoEventArgs } from '@syncfusion/ej2-grids';import { ExcelExportProperties, PdfExportProperties, CellSelectingEventArgs, PrintEventArgs } from '@syncfusion/ej2-grids';import { ColumnMenuOpenEventArgs } from '@syncfusion/ej2-grids';import {BeforeDataBoundArgs} from '@syncfusion/ej2-grids';import { DataManager, ReturnOption, RemoteSaveAdaptor, Query, JsonAdaptor, Deferred } from '@syncfusion/ej2-data';import { createSpinner, hideSpinner, showSpinner, Dialog } from '@syncfusion/ej2-popups';import { isRemoteData, isOffline, extendArray, isCountRequired, findChildrenRecords } from '../utils';import { Grid, QueryCellInfoEventArgs, Logger } from '@syncfusion/ej2-grids';import { Render } from '../renderer/render';import { VirtualTreeContentRenderer } from '../renderer/virtual-tree-content-render';import { DataManipulation } from './data';import { RowDD } from '../actions/rowdragdrop';import { Sort } from '../actions/sort';import { ITreeData, RowExpandedEventArgs, RowCollapsedEventArgs, RowCollapsingEventArgs, TreeGridExcelExportProperties } from './interface';import { CellSaveEventArgs, DataStateChangeEventArgs, RowExpandingEventArgs, TreeGridPdfExportProperties } from './interface';import { iterateArrayOrObject, GridLine } from '@syncfusion/ej2-grids';import { DataSourceChangedEventArgs, RecordDoubleClickEventArgs, ResizeArgs } from '@syncfusion/ej2-grids';import { ToolbarItems, ToolbarItem, ContextMenuItem, ContextMenuItems, RowPosition, CopyHierarchyType } from '../enum';import { ItemModel, ClickEventArgs, BeforeOpenCloseMenuEventArgs, MenuEventArgs } from '@syncfusion/ej2-navigations';import { PageSettings } from '../models/page-settings';import { PageSettingsModel } from '../models/page-settings-model';import { AggregateRow } from '../models/summary';import { AggregateRowModel } from '../models/summary-model';import { ExcelExport } from '../actions/excel-export';import { PdfExport } from '../actions/pdf-export';import { Toolbar } from '../actions/toolbar';import { Page } from '../actions/page';import { ContextMenu } from '../actions/context-menu';import { EditSettings } from '../models/edit-settings';import { EditSettingsModel } from '../models/edit-settings-model';import { Edit} from '../actions/edit';import { SortSettings } from '../models/sort-settings';import { SortSettingsModel } from '../models/sort-settings-model';import { isHidden, getExpandStatus } from '../utils';import { editAction } from '../actions/crud-actions';import { InfiniteScrollSettings } from '../models/infinite-scroll-settings';import { InfiniteScrollSettingsModel } from '../models/infinite-scroll-settings-model';
+import { Component, addClass, createElement, EventHandler, isNullOrUndefined, Ajax, ModuleDeclaration, extend} from '@syncfusion/ej2-base';import { removeClass, EmitType, Complex, Collection, KeyboardEventArgs, getValue } from '@syncfusion/ej2-base';import {Event, Property, NotifyPropertyChanges, INotifyPropertyChanged, setValue, KeyboardEvents, L10n } from '@syncfusion/ej2-base';import { Column, ColumnModel } from '../models/column';import { BeforeBatchSaveArgs, BeforeBatchAddArgs, BatchDeleteArgs, BeforeBatchDeleteArgs, Row, CellRenderer, Cell } from '@syncfusion/ej2-grids';import { GridModel, ColumnQueryModeType, HeaderCellInfoEventArgs, EditSettingsModel as GridEditModel } from '@syncfusion/ej2-grids';import {RowDragEventArgs, RowDropEventArgs, RowDropSettingsModel, RowDropSettings, getUid } from '@syncfusion/ej2-grids';import { ActionEventArgs } from'@syncfusion/ej2-grids';import { DetailDataBoundEventArgs, ClipMode, ColumnChooser}  from '@syncfusion/ej2-grids';import { SearchEventArgs, AddEventArgs, EditEventArgs, DeleteEventArgs}  from '@syncfusion/ej2-grids';import { SaveEventArgs, CellSaveArgs, BatchAddArgs, BatchCancelArgs,  BeginEditArgs, CellEditArgs}  from '@syncfusion/ej2-grids';import { FilterSettings } from '../models/filter-settings';import { TextWrapSettings } from '../models/textwrap-settings';import { TextWrapSettingsModel } from '../models/textwrap-settings-model';import {Filter} from '../actions/filter';import { Logger as TreeLogger } from '../actions/logger';import { BeforeCopyEventArgs, BeforePasteEventArgs } from '@syncfusion/ej2-grids';import { TreeClipboard } from '../actions/clipboard';import {Aggregate} from '../actions/summary';import { Reorder } from '../actions/reorder';import { Resize } from '../actions/resize';import { Selection as TreeGridSelection } from '../actions/selection';import { ColumnMenu } from '../actions/column-menu';import { DetailRow } from '../actions/detail-row';import { Freeze } from '../actions/freeze-column';import { Print } from '../actions/print';import * as events from '../base/constant';import { FilterSettingsModel } from '../models/filter-settings-model';import { SearchSettings} from '../models/search-settings';import { SearchSettingsModel } from '../models/search-settings-model';import {RowInfo, RowDataBoundEventArgs, PageEventArgs, FilterEventArgs, FailureEventArgs, SortEventArgs } from '@syncfusion/ej2-grids';import { RowSelectingEventArgs, RowSelectEventArgs, RowDeselectEventArgs, IIndex, ISelectedCell } from '@syncfusion/ej2-grids';import {ColumnModel as GridColumnModel, Column as GridColumn, CellSelectEventArgs, CellDeselectEventArgs } from '@syncfusion/ej2-grids';import { SelectionSettings } from '../models/selection-settings';import { SelectionSettingsModel } from '../models/selection-settings-model';import {getActualProperties, SortDirection, getObject, ColumnDragEventArgs } from '@syncfusion/ej2-grids';import { PrintMode, Data, IGrid, ContextMenuItemModel } from '@syncfusion/ej2-grids';import { ColumnMenuItem, ColumnMenuItemModel, CheckBoxChangeEventArgs } from '@syncfusion/ej2-grids';import { ExcelExportCompleteArgs, ExcelHeaderQueryCellInfoEventArgs, ExcelQueryCellInfoEventArgs } from '@syncfusion/ej2-grids';import { PdfExportCompleteArgs, PdfHeaderQueryCellInfoEventArgs, PdfQueryCellInfoEventArgs } from '@syncfusion/ej2-grids';import { ExcelExportProperties, PdfExportProperties, CellSelectingEventArgs, PrintEventArgs } from '@syncfusion/ej2-grids';import { ColumnMenuOpenEventArgs } from '@syncfusion/ej2-grids';import {BeforeDataBoundArgs} from '@syncfusion/ej2-grids';import { DataManager, ReturnOption, RemoteSaveAdaptor, Query, JsonAdaptor, Deferred } from '@syncfusion/ej2-data';import { createSpinner, hideSpinner, showSpinner, Dialog } from '@syncfusion/ej2-popups';import { isRemoteData, isOffline, extendArray, isCountRequired, findChildrenRecords } from '../utils';import { Grid, QueryCellInfoEventArgs, Logger } from '@syncfusion/ej2-grids';import { Render } from '../renderer/render';import { VirtualTreeContentRenderer } from '../renderer/virtual-tree-content-render';import { DataManipulation } from './data';import { RowDD } from '../actions/rowdragdrop';import { Sort } from '../actions/sort';import { ITreeData, RowExpandedEventArgs, RowCollapsedEventArgs, RowCollapsingEventArgs, TreeGridExcelExportProperties } from './interface';import { CellSaveEventArgs, DataStateChangeEventArgs, RowExpandingEventArgs, TreeGridPdfExportProperties } from './interface';import { iterateArrayOrObject, GridLine } from '@syncfusion/ej2-grids';import { DataSourceChangedEventArgs, RecordDoubleClickEventArgs, ResizeArgs } from '@syncfusion/ej2-grids';import { ToolbarItems, ToolbarItem, ContextMenuItem, ContextMenuItems, RowPosition, CopyHierarchyType } from '../enum';import { ItemModel, ClickEventArgs, BeforeOpenCloseMenuEventArgs, MenuEventArgs } from '@syncfusion/ej2-navigations';import { PageSettings } from '../models/page-settings';import { PageSettingsModel } from '../models/page-settings-model';import { AggregateRow } from '../models/summary';import { AggregateRowModel } from '../models/summary-model';import { ExcelExport } from '../actions/excel-export';import { PdfExport } from '../actions/pdf-export';import { Toolbar } from '../actions/toolbar';import { Page } from '../actions/page';import { ContextMenu } from '../actions/context-menu';import { EditSettings } from '../models/edit-settings';import { EditSettingsModel } from '../models/edit-settings-model';import { Edit} from '../actions/edit';import { SortSettings } from '../models/sort-settings';import { SortSettingsModel } from '../models/sort-settings-model';import { isHidden, getExpandStatus } from '../utils';import { editAction } from '../actions/crud-actions';import { InfiniteScrollSettings } from '../models/infinite-scroll-settings';import { InfiniteScrollSettingsModel } from '../models/infinite-scroll-settings-model';import { TreeActionEventArgs } from '..';
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**

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

@@ -86,6 +86,9 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * The `sortModule` is used to manipulate sorting in TreeGrid.
      */
     sortModule: Sort;
+    private action;
+    private selectedRecords;
+    private selectedRows;
     private loggerModule;
     private isSelfReference;
     private columnModel;

package/src/treegrid/base/treegrid.js

@@ -743,6 +743,9 @@ var TreeGrid = /** @class */ (function (_super) {
         };
         this.grid.rowDeselected = function (args) {
             _this.selectedRowIndex = _this.grid.selectedRowIndex;
+            if (!isNullOrUndefined(args.data)) {
+                _this.notify(events.rowDeselected, args);
+            }
             _this.trigger(events.rowDeselected, args);
         };
         this.grid.resizeStop = function (args) {
@@ -1061,14 +1064,16 @@ var TreeGrid = /** @class */ (function (_super) {
                     _this.grid.query = _this.grid.query instanceof Query ? _this.grid.query : new Query();
                 }
             }
-            var callBackPromise = new Deferred();
-            _this.trigger(events.actionBegin, args, function (actionArgs) {
-                if (!actionArgs.cancel) {
-                    _this.notify(events.beginEdit, actionArgs);
-                }
-                callBackPromise.resolve(actionArgs);
-            });
-            return callBackPromise;
+            if (_this.action !== 'indenting' && _this.action !== 'outdenting') {
+                var callBackPromise_2 = new Deferred();
+                _this.trigger(events.actionBegin, args, function (actionArgs) {
+                    if (!actionArgs.cancel) {
+                        _this.notify(events.beginEdit, actionArgs);
+                    }
+                    callBackPromise_2.resolve(actionArgs);
+                });
+                return callBackPromise_2;
+            }
         };
         this.grid.actionComplete = function (args) {
             _this.notify('actioncomplete', args);
@@ -1088,7 +1093,20 @@ var TreeGrid = /** @class */ (function (_super) {
             if (args.requestType === 'save' && _this.aggregates.map(function (ag) { return ag.showChildSummary === true; }).length) {
                 _this.grid.refresh();
             }
-            _this.trigger(events.actionComplete, args);
+            if (_this.action === 'indenting' || _this.action === 'outdenting') {
+                _this.action = _this.action === 'indenting' ? 'indented' : 'outdented';
+                var actionArgs = {
+                    requestType: _this.action,
+                    data: _this.selectedRecords,
+                    row: _this.selectedRows
+                };
+                _this.trigger(events.actionComplete, actionArgs);
+                _this.action = '';
+                _this.selectedRecords = _this.selectedRows = [];
+            }
+            else {
+                _this.trigger(events.actionComplete, args);
+            }
         };
     };
     TreeGrid.prototype.extendedGridEvents = function () {
@@ -1288,7 +1306,7 @@ var TreeGrid = /** @class */ (function (_super) {
                     case ToolbarItem.RowIndent:
                         tooltipText = this.l10n.getConstant('RowIndent');
                         items.push({
-                            text: tooltipText, tooltipText: tooltipText,
+                            text: tooltipText, tooltipText: tooltipText, disabled: true,
                             prefixIcon: 'e-indent', id: this.element.id + '_gridcontrol_indent'
                         });
                         break;
@@ -1296,7 +1314,7 @@ var TreeGrid = /** @class */ (function (_super) {
                     case ToolbarItem.RowOutdent:
                         tooltipText = this.l10n.getConstant('RowOutdent');
                         items.push({
-                            text: tooltipText, tooltipText: tooltipText,
+                            text: tooltipText, tooltipText: tooltipText, disabled: true,
                             prefixIcon: 'e-outdent', id: this.element.id + '_gridcontrol_outdent'
                         });
                         break;
@@ -1898,6 +1916,10 @@ var TreeGrid = /** @class */ (function (_super) {
         rowData.parentUniqueID = record.parentUniqueID;
         rowData.expanded = record.expanded;
         this.grid.setRowData(key, rowData);
+        var table = this.getContentTable();
+        var sHeight = table.scrollHeight;
+        var clientHeight = this.getContent().clientHeight;
+        this.lastRowBorder(this.getRows()[record.index], sHeight <= clientHeight);
     };
     /**
      * Navigates to the specified target page.
@@ -2664,7 +2686,7 @@ var TreeGrid = /** @class */ (function (_super) {
         }
         this.isExpandAll = true;
         this.isCollapseAll = true;
-        if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization) && !isRemoteData(this)) {
+        if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization || this.enableInfiniteScrolling) && !isRemoteData(this)) {
             this.flatData.filter(function (e) {
                 if (e.hasChildRecords) {
                     e.expanded = action === 'collapse' ? false : true;
@@ -2723,7 +2745,7 @@ var TreeGrid = /** @class */ (function (_super) {
         if (!isNullOrUndefined(row)) {
             row.setAttribute('aria-expanded', action === 'expand' ? 'true' : 'false');
         }
-        if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization) && !isRemoteData(this)
+        if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization || this.enableInfiniteScrolling) && !isRemoteData(this)
             && !isCountRequired(this)) {
             this.notify(events.localPagedExpandCollapse, { action: action, row: row, record: record });
         }
@@ -2786,7 +2808,7 @@ var TreeGrid = /** @class */ (function (_super) {
                 var totalRows = this.getRows();
                 var rows = this.getContentTable().rows;
                 totalRows = [].slice.call(rows);
-                for (var i = totalRows.length - 1; i > 0; i--) {
+                for (var i = totalRows.length - 1; i >= 0; i--) {
                     if (!isHidden(totalRows[i])) {
                         var table = this.getContentTable();
                         var sHeight = table.scrollHeight;

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

@@ -1,4 +1,4 @@
-import { Property, ChildProperty } from '@syncfusion/ej2-base';
+import { Property, ChildProperty } from '@syncfusion/ej2-base';import { ITreeData } from '..';
 
 /**
  * Interface for a class RowDropSettings

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

@@ -1,4 +1,5 @@
 import { ChildProperty } from '@syncfusion/ej2-base';
+import { ITreeData } from '..';
 /**
  * Configures the row drop settings of the TreeGrid.
  */
@@ -10,3 +11,9 @@ export declare class RowDropSettings extends ChildProperty<RowDropSettings> {
      */
     targetID: string;
 }
+export interface TreeActionEventArgs {
+    requestType?: string;
+    data?: ITreeData[];
+    row?: Object[];
+    cancel?: boolean;
+}