@syncfusion/ej2-treegrid 28.2.4 → 29.1.33

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 (84) hide show
  1. package/README.md +2 -2
  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 +1275 -519
  6. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  7. package/dist/es6/ej2-treegrid.es5.js +1277 -519
  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 +10 -10
  13. package/src/treegrid/actions/batch-edit.js +12 -5
  14. package/src/treegrid/actions/edit.js +12 -12
  15. package/src/treegrid/actions/page.js +1 -1
  16. package/src/treegrid/actions/rowdragdrop.d.ts +21 -1
  17. package/src/treegrid/actions/rowdragdrop.js +248 -48
  18. package/src/treegrid/actions/summary.js +1 -1
  19. package/src/treegrid/actions/virtual-scroll.d.ts +34 -1
  20. package/src/treegrid/actions/virtual-scroll.js +58 -11
  21. package/src/treegrid/base/constant.d.ts +0 -4
  22. package/src/treegrid/base/constant.js +0 -4
  23. package/src/treegrid/base/data.js +48 -47
  24. package/src/treegrid/base/treegrid-model.d.ts +195 -208
  25. package/src/treegrid/base/treegrid.d.ts +598 -411
  26. package/src/treegrid/base/treegrid.js +523 -306
  27. package/src/treegrid/enum.d.ts +77 -80
  28. package/src/treegrid/enum.js +2 -2
  29. package/src/treegrid/models/column.d.ts +122 -177
  30. package/src/treegrid/models/column.js +14 -26
  31. package/src/treegrid/models/edit-settings-model.d.ts +24 -25
  32. package/src/treegrid/models/edit-settings.d.ts +25 -26
  33. package/src/treegrid/models/edit-settings.js +1 -1
  34. package/src/treegrid/models/filter-settings-model.d.ts +41 -49
  35. package/src/treegrid/models/filter-settings.d.ts +43 -51
  36. package/src/treegrid/models/filter-settings.js +2 -2
  37. package/src/treegrid/models/infinite-scroll-settings-model.d.ts +4 -4
  38. package/src/treegrid/models/infinite-scroll-settings.d.ts +4 -4
  39. package/src/treegrid/models/infinite-scroll-settings.js +1 -1
  40. package/src/treegrid/models/loading-indicator-model.d.ts +3 -4
  41. package/src/treegrid/models/loading-indicator.d.ts +4 -4
  42. package/src/treegrid/models/loading-indicator.js +1 -1
  43. package/src/treegrid/models/page-settings-model.d.ts +10 -13
  44. package/src/treegrid/models/page-settings.d.ts +11 -14
  45. package/src/treegrid/models/page-settings.js +1 -1
  46. package/src/treegrid/models/rowdrop-settings-model.d.ts +1 -1
  47. package/src/treegrid/models/rowdrop-settings.d.ts +13 -6
  48. package/src/treegrid/models/rowdrop-settings.js +1 -1
  49. package/src/treegrid/models/search-settings-model.d.ts +13 -11
  50. package/src/treegrid/models/search-settings.d.ts +14 -12
  51. package/src/treegrid/models/search-settings.js +1 -1
  52. package/src/treegrid/models/selection-settings-model.d.ts +18 -29
  53. package/src/treegrid/models/selection-settings.d.ts +18 -29
  54. package/src/treegrid/models/sort-settings-model.d.ts +8 -5
  55. package/src/treegrid/models/sort-settings.d.ts +10 -7
  56. package/src/treegrid/models/sort-settings.js +2 -2
  57. package/src/treegrid/models/summary-model.d.ts +28 -29
  58. package/src/treegrid/models/summary.d.ts +32 -30
  59. package/src/treegrid/models/summary.js +4 -1
  60. package/src/treegrid/models/textwrap-settings-model.d.ts +7 -4
  61. package/src/treegrid/models/textwrap-settings.d.ts +8 -5
  62. package/src/treegrid/models/textwrap-settings.js +1 -1
  63. package/src/treegrid/renderer/render.js +11 -5
  64. package/src/treegrid/renderer/virtual-row-model-generator.js +5 -4
  65. package/src/treegrid/renderer/virtual-tree-content-render.d.ts +277 -0
  66. package/src/treegrid/renderer/virtual-tree-content-render.js +328 -35
  67. package/src/treegrid/utils.d.ts +1 -1
  68. package/styles/bootstrap-lite.css +0 -12
  69. package/styles/bootstrap.css +0 -12
  70. package/styles/bootstrap5-dark-lite.css +1 -1
  71. package/styles/bootstrap5-dark.css +1 -1
  72. package/styles/treegrid/_layout.scss +0 -1
  73. package/styles/treegrid/_material-dark-definition.scss +2 -2
  74. package/styles/treegrid/_material-definition.scss +2 -2
  75. package/styles/treegrid/bootstrap.css +0 -12
  76. package/styles/treegrid/bootstrap5-dark.css +1 -1
  77. package/styles/treegrid/icons/_bootstrap.scss +0 -17
  78. package/styles/treegrid/icons/_bootstrap5.scss +1 -1
  79. package/styles/treegrid/icons/_fabric-dark.scss +1 -1
  80. package/styles/treegrid/icons/_fabric.scss +1 -1
  81. package/styles/treegrid/icons/_fluent2.scss +1 -1
  82. package/styles/treegrid/icons/_fusionnew.scss +1 -0
  83. package/styles/treegrid/icons/_highcontrast-light.scss +1 -1
  84. package/styles/treegrid/icons/_tailwind-dark.scss +2 -2
