@syncfusion/ej2-treegrid 20.1.56 → 20.1.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -959,7 +959,7 @@ var Selection = /** @__PURE__ @class */ (function () {
959
959
  Selection.prototype.getCheckboxcolumnIndex = function () {
960
960
  var mappingUid;
961
961
  var columnIndex;
962
- var stackedHeader = "stackedHeader";
962
+ var stackedHeader = 'stackedHeader';
963
963
  var columnModel = 'columnModel';
964
964
  var columns = this.parent[stackedHeader] ? this.parent[columnModel] : (this.parent.columns);
965
965
  for (var col = 0; col < columns.length; col++) {
@@ -1350,6 +1350,105 @@ var Selection = /** @__PURE__ @class */ (function () {
1350
1350
  return Selection;
1351
1351
  }());
1352
1352
 
1353
+ /**
1354
+ * TreeGrid Freeze module
1355
+ *
1356
+ * @hidden
1357
+ */
1358
+ var Freeze$1 = /** @__PURE__ @class */ (function () {
1359
+ /**
1360
+ * Constructor for render module
1361
+ *
1362
+ * @param {TreeGrid} parent - Tree Grid instance
1363
+ */
1364
+ function Freeze$$1(parent) {
1365
+ Grid.Inject(Freeze);
1366
+ this.parent = parent;
1367
+ this.addEventListener();
1368
+ }
1369
+ Freeze$$1.prototype.addEventListener = function () {
1370
+ this.parent.on('rowExpandCollapse', this.rowExpandCollapse, this);
1371
+ this.parent.on('dataBoundArg', this.dataBoundArg, this);
1372
+ this.parent.grid.on('dblclick', this.dblClickHandler, this);
1373
+ };
1374
+ Freeze$$1.prototype.removeEventListener = function () {
1375
+ if (this.parent.isDestroyed) {
1376
+ return;
1377
+ }
1378
+ this.parent.off('rowExpandCollapse', this.rowExpandCollapse);
1379
+ this.parent.off('dataBoundArg', this.dataBoundArg);
1380
+ this.parent.grid.off('dblclick', this.dblClickHandler);
1381
+ };
1382
+ Freeze$$1.prototype.rowExpandCollapse = function (args) {
1383
+ var movableRows = this.parent.getMovableDataRows();
1384
+ var frozenrows = this.parent.getRows();
1385
+ var rows;
1386
+ var frozenRightRows;
1387
+ var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
1388
+ this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
1389
+ if (freeze) {
1390
+ frozenRightRows = this.parent.getFrozenRightRows().filter(function (e) {
1391
+ return e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1));
1392
+ });
1393
+ }
1394
+ if (!args.detailrows.length) {
1395
+ rows = movableRows.filter(function (e) {
1396
+ return e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1));
1397
+ });
1398
+ }
1399
+ else {
1400
+ rows = args.detailrows;
1401
+ }
1402
+ for (var i = 0; i < rows.length; i++) {
1403
+ var rData = this.parent.grid.getRowObjectFromUID(rows[i].getAttribute('data-Uid')).data;
1404
+ rows[i].style.display = args.action;
1405
+ if (freeze) {
1406
+ frozenRightRows[i].style.display = args.action;
1407
+ }
1408
+ var queryselector = args.action === 'none' ? '.e-treecolumn-container .e-treegridcollapse'
1409
+ : '.e-treecolumn-container .e-treegridexpand';
1410
+ if (frozenrows[rows[i].rowIndex].querySelector(queryselector)) {
1411
+ var cRow = [];
1412
+ for (var i_1 = 0; i_1 < movableRows.length; i_1++) {
1413
+ if (movableRows[i_1].querySelector('.e-gridrowindex' + rData.index + 'level' + (rData.level + 1))) {
1414
+ cRow.push(movableRows[i_1]);
1415
+ }
1416
+ }
1417
+ if (cRow.length) {
1418
+ this.rowExpandCollapse({ detailrows: cRow, action: args.action });
1419
+ }
1420
+ }
1421
+ }
1422
+ };
1423
+ Freeze$$1.prototype.dblClickHandler = function (e) {
1424
+ if (parentsUntil(e.target, 'e-rowcell') &&
1425
+ this.parent.grid.editSettings.allowEditOnDblClick && this.parent.editSettings.mode !== 'Cell') {
1426
+ this.parent.grid.editModule.startEdit(parentsUntil(e.target, 'e-row'));
1427
+ }
1428
+ };
1429
+ Freeze$$1.prototype.dataBoundArg = function () {
1430
+ var checkboxColumn = this.parent.getColumns().filter(function (e) {
1431
+ return e.showCheckbox;
1432
+ });
1433
+ if (checkboxColumn.length && this.parent.freezeModule && this.parent.initialRender) {
1434
+ addClass([this.parent.element.getElementsByClassName('e-grid')[0]], 'e-checkselection');
1435
+ }
1436
+ };
1437
+ Freeze$$1.prototype.destroy = function () {
1438
+ this.removeEventListener();
1439
+ };
1440
+ /**
1441
+ * For internal use only - Get the module name.
1442
+ *
1443
+ * @private
1444
+ * @returns {string} Returns Freeze module name
1445
+ */
1446
+ Freeze$$1.prototype.getModuleName = function () {
1447
+ return 'freeze';
1448
+ };
1449
+ return Freeze$$1;
1450
+ }());
1451
+
1353
1452
  /**
1354
1453
  * TreeGrid Print module
1355
1454
  *
@@ -3561,6 +3660,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
3561
3660
  TreeGrid.prototype.requiredModules = function () {
3562
3661
  var modules = [];
3563
3662
  var splitFrozenCount = 'splitFrozenCount';
3663
+ this.freezeModule = new Freeze$1(this);
3564
3664
  this.grid[splitFrozenCount](this.getGridColumns(this.columns));
3565
3665
  if (this.isDestroyed) {
3566
3666
  return modules;
@@ -3612,7 +3712,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
3612
3712
  });
3613
3713
  }
3614
3714
  if (this.frozenColumns || this.frozenRows || this.getFrozenColumns() ||
3615
- this.grid.getFrozenLeftColumnsCount() || this.grid.getFrozenRightColumnsCount()) {
3715
+ this.grid.getFrozenLeftColumnsCount() || this.grid.getFrozenRightColumnsCount() || this.freezeModule) {
3616
3716
  modules.push({
3617
3717
  member: 'freeze', args: [this]
3618
3718
  });
@@ -11272,11 +11372,13 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
11272
11372
  Edit$$1.prototype.updateIndex = function (data, rows, records) {
11273
11373
  for (var j = 0; j < this.parent.getDataRows().length; j++) {
11274
11374
  var data1 = records[j];
11275
- var index = getValue('uniqueIDCollection.' + data1.uniqueID + '.index', this.parent);
11276
- data1.index = index;
11277
- if (!isNullOrUndefined(data1.parentItem)) {
11278
- var parentIndex = getValue('uniqueIDCollection.' + data1.parentItem.uniqueID + '.index', this.parent);
11279
- data1.parentItem.index = parentIndex;
11375
+ if (!isNullOrUndefined(data1)) {
11376
+ var index = getValue('uniqueIDCollection.' + data1.uniqueID + '.index', this.parent);
11377
+ data1.index = index;
11378
+ if (!isNullOrUndefined(data1.parentItem)) {
11379
+ var parentIndex = getValue('uniqueIDCollection.' + data1.parentItem.uniqueID + '.index', this.parent);
11380
+ data1.parentItem.index = parentIndex;
11381
+ }
11280
11382
  }
11281
11383
  }
11282
11384
  var count = -1;
@@ -11295,32 +11397,34 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
11295
11397
  count++;
11296
11398
  }
11297
11399
  var data2 = records[count];
11298
- var index = data2.index;
11299
- var level = data2.level;
11300
- var row = rows[k];
11301
- if (!isNullOrUndefined(data2.parentItem)) {
11302
- index = getValue('uniqueIDCollection.' + data2.parentItem.uniqueID + '.index', this.parent);
11303
- }
11304
- var treecell = row.cells[treeColIndex];
11305
- if (!isNullOrUndefined(treecell)) {
11306
- for (var l = 0; l < treecell.classList.length; l++) {
11307
- var value = treecell.classList[l];
11308
- var remove$$1 = /e-gridrowindex/i;
11309
- var removed = /e-griddetailrowindex/i;
11310
- var result = value.match(remove$$1);
11311
- var results = value.match(removed);
11312
- if (result != null) {
11313
- removeClass([treecell], value);
11314
- }
11315
- if (results != null) {
11316
- removeClass([treecell], value);
11317
- }
11318
- }
11319
- if (!rows[k].classList.contains('e-detailrow')) {
11320
- addClass([treecell], 'e-gridrowindex' + index + 'level' + level);
11321
- }
11322
- else {
11323
- addClass([treecell], 'e-griddetailrowindex' + index + 'level' + level);
11400
+ if (!isNullOrUndefined(data2)) {
11401
+ var index = data2.index;
11402
+ var level = data2.level;
11403
+ var row = rows[k];
11404
+ if (!isNullOrUndefined(data2.parentItem)) {
11405
+ index = getValue('uniqueIDCollection.' + data2.parentItem.uniqueID + '.index', this.parent);
11406
+ }
11407
+ var treecell = row.cells[treeColIndex];
11408
+ if (!isNullOrUndefined(treecell)) {
11409
+ for (var l = 0; l < treecell.classList.length; l++) {
11410
+ var value = treecell.classList[l];
11411
+ var remove$$1 = /e-gridrowindex/i;
11412
+ var removed = /e-griddetailrowindex/i;
11413
+ var result = value.match(remove$$1);
11414
+ var results = value.match(removed);
11415
+ if (result != null) {
11416
+ removeClass([treecell], value);
11417
+ }
11418
+ if (results != null) {
11419
+ removeClass([treecell], value);
11420
+ }
11421
+ }
11422
+ if (!rows[k].classList.contains('e-detailrow')) {
11423
+ addClass([treecell], 'e-gridrowindex' + index + 'level' + level);
11424
+ }
11425
+ else {
11426
+ addClass([treecell], 'e-griddetailrowindex' + index + 'level' + level);
11427
+ }
11324
11428
  }
11325
11429
  }
11326
11430
  }
@@ -12660,105 +12764,6 @@ var TreeVirtual = /** @__PURE__ @class */ (function (_super) {
12660
12764
  return TreeVirtual;
12661
12765
  }(VirtualScroll));
