@syncfusion/ej2-treegrid 26.2.5 → 26.2.8

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.
Files changed (52) hide show
  1. package/dist/ej2-treegrid.min.js +2 -2
  2. package/dist/ej2-treegrid.umd.min.js +2 -2
  3. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-treegrid.es2015.js +30 -9
  5. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  6. package/dist/es6/ej2-treegrid.es5.js +30 -9
  7. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  8. package/dist/global/ej2-treegrid.min.js +2 -2
  9. package/dist/global/ej2-treegrid.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +7 -7
  12. package/src/treegrid/actions/virtual-scroll.d.ts +1 -0
  13. package/src/treegrid/actions/virtual-scroll.js +4 -0
  14. package/src/treegrid/base/data.js +3 -3
  15. package/src/treegrid/base/treegrid.js +23 -6
  16. package/styles/bootstrap-dark.css +13 -3
  17. package/styles/bootstrap.css +13 -3
  18. package/styles/bootstrap4.css +13 -3
  19. package/styles/bootstrap5-dark.css +13 -3
  20. package/styles/bootstrap5.css +13 -3
  21. package/styles/fabric-dark.css +13 -3
  22. package/styles/fabric.css +13 -3
  23. package/styles/fluent-dark.css +13 -3
  24. package/styles/fluent.css +13 -3
  25. package/styles/fluent2.css +13 -3
  26. package/styles/highcontrast-light.css +13 -3
  27. package/styles/highcontrast.css +20 -3
  28. package/styles/material-dark.css +13 -3
  29. package/styles/material.css +13 -3
  30. package/styles/material3-dark.css +13 -3
  31. package/styles/material3.css +13 -3
  32. package/styles/tailwind-dark.css +13 -3
  33. package/styles/tailwind.css +13 -3
  34. package/styles/treegrid/_layout.scss +28 -3
  35. package/styles/treegrid/bootstrap-dark.css +13 -3
  36. package/styles/treegrid/bootstrap.css +13 -3
  37. package/styles/treegrid/bootstrap4.css +13 -3
  38. package/styles/treegrid/bootstrap5-dark.css +13 -3
  39. package/styles/treegrid/bootstrap5.css +13 -3
  40. package/styles/treegrid/fabric-dark.css +13 -3
  41. package/styles/treegrid/fabric.css +13 -3
  42. package/styles/treegrid/fluent-dark.css +13 -3
  43. package/styles/treegrid/fluent.css +13 -3
  44. package/styles/treegrid/fluent2.css +13 -3
  45. package/styles/treegrid/highcontrast-light.css +13 -3
  46. package/styles/treegrid/highcontrast.css +20 -3
  47. package/styles/treegrid/material-dark.css +13 -3
  48. package/styles/treegrid/material.css +13 -3
  49. package/styles/treegrid/material3-dark.css +13 -3
  50. package/styles/treegrid/material3.css +13 -3
  51. package/styles/treegrid/tailwind-dark.css +13 -3
  52. package/styles/treegrid/tailwind.css +13 -3
@@ -2422,13 +2422,13 @@ class DataManipulation {
2422
2422
  e[`${result}`] = this.parent.summaryModule.calculateSummaryValue(summaryQuery, e[`${result}`], true);
2423
2423
  }
2424
2424
  }
2425
+ if (rowDetails.action === 'remoteExpand' && this.parent.allowPaging && this.parent.pageSettings.pageSizeMode === 'All') {
2426
+ this.parent.grid.pageSettings.totalRecordsCount = this.parent.grid.currentViewData.length + result.length;
2427
+ }
2425
2428
  if (this.parent.enableVirtualization) {
2426
2429
  this.parent.grid.pageSettings.totalRecordsCount = e.count;
2427
2430
  }
2428
2431
  e.count = this.parent.grid.pageSettings.totalRecordsCount;
2429
- if (rowDetails.action === 'remoteExpand' && this.parent.allowPaging) {
2430
- this.parent.grid.pageSettings.totalRecordsCount = this.parent.grid.currentViewData.length + result.length;
2431
- }
2432
2432
  const virtualArgs = {};