package/src/treegrid/base/constant.d.ts CHANGED
@@ -151,12 +151,8 @@ export declare const frozenRight: string;
151
151
  /** @hidden */
152
152
  export declare const frozenLeft: string;
153
153
  /** @hidden */
154
- export declare const dataColIndex: string;
155
- /** @hidden */
156
154
  export declare const ariaColIndex: string;
157
155
  /** @hidden */
158
- export declare const dataRowIndex: string;
159
- /** @hidden */
160
156
  export declare const ariaRowIndex: string;
161
157
  /** @hidden */
162
158
  export declare const actionFailure: string;
package/src/treegrid/base/constant.js CHANGED
@@ -151,12 +151,8 @@ export var frozenRight = 'frozen-right';
151
151
  /** @hidden */
152
152
  export var frozenLeft = 'frozen-left';
153
153
  /** @hidden */
154
- export var dataColIndex = 'data-colindex';
155
- /** @hidden */
156
154
  export var ariaColIndex = 'aria-colindex';
157
155
  /** @hidden */
158
- export var dataRowIndex = 'data-rowindex';
159
- /** @hidden */
160
156
  export var ariaRowIndex = 'aria-rowindex';
161
157
  /** @hidden */
162
158
  export var actionFailure = 'actionFailure';
package/src/treegrid/base/data.js CHANGED
@@ -369,7 +369,7 @@ var DataManipulation = /** @class */ (function () {
369
369
  qry.expand(expandDetail);
370
370
  }
371
371
  qry.where(this.parent.parentIdMapping, 'equal', rowDetails.record[this.parent.idMapping]);
372
- if (rowDetails.action === 'remoteExpand' && this.parent.grid.filterModule && this.parent.grid.filterModule['value']) {
372
+ if (rowDetails.action === 'remoteExpand' && this.parent.grid.filterSettings && this.parent.grid.filterSettings.columns.length) {
373
373
  var filterqry = this.parent.grid.getDataModule().generateQuery().queries.filter(function (e) { return e.fn !== 'onPage' && typeof e.e.predicates !== 'undefined'; });
374
374
  qry.queries.push(filterqry[0]);
375
375
  }
@@ -438,115 +438,116 @@ var DataManipulation = /** @class */ (function () {
438
438
  rowDetails.record.childRecords = result;
439
439
  }
440
440
  for (var r = 0; r < result.length; r++) {
441
- if (_this.parent.enableVirtualization && result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping] && rowDetails.action === 'remoteExpand') {
441
+ var record = result[parseInt(r.toString(), 10)];
442
+ if (_this.parent.enableVirtualization && record["" + _this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping] && rowDetails.action === 'remoteExpand') {
442
443
  _this.parent["" + remoteExpandedData].push(rowDetails.record);
443
444
  }
444
- else if (_this.parent.enableVirtualization && result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping] && rowDetails.action === 'collapse') {
445
+ else if (_this.parent.enableVirtualization && record["" + _this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping] && rowDetails.action === 'collapse') {
445
446
  for (var i = 0; i < _this.parent["" + remoteExpandedData].length; i++) {
446
447
  if (rowDetails.record["" + _this.parent.idMapping] === _this.parent["" + remoteExpandedData][parseInt(i.toString(), 10)]["" + _this.parent.idMapping]) {
447
448
  _this.parent["" + remoteExpandedData].splice(i, 1);
448
449
  }
449
450
  }
450
451
  }
451
- result[parseInt(r.toString(), 10)].taskData = extend({}, result[parseInt(r.toString(), 10)]);
452
- if (result[parseInt(r.toString(), 10)]["" + _this.parent.parentIdMapping] && _this.parent.enableVirtualization && _this.parent["" + remoteExpandedData].length) {
452
+ record.taskData = extend({}, record);
453
+ if (record["" + _this.parent.parentIdMapping] && _this.parent.enableVirtualization && _this.parent["" + remoteExpandedData].length) {
453
454
  for (var i = 0; i < _this.parent["" + remoteExpandedData].length; i++) {
454
- if (result[parseInt(r.toString(), 10)]["" + _this.parent.parentIdMapping] === _this.parent["" + remoteExpandedData][parseInt(i.toString(), 10)]["" + _this.parent.idMapping]) {
455
- result[parseInt(r.toString(), 10)].level = _this.parent["" + remoteExpandedData][parseInt(i.toString(), 10)]["" + level] + 1;
455
+ if (record["" + _this.parent.parentIdMapping] === _this.parent["" + remoteExpandedData][parseInt(i.toString(), 10)]["" + _this.parent.idMapping]) {
456
+ record.level = _this.parent["" + remoteExpandedData][parseInt(i.toString(), 10)]["" + level] + 1;
456
457
  var parentData = _this.parent["" + remoteExpandedData][parseInt(i.toString(), 10)];
457
458
  delete parentData.childRecords;
458
- result[parseInt(r.toString(), 10)].parentItem = parentData;
459
- result[parseInt(r.toString(), 10)].parentUniqueID = parentData.uniqueID;
459
+ record.parentItem = parentData;
460
+ record.parentUniqueID = parentData.uniqueID;
460
461
  }
461
462
  }
462
463
  }
463
464
  else if (_this.parent.enableVirtualization) {
464
- if ((result[parseInt(r.toString(), 10)]["" + _this.parent.hasChildMapping] ||
465
- _this.parentItems.indexOf(result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping]) !== -1)
465
+ if ((record["" + _this.parent.hasChildMapping] ||
466
+ _this.parentItems.indexOf(record["" + _this.parent.idMapping]) !== -1)
466
467
  && !(haveChild && !haveChild[parseInt(r.toString(), 10)])) {
467
- if (isNullOrUndefined(result[parseInt(r.toString(), 10)]["" + _this.parent.parentIdMapping])) {
468
- result[parseInt(r.toString(), 10)].level = 0;
468
+ if (isNullOrUndefined(record["" + _this.parent.parentIdMapping])) {
469
+ record.level = 0;
469
470
  if (rowDetails.action === 'remoteExpand') {
470
- result[parseInt(r.toString(), 10)].childRecords = [];
471
- result[parseInt(r.toString(), 10)].childRecords = rowDetails.record.childRecords;
471
+ record.childRecords = [];
472
+ record.childRecords = rowDetails.record.childRecords;
472
473
  }
473
474
  }
474
475
  else {
475
- result[parseInt(r.toString(), 10)].level = rowDetails.record.level;
476
+ record.level = rowDetails.record.level;
476
477
  }
477
478
  }
478
479
  else {
479
480
  var parentData = extend({}, rowDetails.record);
480
481
  delete parentData.childRecords;
481
- result[parseInt(r.toString(), 10)].parentItem = parentData;
482
- result[parseInt(r.toString(), 10)].parentUniqueID = rowDetails.record.uniqueID;
482
+ record.parentItem = parentData;
483
+ record.parentUniqueID = rowDetails.record.uniqueID;
483
484
  }
484
485
  }
485
486
  else {
486
- result[parseInt(r.toString(), 10)].level = rowDetails.record.level + 1;
487
+ record.level = rowDetails.record.level + 1;
487
488
  var parentData = extend({}, rowDetails.record);
488
489
  delete parentData.childRecords;
489
- result[parseInt(r.toString(), 10)].parentItem = parentData;
490
- result[parseInt(r.toString(), 10)].parentUniqueID = rowDetails.record.uniqueID;
490
+ record.parentItem = parentData;
491
+ record.parentUniqueID = rowDetails.record.uniqueID;
491
492
  }
492
- result[parseInt(r.toString(), 10)].index = Math.ceil(Math.random() * 1000);
493
- result[parseInt(r.toString(), 10)].uniqueID = getUid(_this.parent.element.id + '_data_');
494
- if (rowDetails.record["" + _this.parent.idMapping] === result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping]) {
495
- rowDetails.record.uniqueID = result[parseInt(r.toString(), 10)].uniqueID;
493
+ record.index = Math.ceil(Math.random() * 1000);
494
+ record.uniqueID = getUid(_this.parent.element.id + '_data_');
495
+ if (rowDetails.record["" + _this.parent.idMapping] === record["" + _this.parent.idMapping]) {
496
+ rowDetails.record.uniqueID = record.uniqueID;
496
497
  }
497
- result[parseInt(r.toString(), 10)].checkboxState = 'uncheck';
498
- if (_this.parent.enableVirtualization && isNullOrUndefined(result[parseInt(r.toString(), 10)].level)) {
498
+ record.checkboxState = 'uncheck';
499
+ if (_this.parent.enableVirtualization && isNullOrUndefined(record.level)) {
499
500
  for (var p = 0; p < _this.parent.grid.currentViewData.length; p++) {
500
- if (_this.parent.grid.currentViewData[parseInt(p.toString(), 10)]["" + _this.parent.idMapping] === result[parseInt(r.toString(), 10)]["" + _this.parent.parentIdMapping]) {
501
- result[parseInt(r.toString(), 10)].level = _this.parent.grid.currentViewData[parseInt(p.toString(), 10)]['level'] + 1;
501
+ if (_this.parent.grid.currentViewData[parseInt(p.toString(), 10)]["" + _this.parent.idMapping] === record["" + _this.parent.parentIdMapping]) {
502
+ record.level = _this.parent.grid.currentViewData[parseInt(p.toString(), 10)]['level'] + 1;
502
503
  }
503
504
  }
504
505
  }
505
- setValue('uniqueIDCollection.' + result[parseInt(r.toString(), 10)].uniqueID, result[parseInt(r.toString(), 10)], _this.parent);
506
+ setValue('uniqueIDCollection.' + record.uniqueID, record, _this.parent);
506
507
  // delete result[r].parentItem.childRecords;
507
- if ((result[parseInt(r.toString(), 10)]["" + _this.parent.hasChildMapping] ||
508
- _this.parentItems.indexOf(result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping]) !== -1)
508
+ if ((record["" + _this.parent.hasChildMapping] ||
509
+ _this.parentItems.indexOf(record["" + _this.parent.idMapping]) !== -1)
509
510
  && !(haveChild && !haveChild[parseInt(r.toString(), 10)])) {
510
- result[parseInt(r.toString(), 10)].hasChildRecords = true;
511
+ record.hasChildRecords = true;
511
512
  if (_this.parent.enableVirtualization && !_this.parent.loadChildOnDemand) {
512
513
  for (var i = 0; i < _this.parent["" + remoteCollapsedData].length; i++) {
513
- if (result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping] === _this.parent["" + remoteCollapsedData][parseInt(i.toString(), 10)]["" + _this.parent.idMapping]) {
514
- result[parseInt(r.toString(), 10)].expanded = _this.parent["" + remoteCollapsedData][parseInt(i.toString(), 10)]['expanded'];
514
+ if (record["" + _this.parent.idMapping] === _this.parent["" + remoteCollapsedData][parseInt(i.toString(), 10)]["" + _this.parent.idMapping]) {
515
+ record.expanded = _this.parent["" + remoteCollapsedData][parseInt(i.toString(), 10)]['expanded'];
515
516
  }
516
517
  }
517
- if (rowDetails.action === 'collapse' && result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping] !== rowDetails.record["" + _this.parent.idMapping] && result[parseInt(r.toString(), 10)].expanded !== false) {
518
- result[parseInt(r.toString(), 10)].expanded = true;
518
+ if (rowDetails.action === 'collapse' && record["" + _this.parent.idMapping] !== rowDetails.record["" + _this.parent.idMapping] && record.expanded !== false) {
519
+ record.expanded = true;
519
520
  }
520
- else if (rowDetails.action === 'collapse' && result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping]) {
521
- result[parseInt(r.toString(), 10)].expanded = false;
521
+ else if (rowDetails.action === 'collapse' && record["" + _this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping]) {
522
+ record.expanded = false;
522
523
  _this.parent["" + remoteCollapsedData].push(rowDetails.record);
523
524
  }
524
525
  else if (rowDetails.action === 'remoteExpand') {
525
526
  for (var i = 0; i < _this.parent.grid.currentViewData.length; i++) {
526
- if (_this.parent.grid.currentViewData[parseInt(i.toString(), 10)]["" + _this.parent.idMapping] === result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping]) {
527
+ if (_this.parent.grid.currentViewData[parseInt(i.toString(), 10)]["" + _this.parent.idMapping] === record["" + _this.parent.idMapping]) {
527
528
  result.splice(r, 1, _this.parent.grid.currentViewData[parseInt(i.toString(), 10)]);
528
529
  }
529
530
  }
530
- if (result[parseInt(r.toString(), 10)][_this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping]) {
531
+ if (record[_this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping]) {
531
532
  for (var i = 0; i < _this.parent["" + remoteCollapsedData].length; i++) {
532
533
  if (rowDetails.record["" + _this.parent.idMapping] === _this.parent["" + remoteCollapsedData][parseInt(i.toString(), 10)]["" + _this.parent.idMapping]) {
533
534
  _this.parent["" + remoteCollapsedData].splice(i, 1);
534
535
  }
535
536
  }
536
537
  }
537
- if (result[parseInt(r.toString(), 10)].expanded !== false) {
538
- result[parseInt(r.toString(), 10)].expanded = true;
538
+ if (record.expanded !== false) {
539
+ record.expanded = true;
539
540
  }
540
541
  }
541
542
  }
542
- else if (_this.parent.enableVirtualization && result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping] && rowDetails.action !== 'collapse') {
543
- result[parseInt(r.toString(), 10)].expanded = true;
543
+ else if (_this.parent.enableVirtualization && record["" + _this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping] && rowDetails.action !== 'collapse') {
544
+ record.expanded = true;
544
545
  }
545
546
  else if (!(_this.parent.enableVirtualization && !_this.parent.loadChildOnDemand)) {
546
- result[parseInt(r.toString(), 10)].expanded = false;
547
+ record.expanded = false;
547
548
  }
548
549
  }
549
- datas.splice(inx + r + 1, 0, result[parseInt(r.toString(), 10)]);
550
+ datas.splice(inx + r + 1, 0, record);
550
551
  }
551
552
  setValue('result', datas, e);
552
553
  setValue('action', 'beforecontentrender', e);