12662
12766
 
12663
- /**
12664
- * TreeGrid Freeze module
12665
- *
12666
- * @hidden
12667
- */
12668
- var Freeze$1 = /** @__PURE__ @class */ (function () {
12669
- /**
12670
- * Constructor for render module
12671
- *
12672
- * @param {TreeGrid} parent - Tree Grid instance
12673
- */
12674
- function Freeze$$1(parent) {
12675
- Grid.Inject(Freeze);
12676
- this.parent = parent;
12677
- this.addEventListener();
12678
- }
12679
- Freeze$$1.prototype.addEventListener = function () {
12680
- this.parent.on('rowExpandCollapse', this.rowExpandCollapse, this);
12681
- this.parent.on('dataBoundArg', this.dataBoundArg, this);
12682
- this.parent.grid.on('dblclick', this.dblClickHandler, this);
12683
- };
12684
- Freeze$$1.prototype.removeEventListener = function () {
12685
- if (this.parent.isDestroyed) {
12686
- return;
12687
- }
12688
- this.parent.off('rowExpandCollapse', this.rowExpandCollapse);
12689
- this.parent.off('dataBoundArg', this.dataBoundArg);
12690
- this.parent.grid.off('dblclick', this.dblClickHandler);
12691
- };
12692
- Freeze$$1.prototype.rowExpandCollapse = function (args) {
12693
- var movableRows = this.parent.getMovableDataRows();
12694
- var frozenrows = this.parent.getRows();
12695
- var rows;
12696
- var frozenRightRows;
12697
- var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
12698
- this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
12699
- if (freeze) {
12700
- frozenRightRows = this.parent.getFrozenRightRows().filter(function (e) {
12701
- return e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1));
12702
- });
12703
- }
12704
- if (!args.detailrows.length) {
12705
- rows = movableRows.filter(function (e) {
12706
- return e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1));
12707
- });
12708
- }
12709
- else {
12710
- rows = args.detailrows;
12711
- }
12712
- for (var i = 0; i < rows.length; i++) {
12713
- var rData = this.parent.grid.getRowObjectFromUID(rows[i].getAttribute('data-Uid')).data;
12714
- rows[i].style.display = args.action;
12715
- if (freeze) {
12716
- frozenRightRows[i].style.display = args.action;
12717
- }
12718
- var queryselector = args.action === 'none' ? '.e-treecolumn-container .e-treegridcollapse'
12719
- : '.e-treecolumn-container .e-treegridexpand';
12720
- if (frozenrows[rows[i].rowIndex].querySelector(queryselector)) {
12721
- var cRow = [];
12722
- for (var i_1 = 0; i_1 < movableRows.length; i_1++) {
12723
- if (movableRows[i_1].querySelector('.e-gridrowindex' + rData.index + 'level' + (rData.level + 1))) {
12724
- cRow.push(movableRows[i_1]);
12725
- }
12726
- }
12727
- if (cRow.length) {
12728
- this.rowExpandCollapse({ detailrows: cRow, action: args.action });
12729
- }
12730
- }
12731
- }
12732
- };
12733
- Freeze$$1.prototype.dblClickHandler = function (e) {
12734
- if (parentsUntil(e.target, 'e-rowcell') &&
12735
- this.parent.grid.editSettings.allowEditOnDblClick && this.parent.editSettings.mode !== 'Cell') {
12736
- this.parent.grid.editModule.startEdit(parentsUntil(e.target, 'e-row'));
12737
- }
12738
- };
12739
- Freeze$$1.prototype.dataBoundArg = function () {
12740
- var checkboxColumn = this.parent.getColumns().filter(function (e) {
12741
- return e.showCheckbox;
12742
- });
12743
- if (checkboxColumn.length && this.parent.freezeModule && this.parent.initialRender) {
12744
- addClass([this.parent.element.getElementsByClassName('e-grid')[0]], 'e-checkselection');
12745
- }
12746
- };
12747
- Freeze$$1.prototype.destroy = function () {
12748
- this.removeEventListener();
12749
- };
12750
- /**
12751
- * For internal use only - Get the module name.
12752
- *
12753
- * @private
12754
- * @returns {string} Returns Freeze module name
12755
- */
12756
- Freeze$$1.prototype.getModuleName = function () {
12757
- return 'freeze';
12758
- };
12759
- return Freeze$$1;
12760
- }());
12761
-
12762
12767
  /**
12763
12768
  * TreeGrid ColumnChooser module
12764
12769
  *
@@ -13095,7 +13100,7 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
13095
13100
  if (getValue('selectedIndex', this.parent.editModule) !== -1 && this.parent.editSettings.newRowPosition !== 'Top') {
13096
13101
  if (this.parent.editSettings.newRowPosition === 'Below' || this.parent.editSettings.newRowPosition === 'Child') {
13097
13102
  position = 'after';
13098
- newRowIndex += findChildrenRecords(currentData[newRowIndex + 1]).length;
13103
+ newRowIndex += findChildrenRecords(currentData[newRowIndex]).length;
13099
13104
  if (this.parent.editSettings.newRowPosition === 'Child') {
13100
13105
  newRowIndex -= 1; //// for child position already child record is added in childRecords so subtracting 1
13101
13106
  }