@syncfusion/ej2-treegrid 19.3.46 → 19.3.55

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 (45) hide show
  1. package/CHANGELOG.md +30 -0
  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 +55 -11
  5. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  6. package/dist/es6/ej2-treegrid.es5.js +55 -12
  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 +9 -9
  12. package/src/treegrid/actions/batch-edit.js +14 -4
  13. package/src/treegrid/actions/edit.js +6 -0
  14. package/src/treegrid/actions/rowdragdrop.js +1 -1
  15. package/src/treegrid/actions/virtual-scroll.js +6 -1
  16. package/src/treegrid/base/data.js +3 -1
  17. package/src/treegrid/base/treegrid.js +22 -4
  18. package/src/treegrid/renderer/virtual-tree-content-render.js +3 -1
  19. package/styles/bootstrap-dark.css +1 -1
  20. package/styles/bootstrap.css +1 -1
  21. package/styles/bootstrap4.css +1 -1
  22. package/styles/bootstrap5-dark.css +2 -1
  23. package/styles/bootstrap5.css +2 -1
  24. package/styles/fabric-dark.css +1 -1
  25. package/styles/fabric.css +1 -1
  26. package/styles/highcontrast-light.css +1 -1
  27. package/styles/highcontrast.css +1 -1
  28. package/styles/material-dark.css +1 -1
  29. package/styles/material.css +1 -1
  30. package/styles/tailwind-dark.css +1 -1
  31. package/styles/tailwind.css +1 -1
  32. package/styles/treegrid/_layout.scss +1 -1
  33. package/styles/treegrid/bootstrap-dark.css +1 -1
  34. package/styles/treegrid/bootstrap.css +1 -1
  35. package/styles/treegrid/bootstrap4.css +1 -1
  36. package/styles/treegrid/bootstrap5-dark.css +2 -1
  37. package/styles/treegrid/bootstrap5.css +2 -1
  38. package/styles/treegrid/fabric-dark.css +1 -1
  39. package/styles/treegrid/fabric.css +1 -1
  40. package/styles/treegrid/highcontrast-light.css +1 -1
  41. package/styles/treegrid/highcontrast.css +1 -1
  42. package/styles/treegrid/material-dark.css +1 -1
  43. package/styles/treegrid/material.css +1 -1
  44. package/styles/treegrid/tailwind-dark.css +1 -1
  45. package/styles/treegrid/tailwind.css +1 -1
@@ -2286,7 +2286,9 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
2286
2286
  var query = getObject('query', args);
2287
2287
  var srtQry = new Query();
2288
2288
  for (var srt = this.parent.grid.sortSettings.columns.length - 1; srt >= 0; srt--) {
2289
- var col = this.parent.grid.getColumnByField(this.parent.grid.sortSettings.columns[srt].field);
2289
+ var getColumnByField = 'getColumnByField';
2290
+ var col = this.parent.grid.renderModule.data[getColumnByField](this.parent.grid.
2291
+ sortSettings.columns[srt].field);
2290
2292
  var compFun = col.sortComparer && isOffline(this.parent) ?
2291
2293
  col.sortComparer.bind(col) :
2292
2294
  this.parent.grid.sortSettings.columns[srt].direction;
@@ -3816,6 +3818,15 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
3816
3818
  _this.trigger(rowSelecting, args);
3817
3819
  };
3818
3820
  this.grid.rowSelected = function (args) {
3821
+ if (_this.enableVirtualization && args.isHeaderCheckboxClicked &&
3822
+ _this.grid.currentViewData.length !== _this.grid.selectionModule.selectedRowIndexes.length) {
3823
+ var updateRowSelection = 'updateRowSelection';
3824
+ for (var i = 0; i < _this.getRows().length; i++) {
3825
+ if (_this.getRows()[i].getElementsByClassName("e-frame e-icons e-uncheck").length) {
3826
+ _this.grid.selectionModule[updateRowSelection](_this.getRows()[i], _this.getCurrentViewRecords()[i].index);
3827
+ }
3828
+ }
3829
+ }
3819
3830
  _this.selectedRowIndex = _this.grid.selectedRowIndex;
3820
3831
  _this.notify(rowSelected, args);
3821
3832
  _this.trigger(rowSelected, args);
@@ -4122,6 +4133,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
4122
4133
  && (_this.grid.filterSettings.columns.length === 0 || _this.grid.searchSettings.key.length === 0)) {
4123
4134
  _this.notify('clearFilters', { flatData: _this.grid.dataSource });
4124
4135
  _this.grid.setProperties({ dataSource: _this.dataResults.result }, true);
4136
+ if (isNullOrUndefined(_this.grid['changedProperties'].dataSource)) {
4137
+ _this.grid.renderModule.data.dataManager = _this.grid.dataSource instanceof DataManager ? _this.grid.dataSource :
4138
+ (isNullOrUndefined(_this.grid.dataSource) ? new DataManager() : new DataManager(_this.grid.dataSource));
4139
+ }
4125
4140
  }
