@syncfusion/ej2-treegrid 20.1.56 → 20.1.59

package/dist/es6/ej2-treegrid.es2015.js

@@ -884,7 +884,7 @@ class Selection {
     getCheckboxcolumnIndex() {
         let mappingUid;
         let columnIndex;
-        const stackedHeader = "stackedHeader";
+        const stackedHeader = 'stackedHeader';
         const columnModel = 'columnModel';
         const columns = this.parent[stackedHeader] ? this.parent[columnModel] : (this.parent.columns);
         for (let col = 0; col < columns.length; col++) {
@@ -1271,6 +1271,100 @@ class Selection {
     }
 }
 
+/**
+ * TreeGrid Freeze module
+ *
+ * @hidden
+ */
+class Freeze$1 {
+    /**
+     * Constructor for render module
+     *
+     * @param {TreeGrid} parent - Tree Grid instance
+     */
+    constructor(parent) {
+        Grid.Inject(Freeze);
+        this.parent = parent;
+        this.addEventListener();
+    }
+    addEventListener() {
+        this.parent.on('rowExpandCollapse', this.rowExpandCollapse, this);
+        this.parent.on('dataBoundArg', this.dataBoundArg, this);
+        this.parent.grid.on('dblclick', this.dblClickHandler, this);
+    }
+    removeEventListener() {
+        if (this.parent.isDestroyed) {
+            return;
+        }
+        this.parent.off('rowExpandCollapse', this.rowExpandCollapse);
+        this.parent.off('dataBoundArg', this.dataBoundArg);
+        this.parent.grid.off('dblclick', this.dblClickHandler);
+    }
+    rowExpandCollapse(args) {
+        const movableRows = this.parent.getMovableDataRows();
+        const frozenrows = this.parent.getRows();
+        let rows;
+        let frozenRightRows;
+        const freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
+            this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
+        if (freeze) {
+            frozenRightRows = this.parent.getFrozenRightRows().filter((e) => e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1)));
+        }
+        if (!args.detailrows.length) {
+            rows = movableRows.filter((e) => e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1)));
+        }
+        else {
+            rows = args.detailrows;
+        }
+        for (let i = 0; i < rows.length; i++) {
+            const rData = this.parent.grid.getRowObjectFromUID(rows[i].getAttribute('data-Uid')).data;
+            rows[i].style.display = args.action;
+            if (freeze) {
+                frozenRightRows[i].style.display = args.action;
+            }
+            const queryselector = args.action === 'none' ? '.e-treecolumn-container .e-treegridcollapse'
+                : '.e-treecolumn-container .e-treegridexpand';
+            if (frozenrows[rows[i].rowIndex].querySelector(queryselector)) {
+                const cRow = [];
+                for (let i = 0; i < movableRows.length; i++) {
+                    if (movableRows[i].querySelector('.e-gridrowindex' + rData.index + 'level' + (rData.level + 1))) {
+                        cRow.push(movableRows[i]);
+                    }
+                }
+                if (cRow.length) {
+                    this.rowExpandCollapse({ detailrows: cRow, action: args.action });
+                }
+            }
+        }
+    }
+    dblClickHandler(e) {
+        if (parentsUntil(e.target, 'e-rowcell') &&
+            this.parent.grid.editSettings.allowEditOnDblClick && this.parent.editSettings.mode !== 'Cell') {
+            this.parent.grid.editModule.startEdit(parentsUntil(e.target, 'e-row'));
+        }
+    }
+    dataBoundArg() {
+        const checkboxColumn = this.parent.getColumns().filter((e) => {
+            return e.showCheckbox;
+        });
+        if (checkboxColumn.length && this.parent.freezeModule && this.parent.initialRender) {
+            addClass([this.parent.element.getElementsByClassName('e-grid')[0]], 'e-checkselection');
+        }
+    }
+    destroy() {
+        this.removeEventListener();
+    }
+    /**
+     * For internal use only - Get the module name.
+     *
+     * @private
+     * @returns {string} Returns Freeze module name
+     */
+    getModuleName() {
+        return 'freeze';
+    }
+}
+
 /**
  * TreeGrid Print module
  *
@@ -3317,6 +3411,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
     requiredModules() {
         const modules = [];
         const splitFrozenCount = 'splitFrozenCount';
+        this.freezeModule = new Freeze$1(this);
         this.grid[splitFrozenCount](this.getGridColumns(this.columns));
         if (this.isDestroyed) {
             return modules;
@@ -3368,7 +3463,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             });
         }
         if (this.frozenColumns || this.frozenRows || this.getFrozenColumns() ||
-            this.grid.getFrozenLeftColumnsCount() || this.grid.getFrozenRightColumnsCount()) {
+            this.grid.getFrozenLeftColumnsCount() || this.grid.getFrozenRightColumnsCount() || this.freezeModule) {
             modules.push({
                 member: 'freeze', args: [this]
             });
@@ -10919,11 +11014,13 @@ class Edit$1 {
     updateIndex(data, rows, records) {
         for (let j = 0; j < this.parent.getDataRows().length; j++) {
             const data1 = records[j];
-            const index = getValue('uniqueIDCollection.' + data1.uniqueID + '.index', this.parent);
-            data1.index = index;
-            if (!isNullOrUndefined(data1.parentItem)) {
-                const parentIndex = getValue('uniqueIDCollection.' + data1.parentItem.uniqueID + '.index', this.parent);
-                data1.parentItem.index = parentIndex;
+            if (!isNullOrUndefined(data1)) {
+                const index = getValue('uniqueIDCollection.' + data1.uniqueID + '.index', this.parent);
+                data1.index = index;
+                if (!isNullOrUndefined(data1.parentItem)) {
+                    const parentIndex = getValue('uniqueIDCollection.' + data1.parentItem.uniqueID + '.index', this.parent);
+                    data1.parentItem.index = parentIndex;
+                }
             }
         }
         let count = -1;
@@ -10942,32 +11039,34 @@ class Edit$1 {
                 count++;
             }
             const data2 = records[count];
-            let index = data2.index;
-            const level = data2.level;
-            const row = rows[k];
-            if (!isNullOrUndefined(data2.parentItem)) {
-                index = getValue('uniqueIDCollection.' + data2.parentItem.uniqueID + '.index', this.parent);
-            }
-            const treecell = row.cells[treeColIndex];
-            if (!isNullOrUndefined(treecell)) {
-                for (let l = 0; l < treecell.classList.length; l++) {
-                    const value = treecell.classList[l];
-                    const remove$$1 = /e-gridrowindex/i;
-                    const removed = /e-griddetailrowindex/i;
-                    const result = value.match(remove$$1);
-                    const results = value.match(removed);
-                    if (result != null) {
-                        removeClass([treecell], value);
-                    }
-                    if (results != null) {
-                        removeClass([treecell], value);
-                    }
-                }
-                if (!rows[k].classList.contains('e-detailrow')) {
-                    addClass([treecell], 'e-gridrowindex' + index + 'level' + level);
-                }
-                else {
-                    addClass([treecell], 'e-griddetailrowindex' + index + 'level' + level);
+            if (!isNullOrUndefined(data2)) {
+                let index = data2.index;
+                const level = data2.level;
+                const row = rows[k];
+                if (!isNullOrUndefined(data2.parentItem)) {
+                    index = getValue('uniqueIDCollection.' + data2.parentItem.uniqueID + '.index', this.parent);
+                }
+                const treecell = row.cells[treeColIndex];
+                if (!isNullOrUndefined(treecell)) {
+                    for (let l = 0; l < treecell.classList.length; l++) {
+                        const value = treecell.classList[l];
+                        const remove$$1 = /e-gridrowindex/i;
+                        const removed = /e-griddetailrowindex/i;
+                        const result = value.match(remove$$1);
+                        const results = value.match(removed);
+                        if (result != null) {
+                            removeClass([treecell], value);
+                        }
+                        if (results != null) {
+                            removeClass([treecell], value);
+                        }
+                    }
+                    if (!rows[k].classList.contains('e-detailrow')) {
+                        addClass([treecell], 'e-gridrowindex' + index + 'level' + level);
+                    }
+                    else {
+                        addClass([treecell], 'e-griddetailrowindex' + index + 'level' + level);
+                    }
                 }
             }
         }
@@ -12260,100 +12359,6 @@ class TreeVirtual extends VirtualScroll {
     }
 }
 
-/**
- * TreeGrid Freeze module
- *
- * @hidden
- */
-class Freeze$1 {
-    /**
-     * Constructor for render module
-     *
-     * @param {TreeGrid} parent - Tree Grid instance
-     */
-    constructor(parent) {
-        Grid.Inject(Freeze);
-        this.parent = parent;
-        this.addEventListener();
-    }
-    addEventListener() {
-        this.parent.on('rowExpandCollapse', this.rowExpandCollapse, this);
-        this.parent.on('dataBoundArg', this.dataBoundArg, this);
-        this.parent.grid.on('dblclick', this.dblClickHandler, this);
-    }
-    removeEventListener() {
-        if (this.parent.isDestroyed) {
-            return;
-        }
-        this.parent.off('rowExpandCollapse', this.rowExpandCollapse);
-        this.parent.off('dataBoundArg', this.dataBoundArg);
-        this.parent.grid.off('dblclick', this.dblClickHandler);
-    }
-    rowExpandCollapse(args) {
-        const movableRows = this.parent.getMovableDataRows();
-        const frozenrows = this.parent.getRows();
-        let rows;
-        let frozenRightRows;
-        const freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
-            this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
-        if (freeze) {
-            frozenRightRows = this.parent.getFrozenRightRows().filter((e) => e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1)));
-        }
-        if (!args.detailrows.length) {
-            rows = movableRows.filter((e) => e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1)));
-        }
-        else {
-            rows = args.detailrows;
-        }
-        for (let i = 0; i < rows.length; i++) {
-            const rData = this.parent.grid.getRowObjectFromUID(rows[i].getAttribute('data-Uid')).data;
-            rows[i].style.display = args.action;
-            if (freeze) {
-                frozenRightRows[i].style.display = args.action;
-            }
-            const queryselector = args.action === 'none' ? '.e-treecolumn-container .e-treegridcollapse'
-                : '.e-treecolumn-container .e-treegridexpand';
-            if (frozenrows[rows[i].rowIndex].querySelector(queryselector)) {
-                const cRow = [];
-                for (let i = 0; i < movableRows.length; i++) {
-                    if (movableRows[i].querySelector('.e-gridrowindex' + rData.index + 'level' + (rData.level + 1))) {
-                        cRow.push(movableRows[i]);
-                    }
-                }
-                if (cRow.length) {
-                    this.rowExpandCollapse({ detailrows: cRow, action: args.action });
-                }
-            }
-        }
-    }
-    dblClickHandler(e) {
-        if (parentsUntil(e.target, 'e-rowcell') &&
-            this.parent.grid.editSettings.allowEditOnDblClick && this.parent.editSettings.mode !== 'Cell') {
-            this.parent.grid.editModule.startEdit(parentsUntil(e.target, 'e-row'));
-        }
-    }
-    dataBoundArg() {
-        const checkboxColumn = this.parent.getColumns().filter((e) => {
-            return e.showCheckbox;
-        });
-        if (checkboxColumn.length && this.parent.freezeModule && this.parent.initialRender) {
-            addClass([this.parent.element.getElementsByClassName('e-grid')[0]], 'e-checkselection');
-        }
-    }
-    destroy() {
-        this.removeEventListener();
-    }
-    /**
-     * For internal use only - Get the module name.
-     *
-     * @private
-     * @returns {string} Returns Freeze module name
-     */
-    getModuleName() {
-        return 'freeze';
-    }
-}
-
 /**
  * TreeGrid ColumnChooser module
  *
@@ -12684,7 +12689,7 @@ class InfiniteScroll$1 {
                 if (getValue('selectedIndex', this.parent.editModule) !== -1 && this.parent.editSettings.newRowPosition !== 'Top') {
                     if (this.parent.editSettings.newRowPosition === 'Below' || this.parent.editSettings.newRowPosition === 'Child') {
                         position = 'after';
-                        newRowIndex += findChildrenRecords(currentData[newRowIndex + 1]).length;
+                        newRowIndex += findChildrenRecords(currentData[newRowIndex]).length;
                         if (this.parent.editSettings.newRowPosition === 'Child') {
                             newRowIndex -= 1; //// for child position already child record is added in childRecords so subtracting 1
                         }