2433
2433
  if (this.parent.enableVirtualization) {
2434
2434
  this.remoteVirtualAction(virtualArgs);
@@ -4410,21 +4410,25 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
4410
4410
  this.IsExpandCollapseClicked(args);
4411
4411
  if (!isNullOrUndefined(args.data) && this.selectionSettings.persistSelection
4412
4412
  && this.columnModel.filter((col) => col.type === 'checkbox').length > 0 && isRemoteData(this)) {
4413
- if (!isNullOrUndefined(args.data.parentItem)) {
4413
+ if (!isNullOrUndefined(args.data.parentItem) || args.isHeaderCheckboxClicked) {
4414
4414
  this.parentQuery = this.query.queries.filter((q) => q.e.field === this.parentIdMapping);
4415
4415
  this.query.queries = this.query.queries.slice(0, 0);
4416
4416
  }
4417
4417
  }
4418
+ if (this.pageSettings.pageSizeMode === 'Root') {
4419
+ this.grid.selectionModule['totalRecordsCount'] = this.grid.currentViewData.length;
4420
+ }
4421
+ if (this.enableVirtualization && args.rowIndex === this.selectedRowIndex) {
4422
+ args.cancel = true;
4423
+ }
4418
4424
  this.trigger(rowSelecting, args);
4419
4425
  };
4420
4426
  this.grid.rowDeselecting = (args) => {
4421
4427
  this.IsExpandCollapseClicked(args);
4422
- if (isNullOrUndefined(args.data) && this.selectionSettings.persistSelection
4428
+ if (!isNullOrUndefined(args.data) && this.selectionSettings.persistSelection
4423
4429
  && this.columnModel.filter((col) => col.type === 'checkbox').length > 0 && isRemoteData(this)) {
4424
- if (isNullOrUndefined(args.data.parentItem)) {
4425
- this.parentQuery = this.query.queries.filter((q) => q.e.field === this.parentIdMapping);
4426
- this.query.queries = this.query.queries.slice(0, 0);
4427
- }
4430
+ this.parentQuery = this.query.queries.filter((q) => q.e.field === this.parentIdMapping);
4431
+ this.query.queries = this.query.queries.slice(0, 0);
4428
4432
  }
4429
4433
  this.trigger(rowDeselecting, args);
4430
4434
  };
@@ -6354,6 +6358,19 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
6354
6358
  else if (!this.isExpandAll) {
6355
6359
  this.trigger(expanded, expandArgs);
6356
6360
  }
6361
+ if (record.expanded && this.enableVirtualization && this.selectionSettings.persistSelection
6362
+ && !isNullOrUndefined(this.virtualScrollModule.prevSelectedRecord)) {
6363
+ for (let i = 0; i < this.virtualScrollModule.prevSelectedRecord.length; i++) {
6364
+ if (record.uniqueID ===
6365
+ this.virtualScrollModule.prevSelectedRecord[parseInt(i.toString(), 10)].parentItem.uniqueID) {
6366
+ const updateRowSelection = 'updateRowSelection';
6367
+ const index =
6368
+ // eslint-disable-next-line max-len
6369
+ this.getCurrentViewRecords().indexOf(this.virtualScrollModule.prevSelectedRecord[parseInt(i.toString(), 10)]);
6370
+ this.grid.selectionModule[`${updateRowSelection}`](this.getRows()[parseInt(index.toString(), 10)], index);
6371
+ }
6372
+ }
6373
+ }
6357
6374
  }
6358
6375
  }
6359
6376
  expandCollapseAllChildren(record, action, key, level) {
@@ -13605,6 +13622,10 @@ class VirtualScroll {
13605
13622
  this.parent.selectionSettings.mode === 'Row' && !this.parent.selectionSettings.persistSelection) {
13606
13623
  this.parent.grid.clearSelection();
13607
13624
  }
13625
+ if (getValue('isCollapseAll', this.parent) && this.parent.selectionSettings.persistSelection && this.parent.getSelectedRecords().length > 0) {
13626
+ this.prevSelectedRecord = this.parent.getSelectedRecords();
13627
+ this.parent.grid.clearSelection();
13628
+ }
13608
13629
  const requestType = getValue('isCollapseAll', this.parent) ? 'collapseAll' : 'refresh';
13609
13630
  getValue('grid.renderModule', this.parent).dataManagerSuccess(ret, { requestType: requestType });
13610
13631
  }