4126
4141
  var callBackPromise = new Deferred();
4127
4142
  _this.trigger(actionBegin, args, function (actionArgs) {
@@ -4669,6 +4684,11 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
4669
4684
  if (isNullOrUndefined(this.grid)) {
4670
4685
  return;
4671
4686
  }
4687
+ if (!isNullOrUndefined(this.rowDropSettings.targetID) &&
4688
+ isNullOrUndefined(document.getElementById(this.grid.rowDropSettings.targetID))) {
4689
+ document.getElementById(this.rowDropSettings.targetID).id = this.grid.rowDropSettings.targetID;
4690
+ this.rowDropSettings.targetID = this.grid.rowDropSettings.targetID;
4691
+ }
4672
4692
  _super.prototype.dataBind.call(this);
4673
4693
  this.grid.dataBind();
4674
4694
  };
@@ -4680,7 +4700,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
4680
4700
  */
4681
4701
  TreeGrid.prototype.getPersistData = function () {
4682
4702
  var keyEntity = ['pageSettings', 'sortSettings',
4683
- 'filterSettings', 'columns', 'searchSettings', 'selectedRowIndex'];
4703
+ 'filterSettings', 'columns', 'searchSettings', 'selectedRowIndex', 'treeColumnIndex'];
4684
4704
  var ignoreOnPersist = {
4685
4705
  pageSettings: ['template', 'pageSizes', 'pageSizeMode', 'enableQueryString', 'totalRecordsCount', 'pageCount'],
4686
4706
  filterSettings: ['type', 'mode', 'showFilterBarStatus', 'immediateModeDelay', 'ignoreAccent', 'hierarchyMode'],
@@ -4691,9 +4711,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
4691
4711
  'commandTemplate', 'commands', 'dataSource'];
4692
4712
  for (var i = 0; i < keyEntity.length; i++) {
4693
4713
  var currentObject = this[keyEntity[i]];
4694
- for (var _i = 0, _a = ignoreOnPersist[keyEntity[i]]; _i < _a.length; _i++) {
4695
- var val = _a[_i];
4696
- delete currentObject[val];
4714
+ for (var k = 0, val = ignoreOnPersist[keyEntity[i]]; (!isNullOrUndefined(val) && k < val.length); k++) {
4715
+ var objVal = val[k];
4716
+ delete currentObject[objVal];
4697
4717
  }
4698
4718
  }
4699
4719
  this.ignoreInArrays(ignoreOnColumn, this.columns);
@@ -7396,7 +7416,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
7396
7416
  }
7397
7417
  else {
7398
7418
  if (args.target && closest(args.target, '#' + tObj.rowDropSettings.targetID) || parentsUntil(args.target, 'e-treegrid') &&
7399
- parentsUntil(args.target, 'e-treegrid').id === tObj.rowDropSettings.targetID) {
7419
+ parentsUntil(args.target, 'e-treegrid').id === tObj.rowDropSettings.targetID || args.target && document.getElementById(tObj.rowDropSettings.targetID)) {
7400
7420
  setValue('dropPosition', this.dropPosition, args);
7401
7421
  tObj.trigger(rowDrop, args);
7402
7422
  if (!args.cancel && tObj.rowDropSettings.targetID) {
@@ -9786,7 +9806,7 @@ var BatchEdit = /** @__PURE__ @class */ (function () {
9786
9806
  focusModule.getContent().matrix.current = [actualIndex, focusModule.getContent().matrix.current[1]];
9787
9807
  }
9788
9808
  };
9789
- BatchEdit.prototype.beforeBatchDelete = function () {
9809
+ BatchEdit.prototype.beforeBatchDelete = function (args) {
9790
9810
  if (!this.batchRecords.length) {
9791
9811
  this.batchRecords = extendArray(this.parent.grid.getCurrentViewRecords());
9792
9812
  this.currentViewRecords = extendArray(this.parent.grid.getCurrentViewRecords());
@@ -9796,9 +9816,19 @@ var BatchEdit = /** @__PURE__ @class */ (function () {
9796
9816
  var row = [];
9797
9817
  var records = [];
9798
9818
  var primarykey = this.parent.grid.getPrimaryKeyFieldNames()[0];
9799
- var data = this.parent.grid.getSelectedRecords()[this.parent.grid.getSelectedRecords().length - 1];
9800
- var childs = findChildrenRecords(data);
9801
- var uid = this.parent.getSelectedRows()[0].getAttribute('data-uid');
9819
+ var data;
9820
+ var childs;
9821
+ var uid;
9822
+ if (!isNullOrUndefined(args.row) && this.parent.getSelectedRows().indexOf(args.row) === -1) {
9823
+ data = args.rowData;
9824
+ childs = findChildrenRecords(data);
9825
+ uid = args.row.getAttribute('data-uid');
9826
+ }
9827
+ else {
9828
+ data = this.parent.grid.getSelectedRecords()[this.parent.grid.getSelectedRecords().length - 1];
9829
+ childs = findChildrenRecords(data);
9830
+ uid = this.parent.getSelectedRows()[0].getAttribute('data-uid');
9831
+ }
9802
9832
  var parentRowIndex = parseInt(this.parent.grid.getRowElementByUID(uid).getAttribute('aria-rowindex'), 10);
9803
9833
  if (childs.length) {
9804
9834
  var totalCount = parentRowIndex + childs.length;
@@ -10856,6 +10886,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
10856
10886
  }
10857
10887
  if (this.isAddedRowByMethod && args.index !== 0) {
10858
10888
  this.addRowRecord = this.parent.flatData[args.index];
10889
+ this.addRowIndex = args.index;
10859
10890
  }
10860
10891
  if (this.parent.editSettings.newRowPosition === 'Child' && isNullOrUndefined(this.addRowRecord)
10861
10892
  && !isNullOrUndefined(this.parent.getSelectedRecords()[0])) {
@@ -10884,6 +10915,11 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
10884
10915
  var position = null;
10885
10916
  value.taskData = isNullOrUndefined(value.taskData) ? extend({}, args.data) : value.taskData;
10886
10917
  var currentData = this.parent.grid.getCurrentViewRecords();
10918
+ if (this.parent.enableVirtualization && args.index !== 0) {
10919
+ this.addRowIndex = this.parent.grid.getCurrentViewRecords().indexOf(this.addRowRecord);
10920
+ this.selectedIndex = parseInt(this.parent.getRows()[this.addRowIndex].getAttribute('aria-rowindex'));
10921
+
10922
+ }
10887
10923
  var index = this.addRowIndex;
10888
10924
  value.uniqueID = getUid(this.parent.element.id + '_data_');
10889
10925
  setValue('uniqueIDCollection.' + value.uniqueID, value, this.parent);
@@ -11405,7 +11441,9 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
11405
11441
  if (isNullOrUndefined(this.observer[containerRect])) {
11406
11442
  this.observer[containerRect] = this.observers[containerRect];
11407
11443
  }
11408
- _super.prototype[selectVirtualRow].call(this, args);
11444
+ if (args.selectedIndex !== 0 || isNullOrUndefined(this.parent['clipboardModule'].treeGridParent.editModule['addRowIndex'])) {
11445
+ _super.prototype[selectVirtualRow].call(this, args);
11446
+ }
11409
11447
  };
11410
11448
  VirtualTreeContentRenderer.prototype.refreshCell = function (rowObj) {
11411
11449
  rowObj.cells = this.generateCells();
@@ -11891,11 +11929,16 @@ var VirtualScroll$1 = /** @__PURE__ @class */ (function () {
11891
11929
  }
11892
11930
  //if ((this.prevendIndex !== -1 && this.prevstartIndex !== -1) &&
11893
11931
  //this.prevendIndex === endIndex && this.prevstartIndex === startIndex) {
11932
+ if (!isNullOrUndefined(this.expandCollapseRec) && (pageingDetails.actionArgs.requestType === 'virtualscroll' ||
11933
+ (pageingDetails.actionArgs.requestType === 'refresh' && startIndex !== this.prevstartIndex)) &&
11934
+ (startIndex < this.parent.getRows().length && endIndex <= startIndex + this.parent.getRows().length)) {
11935
+ startIndex = 0;
11936
+ }
11894
11937
  if (!isNullOrUndefined(this.expandCollapseRec)) {
11895
11938
  var resourceCount = this.parent.getRows();
11896
11939
  var sIndex = visualData.indexOf(this.expandCollapseRec);
11897
11940
  var tempdata = visualData.slice(sIndex, sIndex + resourceCount.length);
11898
- if (tempdata.length < resourceCount.length && sIndex >= 0) {
11941
+ if (tempdata.length < resourceCount.length && sIndex >= 0 && startIndex !== 0) {
11899
11942
  sIndex = visualData.length - resourceCount.length;
11900
11943
  sIndex = sIndex > 0 ? sIndex : 0;
11901
11944
  startIndex = sIndex;