@syncfusion/ej2-treegrid 24.1.46 → 24.2.4

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 (53) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/ej2-treegrid.min.js +2 -2
  3. package/dist/ej2-treegrid.umd.min.js +2 -2
  4. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-treegrid.es2015.js +8 -28
  6. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  7. package/dist/es6/ej2-treegrid.es5.js +6 -27
  8. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  9. package/dist/global/ej2-treegrid.min.js +2 -2
  10. package/dist/global/ej2-treegrid.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +9 -9
  13. package/src/treegrid/actions/context-menu.js +1 -0
  14. package/src/treegrid/actions/infinite-scroll.d.ts +0 -1
  15. package/src/treegrid/actions/infinite-scroll.js +2 -24
  16. package/src/treegrid/actions/page.js +2 -2
  17. package/src/treegrid/base/data.js +1 -1
  18. package/src/treegrid/base/treegrid.js +1 -1
  19. package/styles/bootstrap-dark.css +1 -2
  20. package/styles/bootstrap.css +1 -2
  21. package/styles/bootstrap4.css +1 -2
  22. package/styles/bootstrap5-dark.css +1 -2
  23. package/styles/bootstrap5.css +1 -2
  24. package/styles/fabric-dark.css +1 -2
  25. package/styles/fabric.css +1 -2
  26. package/styles/fluent-dark.css +1 -2
  27. package/styles/fluent.css +1 -2
  28. package/styles/highcontrast-light.css +1 -2
  29. package/styles/highcontrast.css +1 -2
  30. package/styles/material-dark.css +1 -2
  31. package/styles/material.css +1 -2
  32. package/styles/material3-dark.css +1 -2
  33. package/styles/material3.css +1 -2
  34. package/styles/tailwind-dark.css +1 -2
  35. package/styles/tailwind.css +1 -2
  36. package/styles/treegrid/_layout.scss +1 -2
  37. package/styles/treegrid/bootstrap-dark.css +1 -2
  38. package/styles/treegrid/bootstrap.css +1 -2
  39. package/styles/treegrid/bootstrap4.css +1 -2
  40. package/styles/treegrid/bootstrap5-dark.css +1 -2
  41. package/styles/treegrid/bootstrap5.css +1 -2
  42. package/styles/treegrid/fabric-dark.css +1 -2
  43. package/styles/treegrid/fabric.css +1 -2
  44. package/styles/treegrid/fluent-dark.css +1 -2
  45. package/styles/treegrid/fluent.css +1 -2
  46. package/styles/treegrid/highcontrast-light.css +1 -2
  47. package/styles/treegrid/highcontrast.css +1 -2
  48. package/styles/treegrid/material-dark.css +1 -2
  49. package/styles/treegrid/material.css +1 -2
  50. package/styles/treegrid/material3-dark.css +1 -2
  51. package/styles/treegrid/material3.css +1 -2
  52. package/styles/treegrid/tailwind-dark.css +1 -2
  53. package/styles/treegrid/tailwind.css +1 -2
@@ -2647,7 +2647,7 @@ class DataManipulation {
2647
2647
  paging(results, count, isExport, isPrinting, exportType, args) {
2648
2648
  if (this.parent.allowPaging && (!isExport || exportType === 'CurrentPage')
2649
2649
  && (!isPrinting || this.parent.printMode === 'CurrentPage')) {
2650
- this.parent.notify(pagingActions, { result: results, count: count });
2650
+ this.parent.notify(pagingActions, { result: results, count: count, actionArgs: args });
2651
2651
  results = this.dataResults.result;
2652
2652
  count = isCountRequired(this.parent) ? getValue('count', this.parent.dataSource)
2653
2653
  : this.dataResults.count;
@@ -6480,7 +6480,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
6480
6480
  if (!isNullOrUndefined(row)) {
6481
6481
  row.setAttribute('aria-expanded', action === 'expand' ? 'true' : 'false');
6482
6482
  }
6483
- if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization || this.enableInfiniteScrolling) && !isRemoteData(this)
6483
+ if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization) && !isRemoteData(this)
6484
6484
  && !isCountRequired(this)) {
6485
6485
  this.notify(localPagedExpandCollapse, { action: action, row: row, record: record });
6486
6486
  }
@@ -10057,8 +10057,8 @@ class Page$1 {
10057
10057
  const expanded$$1 = new Predicate('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
10058
10058
  const parents = dm.executeLocal(new Query().where(expanded$$1));
10059
10059
  let visualData;
10060
- if (isFilterChildHierarchy(this.parent) && ((this.parent.searchSettings.key !== this.parent.grid.searchSettings.key) ||
10061
- (this.parent.filterSettings.columns.length !== this.parent.grid.filterSettings.columns.length))) {
10060
+ if (isFilterChildHierarchy(this.parent) && (pageingDetails.actionArgs.action !== 'collapse' &&
10061
+ pageingDetails.actionArgs.action !== 'expand')) {
10062
10062
  visualData = parents;
10063
10063
  }
10064
10064
  else {
@@ -10730,6 +10730,7 @@ class ContextMenu$1 {
10730
10730
  }
10731
10731
  }
10732
10732
  tObj.grid.contextMenuModule.contextMenu.hideItems(tObj.grid.contextMenuModule['hiddenItems']);
10733
+ indent.style.display = outdent.style.display = 'none';
10733
10734
  }
10734
10735
  }
10735
10736
  }
