@syncfusion/ej2-treegrid 26.2.5 → 26.2.9

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 (54) 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 +41 -14
  5. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  6. package/dist/es6/ej2-treegrid.es5.js +41 -14
  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 +8 -8
  12. package/src/treegrid/actions/rowdragdrop.js +1 -1
  13. package/src/treegrid/actions/virtual-scroll.d.ts +1 -0
  14. package/src/treegrid/actions/virtual-scroll.js +7 -1
  15. package/src/treegrid/base/data.js +3 -3
  16. package/src/treegrid/base/treegrid.js +24 -6
  17. package/src/treegrid/renderer/virtual-tree-content-render.js +6 -3
  18. package/styles/bootstrap-dark.css +13 -3
  19. package/styles/bootstrap.css +13 -3
  20. package/styles/bootstrap4.css +13 -3
  21. package/styles/bootstrap5-dark.css +13 -3
  22. package/styles/bootstrap5.css +13 -3
  23. package/styles/fabric-dark.css +13 -3
  24. package/styles/fabric.css +13 -3
  25. package/styles/fluent-dark.css +13 -3
  26. package/styles/fluent.css +13 -3
  27. package/styles/fluent2.css +16 -1034
  28. package/styles/highcontrast-light.css +13 -3
  29. package/styles/highcontrast.css +20 -3
  30. package/styles/material-dark.css +13 -3
  31. package/styles/material.css +13 -3
  32. package/styles/material3-dark.css +14 -57
  33. package/styles/material3.css +15 -112
  34. package/styles/tailwind-dark.css +13 -3
  35. package/styles/tailwind.css +13 -3
  36. package/styles/treegrid/_layout.scss +28 -3
  37. package/styles/treegrid/bootstrap-dark.css +13 -3
  38. package/styles/treegrid/bootstrap.css +13 -3
  39. package/styles/treegrid/bootstrap4.css +13 -3
  40. package/styles/treegrid/bootstrap5-dark.css +13 -3
  41. package/styles/treegrid/bootstrap5.css +13 -3
  42. package/styles/treegrid/fabric-dark.css +13 -3
  43. package/styles/treegrid/fabric.css +13 -3
  44. package/styles/treegrid/fluent-dark.css +13 -3
  45. package/styles/treegrid/fluent.css +13 -3
  46. package/styles/treegrid/fluent2.css +16 -1034
  47. package/styles/treegrid/highcontrast-light.css +13 -3
  48. package/styles/treegrid/highcontrast.css +20 -3
  49. package/styles/treegrid/material-dark.css +13 -3
  50. package/styles/treegrid/material.css +13 -3
  51. package/styles/treegrid/material3-dark.css +14 -57
  52. package/styles/treegrid/material3.css +15 -112
  53. package/styles/treegrid/tailwind-dark.css +13 -3
  54. package/styles/treegrid/tailwind.css +13 -3
@@ -2590,13 +2590,13 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
2590
2590
  e["" + result_1] = _this.parent.summaryModule.calculateSummaryValue(summaryQuery, e["" + result_1], true);
2591
2591
  }
2592
2592
  }
2593
+ if (rowDetails.action === 'remoteExpand' && _this.parent.allowPaging && _this.parent.pageSettings.pageSizeMode === 'All') {
2594
+ _this.parent.grid.pageSettings.totalRecordsCount = _this.parent.grid.currentViewData.length + result.length;
2595
+ }
2593
2596
  if (_this.parent.enableVirtualization) {
2594
2597
  _this.parent.grid.pageSettings.totalRecordsCount = e.count;
2595
2598
  }
2596
2599
  e.count = _this.parent.grid.pageSettings.totalRecordsCount;
2597
- if (rowDetails.action === 'remoteExpand' && _this.parent.allowPaging) {
2598
- _this.parent.grid.pageSettings.totalRecordsCount = _this.parent.grid.currentViewData.length + result.length;
2599
- }
2600
2600
  var virtualArgs = {};
