@syncfusion/ej2-treegrid 26.1.35-469198 → 26.1.35-760834

package/src/treegrid/base/treegrid.js

@@ -449,8 +449,10 @@ var TreeGrid = /** @class */ (function (_super) {
                                 if (summaryElement !== null) {
                                     var cellIndex_1 = target.cellIndex;
                                     var row_1 = summaryElement.children[parseInt(cellIndex_1.toString(), 10)];
-                                    addClass([row_1], 'e-focused');
-                                    addClass([row_1], 'e-focus');
+                                    if (!isNullOrUndefined(row_1) && !this.grid.isEdit) {
+                                        addClass([row_1], 'e-focused');
+                                        addClass([row_1], 'e-focus');
+                                    }
                                 }
                                 else {
                                     this.clearSelection();
@@ -477,8 +479,10 @@ var TreeGrid = /** @class */ (function (_super) {
                                     var cellIndex_2 = target.cellIndex;
                                     if (!isNullOrUndefined(cellIndex_2)) {
                                         var row_2 = summaryElement.children[parseInt(cellIndex_2.toString(), 10)];
-                                        addClass([row_2], 'e-focused');
-                                        addClass([row_2], 'e-focus');
+                                        if (!isNullOrUndefined(row_2) && !this.grid.isEdit) {
+                                            addClass([row_2], 'e-focused');
+                                            addClass([row_2], 'e-focus');
+                                        }
                                     }
                                 }
                                 else {
@@ -557,7 +561,9 @@ var TreeGrid = /** @class */ (function (_super) {
     TreeGrid.prototype.requiredModules = function () {
         var modules = [];
         var splitFrozenCount = 'splitFrozenCount';
-        this.grid["" + splitFrozenCount](this.getColumns());
+        if (!this.isReact && isNullOrUndefined(this['changedProperties'].columns)) {
+            this.grid["" + splitFrozenCount](this.getColumns());
+        }
         if (this.isDestroyed) {
             return modules;
         }
@@ -876,12 +882,12 @@ var TreeGrid = /** @class */ (function (_super) {
         if (this.treeColumnIndex >= this.columns.length) {
             failureCases.push('TreeColumnIndex value should not exceed the total column count.');
         }
-        if (this.enableVirtualization && (!/[0-9]$/.test(this.columnModel.filter(function (col) { return col.width; }).toString())
-            && !/[px]$/.test(this.columnModel.filter(function (col) { return col.width; }).toString()))
-            || (/[0-9]$/.test(this.height.toString()) && /[px]$/.test(this.height.toString()))) {
+        if (this.enableVirtualization &&
+            (this.columnModel.some(function (col) { return /%$/.test(col.width); }) ||
+                /%$/.test(this.height.toString()))) {
             failureCases.push('column width and height should be in pixels');
         }
-        if (!isNullOrUndefined(this.childMapping) && !isNullOrUndefined(this.idMapping)) {
+        if ((this.childMapping !== 'Children') && !isNullOrUndefined(this.idMapping)) {
             failureCases.push('Both IdMapping and ChildMapping should not be used together for tree grid rendering.');
         }
         if ((!isNullOrUndefined(this.idMapping) && (isNullOrUndefined(this.parentIdMapping))) ||
@@ -1046,10 +1052,28 @@ var TreeGrid = /** @class */ (function (_super) {
         var _this = this;
         this.grid.rowSelecting = function (args) {
             _this.IsExpandCollapseClicked(args);
+            if (!isNullOrUndefined(args.data) && _this.selectionSettings.persistSelection
+                && _this.columnModel.filter(function (col) { return col.type === 'checkbox'; }).length > 0 && isRemoteData(_this)) {
+                if (!isNullOrUndefined(args.data.parentItem) || args.isHeaderCheckboxClicked) {
+                    _this.parentQuery = _this.query.queries.filter(function (q) { return q.e.field === _this.parentIdMapping; });
+                    _this.query.queries = _this.query.queries.slice(0, 0);
+                }
+            }
+            if (_this.pageSettings.pageSizeMode === 'Root') {
+                _this.grid.selectionModule['totalRecordsCount'] = _this.grid.currentViewData.length;
+            }
+            if (_this.enableVirtualization && args.rowIndex === _this.selectedRowIndex) {
+                args.cancel = true;
+            }
             _this.trigger(events.rowSelecting, args);
         };
         this.grid.rowDeselecting = function (args) {
             _this.IsExpandCollapseClicked(args);
+            if (!isNullOrUndefined(args.data) && _this.selectionSettings.persistSelection
+                && _this.columnModel.filter(function (col) { return col.type === 'checkbox'; }).length > 0 && isRemoteData(_this)) {
+                _this.parentQuery = _this.query.queries.filter(function (q) { return q.e.field === _this.parentIdMapping; });
+                _this.query.queries = _this.query.queries.slice(0, 0);
+            }
             _this.trigger(events.rowDeselecting, args);
         };
         this.grid.rowSelected = function (args) {
@@ -1190,6 +1214,16 @@ var TreeGrid = /** @class */ (function (_super) {
                     _this.grid.selectionModule["" + updateRowSelection](_this.getRows()[parseInt(index.toString(), 10)], index);
                 }
             }
+            if (_this.enableVirtualization && _this.selectionSettings.persistSelection
+                && !isNullOrUndefined(_this.virtualScrollModule.prevSelectedRecord)) {
+                for (var i = 0; i < _this.virtualScrollModule.prevSelectedRecord.length; i++) {
+                    var updateRowSelection = 'updateRowSelection';
+                    var index = 
+                    // eslint-disable-next-line max-len
+                    _this.getCurrentViewRecords().indexOf(_this.virtualScrollModule.prevSelectedRecord[parseInt(i.toString(), 10)]);
+                    _this.grid.selectionModule["" + updateRowSelection](_this.getRows()[parseInt(index.toString(), 10)], index);
+                }
+            }
             _this.trigger(events.dataBound, args);
             _this.initialRender = false;
         };
@@ -1802,6 +1836,12 @@ var TreeGrid = /** @class */ (function (_super) {
     TreeGrid.prototype.onPropertyChanged = function (newProp) {
         var properties = Object.keys(newProp);
         var requireRefresh = false;
+        if (properties.indexOf('columns') > -1 && !isNullOrUndefined(newProp.columns) && this.frozenColumns === 0
+            && this.frozenRows === 0 && !this.columnModel.some(function (col) { return col.isFrozen || col.freeze; })) {
+            this.grid.columns = this.getGridColumns(newProp.columns);
+            this.grid['updateColumnObject']();
+            requireRefresh = true;
+        }
         for (var _i = 0, properties_1 = properties; _i < properties_1.length; _i++) {
             var prop = properties_1[_i];
             switch (prop) {
@@ -2117,6 +2157,7 @@ var TreeGrid = /** @class */ (function (_super) {
         }
     };
     TreeGrid.prototype.mouseClickHandler = function (e) {
+        var _this = this;
         if (!isNullOrUndefined(e.touches)) {
             return;
         }
@@ -2144,6 +2185,22 @@ var TreeGrid = /** @class */ (function (_super) {
                 }
             }
         }
+        if (((target.classList.contains('e-flmenu-cancelbtn') || target.classList.contains('e-flmenu-okbtn')
+            || target.classList.contains('e-content') || target.classList.contains('e-rowcell'))
+            && !isNullOrUndefined(this.filterModule) && this.isReact)) {
+            if (!isNullOrUndefined(this.grid.filterModule['column'])) {
+                if (this.grid.filterModule['column'].filterTemplate) {
+                    var elem = document.getElementById(this.grid.filterModule.filterModule['dlgObj'].element.id);
+                    this.grid.filterModule['fltrDlgDetails'].isOpen = false;
+                    if (this.grid.filterModule.filterModule['dlgObj'] && !this.grid.filterModule.filterModule['dlgObj'].isDestroyed && elem) {
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        this.clearTemplate(['filterTemplate'], undefined, function () {
+                            _this.grid.filterModule.filterModule['dlgObj'].destroy();
+                        });
+                    }
+                }
+            }
+        }
     };
     /**
      * Returns TreeGrid rows
@@ -2920,6 +2977,7 @@ var TreeGrid = /** @class */ (function (_super) {
      */
     TreeGrid.prototype.expandRow = function (row, record, key, level) {
         var _this = this;
+        this.isCollapseAll = false;
         if (isNullOrUndefined(row) && isNullOrUndefined(record) && isNullOrUndefined(key) && isNullOrUndefined(level)) {
             var error = 'The provided value for the row is undefined. Please ensure the row contains row element.';
             this.trigger(events.actionFailure, { error: error });
@@ -2983,6 +3041,10 @@ var TreeGrid = /** @class */ (function (_super) {
                 expandArgs = { data: parentRec, row: row };
                 this.trigger(events.expanded, expandArgs);
             }
+            else if (!this.isExpandAll && this.enableVirtualization && this.selectionSettings.persistSelection
+                && !isNullOrUndefined(this.virtualScrollModule.prevSelectedRecord)) {
+                this.virtualScrollModule.prevSelectedRecord = [];
+            }
             else if (!this.isExpandAll) {
                 this.trigger(events.expanded, expandArgs);
             }
@@ -3008,13 +3070,13 @@ var TreeGrid = /** @class */ (function (_super) {
                 return e.hasChildRecords;
             });
         }
-        else if (isNullOrUndefined(record)) {
+        else if (isNullOrUndefined(record) && !isNullOrUndefined(row)) {
             if (this.detailTemplate) {
                 record = this.grid.getCurrentViewRecords()[row.getAttribute('data-rowindex')];
             }
             else {
-                if (this.enableVirtualization && this.isCollapseAll) {
-                    if (this.isExpandAll && row.rowIndex === -1) {
+                if (this.enableVirtualization && (this.isCollapseAll || this.isExpandAll)) {
+                    if (row.rowIndex === -1) {
                         record = this.grid.getCurrentViewRecords()[parseInt(row.getAttribute('data-rowindex'), 10)];
                     }
                     else {
@@ -3041,6 +3103,7 @@ var TreeGrid = /** @class */ (function (_super) {
      */
     TreeGrid.prototype.collapseRow = function (row, record, key) {
         var _this = this;
+        this.isExpandAll = false;
         if (isNullOrUndefined(row) && isNullOrUndefined(record) && isNullOrUndefined(key)) {
             var error = 'The provided value for the row is undefined. Please ensure the row contains row element.';
             this.trigger(events.actionFailure, { error: error });
@@ -3315,6 +3378,9 @@ var TreeGrid = /** @class */ (function (_super) {
                 return e.querySelector('.e-treegrid' + (action === 'expand' ? 'collapse' : 'expand'));
             });
         }
+        if (!rows.length && this.getRows().length) {
+            rows.push(this.getRows()[0]);
+        }
         this.isExpandAll = true;
         this.isCollapseAll = true;
         if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization || this.enableInfiniteScrolling) && !isRemoteData(this)) {
@@ -3363,9 +3429,12 @@ var TreeGrid = /** @class */ (function (_super) {
     TreeGrid.prototype.expandCollapse = function (action, row, record, isChild) {
         var _this = this;
         var expandingArgs = { row: row, data: record, childData: [], requestType: action };
-        var childRecords = this.grid.currentViewData.filter(function (e) {
-            return e.parentUniqueID === record.uniqueID;
-        });
+        var childRecords;
+        if (!isNullOrUndefined(record)) {
+            childRecords = this.grid.currentViewData.filter(function (e) {
+                return e.parentUniqueID === record.uniqueID;
+            });
+        }
         var targetEle;
         if ((!isRemoteData(this) && action === 'expand' && this.isSelfReference && isCountRequired(this) && !childRecords.length) || (action === 'collapse' || (this.isExpandAll && this.loadChildOnDemand) && !isRemoteData(this) && this.isSelfReference && isCountRequired(this))) {
             this.updateChildOnDemand(expandingArgs);
@@ -3394,7 +3463,7 @@ var TreeGrid = /** @class */ (function (_super) {
             var displayAction = void 0;
             if (action === 'expand') {
                 displayAction = 'table-row';
-                if (!isChild) {
+                if (!isChild && !isNullOrUndefined(record)) {
                     record.expanded = true;
                     this.uniqueIDCollection[record.uniqueID].expanded = record.expanded;
                 }
@@ -3415,7 +3484,7 @@ var TreeGrid = /** @class */ (function (_super) {
             }
             else {
                 displayAction = 'none';
-                if (!isChild || isCountRequired(this)) {
+                if ((!isChild || isCountRequired(this)) && !isNullOrUndefined(row)) {
                     record.expanded = false;
                     this.uniqueIDCollection[record.uniqueID].expanded = record.expanded;
                 }

package/src/treegrid/enum.d.ts

@@ -0,0 +1,155 @@
+/**
+ * Defines modes of Filter Hierarchy
+ * ```props
+ * * Parent :- Shows filtered records with its Parent records.
+ * * Child :- Shows filtered records with its Child records.
+ * * Both :- Shows filtered records with its Parent and Child records.
+ * * None :- Shows only the filetred records.
+ * ```
+ */
+export declare type FilterHierarchyMode = 'Parent' | 'Child' | 'Both' | 'None';
+/**
+ * Defines Predefined toolbar items.
+ * ```props
+ * * Add :- Add new record.
+ * * Edit :- Edit the selected record.
+ * * Update :- Update the edited record.
+ * * Delete :- Delete the selected record.
+ * * Cancel :- Cancel the edited state.
+ * * Search :- Searches the TreeGrid records by given key.
+ * * ExpandAll :- Expands all the rows in TreeGrid.
+ * * CollapseAll :- Collapses all the rows in TreeGrid.
+ * * ExcelExport :- Export the TreeGrid to Excel.
+ * * PdfExport :- Export the TreeGrid to Pdf.
+ * * 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';
+/**
+ * Defines Predefined toolbar items.
+ *
+ * @hidden
+ */
+export declare enum ToolbarItem {
+    Add = 0,
+    Edit = 1,
+    Update = 2,
+    Delete = 3,
+    Cancel = 4,
+    Search = 5,
+    ExpandAll = 6,
+    CollapseAll = 7,
+    ExcelExport = 8,
+    PdfExport = 9,
+    CsvExport = 10,
+    Print = 11,
+    RowIndent = 12,
+    RowOutdent = 13
+}
+/**
+ * Defines different PageSizeMode
+ * ```props
+ * * All :- Defines the pageSizeMode as All
+ * * Root :- Defines the pageSizeMode as Root
+ * ```
+ */
+export declare type PageSizeMode = 'All' | 'Root';
+/**
+ * Defines predefined contextmenu items.
+ * ```props
+ * * AutoFitAll :- Auto fit the size of all columns.
+ * * AutoFit :- Auto fit the current column.
+ * * SortAscending :- Sort the current column in ascending order.
+ * * SortDescending :- Sort the current column in descending order.
+ * * Edit :- Edit the current record.
+ * * Delete :- Delete the current record.
+ * * Save :- Save the edited record.
+ * * Cancel :- Cancel the edited state.
+ * * PdfExport :- Export the TreeGrid as Pdf format.
+ * * ExcelExport :- Export the TreeGrid as Excel format.
+ * * CsvExport :- Export the TreeGrid as CSV format.
+ * * FirstPage :- Go to the first page.
+ * * PrevPage :- Go to the previous page.
+ * * 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';
+/**
+ * Defines predefined contextmenu items.
+ *
+ * @hidden
+ */
+export declare enum ContextMenuItems {
+    AutoFit = 0,
+    AutoFitAll = 1,
+    SortAscending = 2,
+    SortDescending = 3,
+    Edit = 4,
+    Delete = 5,
+    Save = 6,
+    Cancel = 7,
+    PdfExport = 8,
+    ExcelExport = 9,
+    CsvExport = 10,
+    FirstPage = 11,
+    PrevPage = 12,
+    LastPage = 13,
+    NextPage = 14,
+    AddRow = 15,
+    RowIndent = 16,
+    RowOutdent = 17
+}
+/**
+ * Defines modes of editing.
+ * ```props
+ * * Cell :- Defines the editing mode as Cell.
+ * * Row :- Defines the editing mode as Row.
+ * * Dialog :- Defines the editing mode as Dialog.
+ * * Batch :- Defines the editing mode as Batch.
+ * ```
+ */
+export declare type EditMode = 'Cell' | 'Row' | 'Dialog' | 'Batch';
+/**
+ * Defines the position where the new row has to be added.
+ * ```props
+ * * Top :- Defines new row position as top of all rows.
+ * * Bottom :- Defines new row position as bottom of all rows.
+ * * Above :- Defines new row position as above the selected row.
+ * * Below :- Defines new row position as below the selected row.
+ * * Child :- Defines new row position as child to the selected row.
+ * ```
+ */
+export declare type RowPosition = 'Top' | 'Bottom' | 'Above' | 'Below' | 'Child';
+/**
+ * Defines types of Filter
+ * ```props
+ * * Menu :- Defines the filter type as Menu.
+ * * Excel :- Defines the filter type as Excel.
+ * * FilterBar :- Defines the filter type as FilterBar.
+ * ```
+ */
+export declare type FilterType = 'FilterBar' | 'Excel' | 'Menu';
+/**
+ * Defines the wrap mode.
+ * ```props
+ * * Both :-  Wraps both header and content.
+ * * Header :- Wraps header alone.
+ * * Content :- Wraps content alone.
+ */
+export declare type WrapMode = 'Both' | 'Header' | 'Content';
+/**
+ * Defines types of CopyHierarchyMode. They are
+ * ```props
+ * * Parent :- Defines CopyHiearchyMode as Parent.
+ * * Child :- Defines CopyHiearchyMode as Child.
+ * * Both :- Defines CopyHiearchyMode as Both.
+ * * None :- Defines CopyHiearchyMode as None.
+ * ```
+ */
+export declare type CopyHierarchyType = 'Parent' | 'Child' | 'Both' | 'None';

package/src/treegrid/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * TreeGrid component exported items
+ */
+export * from './base';
+export * from './models';
+export * from './renderer';
+export * from './utils';
+export * from './enum';
+export * from './actions';