@@ -13608,7 +13609,6 @@ class InfiniteScroll$1 {
13608
13609
  this.parent.grid.on('infinite-edit-handler', this.infiniteEditHandler, this);
13609
13610
  this.parent.grid.on('infinite-crud-cancel', this.createRows, this);
13610
13611
  this.parent.grid.on('content-ready', this.contentready, this);
13611
- this.parent.on(localPagedExpandCollapse, this.collapseExpandInfinitechilds, this);
13612
13612
  }
13613
13613
  /**
13614
13614
  * @hidden
@@ -13624,7 +13624,6 @@ class InfiniteScroll$1 {
13624
13624
  this.parent.off(pagingActions, this.infinitePageAction);
13625
13625
  this.parent.grid.off('infinite-crud-cancel', this.createRows);
13626
13626
  this.parent.grid.off('content-ready', this.contentready);
13627
- this.parent.off(localPagedExpandCollapse, this.collapseExpandInfinitechilds);
13628
13627
  }
13629
13628
  /**
13630
13629
  * Handles the Expand Collapse action for Remote data with infinite scrolling.
@@ -13674,18 +13673,6 @@ class InfiniteScroll$1 {
13674
13673
  }
13675
13674
  }
13676
13675
  }
13677
- collapseExpandInfinitechilds(row) {
13678
- row.record.expanded = row.action === 'collapse' ? false : true;
13679
- const ret = {
13680
- result: this.parent.flatData,
13681
- row: row.row,
13682
- action: row.action,
13683
- record: row.record,
13684
- count: this.parent.flatData.length
13685
- };
13686
- const requestType = getValue('isCollapseAll', this.parent) ? 'collapseAll' : 'refresh';
13687
- getValue('grid.renderModule', this.parent).dataManagerSuccess(ret, { requestType: requestType });
13688
- }
13689
13676
  /**
13690
13677
  * Handles the page query for Data operations and CRUD actions.
13691
13678
  *
@@ -13698,10 +13685,7 @@ class InfiniteScroll$1 {
13698
13685
  infinitePageAction(pageingDetails) {
13699
13686
  const dm = new DataManager(pageingDetails.result);
13700
13687
  const expanded$$1 = new Predicate('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
13701
- const infiniteParents = dm.executeLocal(new Query().where(expanded$$1));
13702
- const visualData = infiniteParents.filter((e) => {
13703
- return getExpandStatus(this.parent, e, infiniteParents);
13704
- });
13688
+ const visualData = dm.executeLocal(new Query().where(expanded$$1));
13705
13689
  const actionArgs = getValue('actionArgs', pageingDetails.actionArgs);
13706
13690
  const actions = getValue('actions', this.parent.grid.infiniteScrollModule);
13707
13691
  if (this.parent.grid.infiniteScrollModule['isInitialRender'] && !this.parent.initialRender) {
@@ -13720,10 +13704,10 @@ class InfiniteScroll$1 {
13720
13704
  if (isCache && this.parent.infiniteScrollSettings.initialBlocks > this.parent.infiniteScrollSettings.maxBlocks) {
13721
13705
  this.parent.infiniteScrollSettings.initialBlocks = this.parent.infiniteScrollSettings.maxBlocks;
13722
13706
  }
13723
- let size = initialRender ?
13707
+ const size = initialRender ?
13724
13708
  this.parent.grid.pageSettings.pageSize * this.parent.infiniteScrollSettings.initialBlocks :
13725
13709
  this.parent.grid.pageSettings.pageSize;
13726
- let current = this.parent.grid.pageSettings.currentPage;
13710
+ const current = this.parent.grid.pageSettings.currentPage;
13727
13711
  if (!isNullOrUndefined(actionArgs)) {
13728
13712
  const lastIndex = getValue('lastIndex', this.parent.grid.infiniteScrollModule);
13729
13713
  const firstIndex = getValue('firstIndex', this.parent.grid.infiniteScrollModule);
@@ -13738,10 +13722,6 @@ class InfiniteScroll$1 {
13738
13722
  query = query.take(this.parent.infiniteScrollSettings.initialBlocks * this.parent.pageSettings.pageSize);
13739
13723
  }
13740
13724
  else {
13741
- if ((pageingDetails.actionArgs['action'] === 'expand' || pageingDetails.actionArgs['action'] === 'collapse') && this.parent.grid.pageSettings.currentPage !== 1) {
13742
- current = 1;
13743
- size = this.parent.grid.pageSettings.pageSize * this.parent.grid.pageSettings.currentPage;
13744
- }
13745
13725
  query = query.page(current, size);
13746
13726
  }
13747
13727
  }