2601
2601
  if (_this.parent.enableVirtualization) {
2602
2602
  _this.remoteVirtualAction(virtualArgs);
@@ -4705,21 +4705,25 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
4705
4705
  _this.IsExpandCollapseClicked(args);
4706
4706
  if (!isNullOrUndefined(args.data) && _this.selectionSettings.persistSelection
4707
4707
  && _this.columnModel.filter(function (col) { return col.type === 'checkbox'; }).length > 0 && isRemoteData(_this)) {
4708
- if (!isNullOrUndefined(args.data.parentItem)) {
4708
+ if (!isNullOrUndefined(args.data.parentItem) || args.isHeaderCheckboxClicked) {
4709
4709
  _this.parentQuery = _this.query.queries.filter(function (q) { return q.e.field === _this.parentIdMapping; });
4710
4710
  _this.query.queries = _this.query.queries.slice(0, 0);
4711
4711
  }
4712
4712
  }
4713
+ if (_this.pageSettings.pageSizeMode === 'Root') {
4714
+ _this.grid.selectionModule['totalRecordsCount'] = _this.grid.currentViewData.length;
4715
+ }
4716
+ if (_this.enableVirtualization && args.rowIndex === _this.selectedRowIndex) {
4717
+ args.cancel = true;
4718
+ }
4713
4719
  _this.trigger(rowSelecting, args);
4714
4720
  };
4715
4721
  this.grid.rowDeselecting = function (args) {
4716
4722
  _this.IsExpandCollapseClicked(args);
4717
- if (isNullOrUndefined(args.data) && _this.selectionSettings.persistSelection
4723
+ if (!isNullOrUndefined(args.data) && _this.selectionSettings.persistSelection
4718
4724
  && _this.columnModel.filter(function (col) { return col.type === 'checkbox'; }).length > 0 && isRemoteData(_this)) {
4719
- if (isNullOrUndefined(args.data.parentItem)) {
4720
- _this.parentQuery = _this.query.queries.filter(function (q) { return q.e.field === _this.parentIdMapping; });
4721
- _this.query.queries = _this.query.queries.slice(0, 0);
4722
- }
4725
+ _this.parentQuery = _this.query.queries.filter(function (q) { return q.e.field === _this.parentIdMapping; });
4726
+ _this.query.queries = _this.query.queries.slice(0, 0);
4723
4727
  }
4724
4728
  _this.trigger(rowDeselecting, args);
4725
4729
  };
@@ -4861,6 +4865,16 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
4861
4865
  _this.grid.selectionModule["" + updateRowSelection](_this.getRows()[parseInt(index.toString(), 10)], index);
4862
4866
  }
4863
4867
  }
4868
+ if (_this.enableVirtualization && _this.selectionSettings.persistSelection
4869
+ && !isNullOrUndefined(_this.virtualScrollModule.prevSelectedRecord)) {
4870
+ for (var i = 0; i < _this.virtualScrollModule.prevSelectedRecord.length; i++) {
4871
+ var updateRowSelection = 'updateRowSelection';
4872
+ var index =
4873
+ // eslint-disable-next-line max-len
4874
+ _this.getCurrentViewRecords().indexOf(_this.virtualScrollModule.prevSelectedRecord[parseInt(i.toString(), 10)]);
4875
+ _this.grid.selectionModule["" + updateRowSelection](_this.getRows()[parseInt(index.toString(), 10)], index);
4876
+ }
4877
+ }
4864
4878
  _this.trigger(dataBound, args);
4865
4879
  _this.initialRender = false;
4866
4880
  };
@@ -6661,6 +6675,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
6661
6675
  expandArgs = { data: parentRec, row: row };
6662
6676
  this.trigger(expanded, expandArgs);
6663
6677
  }
6678
+ else if (!this.isExpandAll && this.enableVirtualization && this.selectionSettings.persistSelection
6679
+ && !isNullOrUndefined(this.virtualScrollModule.prevSelectedRecord)) {
6680
+ this.virtualScrollModule.prevSelectedRecord = [];
6681
+ }
6664
6682
  else if (!this.isExpandAll) {
6665
6683
  this.trigger(expanded, expandArgs);
6666
6684
  }
