@syncfusion/ej2-treegrid 24.1.41 → 24.1.45

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.
@@ -2,7 +2,7 @@ import { Browser, ChildProperty, Collection, Complex, Component, Event, EventHan
2
2
  import { Aggregate, Cell, CellRenderer, CellType, Clipboard, ColumnChooser, ColumnMenu, CommandColumn, ContextMenu, DetailRow, Edit, ExcelExport, Filter, Freeze, Grid, InfiniteScroll, InterSectionObserver, Logger, Page, PdfExport, Print, RenderType, Reorder, Resize, RowDD, RowDropSettings, RowRenderer, Scroll, Sort, Toolbar, VirtualContentRenderer, VirtualHeaderRenderer, VirtualRowModelGenerator, VirtualScroll, appendChildren, calculateAggregate, detailLists, extend as extend$1, getActualProperties, getNumberFormat, getObject, getTransformValues, getUid, iterateArrayOrObject, parentsUntil, resetRowIndex, templateCompiler } from '@syncfusion/ej2-grids';
3
3
  import { createCheckBox } from '@syncfusion/ej2-buttons';
4
4
  import { CacheAdaptor, DataManager, DataUtil, Deferred, JsonAdaptor, ODataAdaptor, Predicate, Query, RemoteSaveAdaptor, UrlAdaptor, WebApiAdaptor, WebMethodAdaptor } from '@syncfusion/ej2-data';
5
- import { createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
5
+ import { Tooltip, createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
6
6
 
7
7
  var __extends$1 = (undefined && undefined.__extends) || (function () {
8
8
  var extendStatics = function (d, b) {
@@ -1350,8 +1350,8 @@ var Selection = /** @__PURE__ @class */ (function () {
1350
1350
  if (this.parent.frozenRows || this.parent.getFrozenColumns()) {
1351
1351
  movableTr = this.parent.getDataRows()[parseInt(recordIndex.toString(), 10)];
1352
1352
  }
1353
- checkbox = tr.querySelectorAll('.e-frame')[0] ? tr.querySelectorAll('.e-frame')[0]
1354
- : movableTr.querySelectorAll('.e-frame')[0];
1353
+ checkbox = tr.querySelectorAll('.e-hierarchycheckbox .e-frame')[0] ? tr.querySelectorAll('.e-hierarchycheckbox .e-frame')[0]
1354
+ : movableTr.querySelectorAll('.e-hierarchycheckbox .e-frame')[0];
1355
1355
  if (!isNullOrUndefined(checkbox)) {
1356
1356
  removeClass([checkbox], ['e-check', 'e-stop', 'e-uncheck']);
1357
1357
  }
@@ -4124,6 +4124,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
4124
4124
  TreeGrid.prototype.wireEvents = function () {
4125
4125
  EventHandler.add(this.grid.element, 'click', this.mouseClickHandler, this);
4126
4126
  EventHandler.add(this.element, 'touchend', this.mouseClickHandler, this);
4127
+ EventHandler.add(this.element, 'mousemove', this.mouseMoveHandler, this);
4127
4128
  this.keyboardModule = new KeyboardEvents(this.element, {
4128
4129
  keyAction: this.treeGridkeyActionHandler.bind(this),
4129
4130
  keyConfigs: this.keyConfigs,
@@ -5609,6 +5610,20 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
5609
5610
  }
5610
5611
  }
5611
5612
  };
5613
+ TreeGrid.prototype.mouseMoveHandler = function (e) {
5614
+ var showTooltip = false;
5615
+ var cols = this.getColumns();
5616
+ if (this.clipMode === 'EllipsisWithTooltip') {
5617
+ showTooltip = true;
5618
+ }
5619
+ var element = parentsUntil(e.target, 'e-ellipsistooltip');
5620
+ if ((showTooltip || (this.treeColumnIndex !== -1 && cols[this.treeColumnIndex].clipMode === 'EllipsisWithTooltip')) && element !== null && parseInt(element.getAttribute('data-colindex'), 10) === this.treeColumnIndex && element.children[0].scrollWidth > element.children[0].clientWidth) {
5621
+ var tooltip = new Tooltip({
5622
+ content: element.textContent
5623
+ });
5624
+ tooltip.appendTo(element);
5625
+ }
5626
+ };
5612
5627
  /**
5613
5628
  * Returns TreeGrid rows
5614
5629
  *
@@ -11069,7 +11084,7 @@ var ContextMenu$1 = /** @__PURE__ @class */ (function () {
11069
11084
  var selectedrow = tObj.getSelectedRows()[0];
11070
11085
  if ((indent || outdent) && !isNullOrUndefined(selectedrow)) {
11071
11086
  var targetElement = args.event.target.closest('td');
11072
- if (isNullOrUndefined(targetElement) || (!isNullOrUndefined(targetElement) && !targetElement.classList.contains('e-rowcell'))) {
11087
+ if (isNullOrUndefined(targetElement) || (!isNullOrUndefined(targetElement) && (!targetElement.classList.contains('e-rowcell') || targetElement.querySelectorAll('.e-gridform').length !== 0))) {
11073
11088
  indent.style.display = outdent.style.display = 'none';
11074
11089
  }
11075
11090
  else {
@@ -11079,19 +11094,16 @@ var ContextMenu$1 = /** @__PURE__ @class */ (function () {
11079
11094
  else if (args['name'] !== 'rowDeselected' || (!isNullOrUndefined(selectedrow) && tObj.grid.isCheckBoxSelection)) {
11080
11095
  var selectedItem = tObj.getCurrentViewRecords()[selectedrow.rowIndex];
11081
11096
  if (!isNullOrUndefined(selectedItem)) {
11082
- if ((selectedItem.level > tObj.getCurrentViewRecords()[selectedrow.rowIndex - 1].level) || this.parent.editSettings.mode === 'Batch'
11083
- || this.parent.editSettings.mode === 'Cell') {
11097
+ if ((selectedItem.level > tObj.getCurrentViewRecords()[selectedrow.rowIndex - 1].level)) {
11084
11098
  indent.style.display = 'none';
11085
11099
  }
11086
11100
  else {
11087
11101
  indent.style.display = 'block';
11088
11102
  }
11089
- if ((selectedItem.level === tObj.getCurrentViewRecords()[selectedrow.rowIndex - 1].level) && this.parent.editSettings.mode !== 'Batch'
11090
- && this.parent.editSettings.mode !== 'Cell') {
11103
+ if ((selectedItem.level === tObj.getCurrentViewRecords()[selectedrow.rowIndex - 1].level)) {
11091
11104
  indent.style.display = 'block';
11092
11105
  }
11093
- if ((selectedItem.level === 0) || this.parent.editSettings.mode === 'Batch'
11094
- || this.parent.editSettings.mode === 'Cell') {
11106
+ if ((selectedItem.level === 0)) {
11095
11107
  outdent.style.display = 'none';
11096
11108
  }
11097
11109
  else {