@@ -9135,7 +9153,7 @@ var RowDD = /** @__PURE__ @class */ (function () {
9135
9153
  this.canDrop = false;
9136
9154
  this.addErrorElem();
9137
9155
  }
9138
- if (!tObj.rowDropSettings.targetID && this.canDrop) {
9156
+ if (!tObj.rowDropSettings.targetID && this.canDrop && !isNullOrUndefined(args.rows[0])) {
9139
9157
  tObj.rowDragAndDropModule.updateIcon(args.rows, rowIdx, args);
9140
9158
  }
9141
9159
  if (isNullOrUndefined(tObj.rowDropSettings.targetID) && !this.canDrop) {
@@ -13665,14 +13683,17 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
13665
13683
  var info = scrollArgs.sentinel;
13666
13684
  var rowHeight = this.parent.getRowHeight();
13667
13685
  var outBuffer = this.parent.pageSettings.pageSize - Math.ceil(this.parent.pageSettings.pageSize / 2);
13668
- var content = this.parent.getContent().querySelector('.e-content');
13686
+ var content;
13687
+ if (!isNullOrUndefined(this.parent.contentModule)) {
13688
+ content = this.parent.getContent().querySelector('.e-content');
13689
+ }
13669
13690
  var scrollHeight = outBuffer * rowHeight;
13670
13691
  var upScroll = (scrollArgs.offset.top - this.translateY) <= 0;
13671
13692
  var downScroll = Math.ceil(scrollArgs.offset.top - this.translateY) + rowHeight >= scrollHeight;
13672
13693
  var selectedRowIndex = 'selectedRowIndex';
13673
13694
  var currentViewData = this.parent.currentViewData;
13674
13695
  var indexValue = 'index';
13675
- if (upScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left')) {
13696
+ if (upScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left') && !isNullOrUndefined(content)) {
13676
13697
  var vHeight = +(this.parent.height.toString().indexOf('%') < 0 ? parseInt(this.parent.height.toString(), 10) :
13677
13698
  this.parent.element.getBoundingClientRect().height);
13678
13699
  var index = (~~(content.scrollTop / rowHeight)
@@ -13720,7 +13741,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
13720
13741
  scrollArgs.offset.top - (outBuffer * rowHeight) + 10 : 0;
13721
13742
  }
13722
13743
  }
13723
- else if (downScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left')) {
13744
+ else if (downScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left') && !isNullOrUndefined(content)) {
13724
13745
  var nextSetResIndex = ~~(content.scrollTop / rowHeight);
13725
13746
  var isLastBlock = (this["" + selectedRowIndex] + this.parent.pageSettings.pageSize) < this.totalRecords ? false : true;
13726
13747
  if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 &&
@@ -13999,6 +14020,7 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
13999
14020
  function VirtualScroll(parent) {
14000
14021
  this.prevstartIndex = -1;
14001
14022
  this.prevendIndex = -1;
14023
+ this.prevSelectedRecord = [];
14002
14024
  this.parent = parent;
14003
14025
  Grid.Inject(TreeVirtual);
14004
14026
  this.addEventListener();
@@ -14054,6 +14076,10 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
14054
14076
  this.parent.selectionSettings.mode === 'Row' && !this.parent.selectionSettings.persistSelection) {
14055
14077
  this.parent.grid.clearSelection();
14056
14078
  }
14079
+ if (getValue('isCollapseAll', this.parent) && this.parent.selectionSettings.persistSelection && this.parent.getSelectedRecords().length > 0) {
14080
+ this.prevSelectedRecord = this.parent.getSelectedRecords();
14081
+ this.parent.grid.clearSelection();
14082
+ }
14057
14083
  var requestType = getValue('isCollapseAll', this.parent) ? 'collapseAll' : 'refresh';
14058
14084
  getValue('grid.renderModule', this.parent).dataManagerSuccess(ret, { requestType: requestType });
14059
14085
  };
@@ -14125,7 +14151,8 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
14125
14151
  }
14126
14152
  }
14127
14153
  //}
14128
- if (this.prevrequestType === 'collapseAll' && pageingDetails.actionArgs.requestType === 'virtualscroll' && !isNullOrUndefined(this.parent.idMapping)) {
14154
+ if (this.prevrequestType === 'collapseAll' && pageingDetails.actionArgs.requestType === 'virtualscroll'
14155
+ && !isNullOrUndefined(this.parent.idMapping) && startIndex === 0) {
14129
14156
  startIndex = 0;
14130
14157
  endIndex = this.parent.grid.pageSettings.pageSize - 1;
14131
14158
  this.parent.grid.notify(virtualActionArgs, { setTop: true });