@syncfusion/ej2-filemanager 28.2.11 → 29.1.34

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 (86) hide show
  1. package/README.md +1 -1
  2. package/dist/ej2-filemanager.min.js +2 -2
  3. package/dist/ej2-filemanager.umd.min.js +2 -2
  4. package/dist/ej2-filemanager.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-filemanager.es2015.js +17 -21
  6. package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
  7. package/dist/es6/ej2-filemanager.es5.js +17 -21
  8. package/dist/es6/ej2-filemanager.es5.js.map +1 -1
  9. package/dist/global/ej2-filemanager.min.js +2 -2
  10. package/dist/global/ej2-filemanager.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +24 -26
  13. package/src/file-manager/layout/details-view.js +13 -12
  14. package/src/file-manager/layout/large-icons-view.js +2 -2
  15. package/src/file-manager/layout/navigation-pane.d.ts +0 -1
  16. package/src/file-manager/layout/navigation-pane.js +1 -6
  17. package/src/file-manager/pop-up/context-menu.js +1 -1
  18. package/styles/bds-lite.css +0 -2
  19. package/styles/bds.css +0 -2
  20. package/styles/bootstrap-dark-lite.css +15 -17
  21. package/styles/bootstrap-dark.css +15 -17
  22. package/styles/bootstrap-lite.css +0 -2
  23. package/styles/bootstrap.css +0 -2
  24. package/styles/bootstrap4-lite.css +7 -9
  25. package/styles/bootstrap4.css +7 -9
  26. package/styles/bootstrap5-dark-lite.css +19 -21
  27. package/styles/bootstrap5-dark.css +20 -22
  28. package/styles/bootstrap5-lite.css +6 -8
  29. package/styles/bootstrap5.3-lite.css +6 -2
  30. package/styles/bootstrap5.3.css +6 -2
  31. package/styles/bootstrap5.css +6 -8
  32. package/styles/fabric-dark-lite.css +6 -8
  33. package/styles/fabric-dark.css +6 -8
  34. package/styles/fabric-lite.css +8 -10
  35. package/styles/fabric.css +8 -10
  36. package/styles/file-manager/_bootstrap-dark-definition.scss +5 -3
  37. package/styles/file-manager/_bootstrap4-definition.scss +6 -4
  38. package/styles/file-manager/_fabric-definition.scss +3 -1
  39. package/styles/file-manager/_layout.scss +7 -1
  40. package/styles/file-manager/_material-dark-definition.scss +3 -1
  41. package/styles/file-manager/_material-definition.scss +4 -2
  42. package/styles/file-manager/bds.css +0 -2
  43. package/styles/file-manager/bootstrap-dark.css +15 -17
  44. package/styles/file-manager/bootstrap.css +0 -2
  45. package/styles/file-manager/bootstrap4.css +7 -9
  46. package/styles/file-manager/bootstrap5-dark.css +20 -22
  47. package/styles/file-manager/bootstrap5.3.css +6 -2
  48. package/styles/file-manager/bootstrap5.css +6 -8
  49. package/styles/file-manager/fabric-dark.css +6 -8
  50. package/styles/file-manager/fabric.css +8 -10
  51. package/styles/file-manager/fluent-dark.css +0 -2
  52. package/styles/file-manager/fluent.css +0 -2
  53. package/styles/file-manager/fluent2.css +0 -2
  54. package/styles/file-manager/highcontrast-light.css +0 -2
  55. package/styles/file-manager/highcontrast.css +0 -2
  56. package/styles/file-manager/material-dark.css +3 -5
  57. package/styles/file-manager/material.css +3 -5
  58. package/styles/file-manager/material3-dark.css +0 -2
  59. package/styles/file-manager/material3.css +0 -2
  60. package/styles/file-manager/tailwind-dark.css +3 -5
  61. package/styles/file-manager/tailwind.css +0 -2
  62. package/styles/file-manager/tailwind3.css +0 -2
  63. package/styles/fluent-dark-lite.css +0 -2
  64. package/styles/fluent-dark.css +0 -2
  65. package/styles/fluent-lite.css +0 -2
  66. package/styles/fluent.css +0 -2
  67. package/styles/fluent2-lite.css +0 -2
  68. package/styles/fluent2.css +0 -2
  69. package/styles/highcontrast-light-lite.css +0 -2
  70. package/styles/highcontrast-light.css +0 -2
  71. package/styles/highcontrast-lite.css +0 -2
  72. package/styles/highcontrast.css +0 -2
  73. package/styles/material-dark-lite.css +3 -5
  74. package/styles/material-dark.css +3 -5
  75. package/styles/material-lite.css +3 -5
  76. package/styles/material.css +3 -5
  77. package/styles/material3-dark-lite.css +0 -2
  78. package/styles/material3-dark.css +0 -2
  79. package/styles/material3-lite.css +0 -2
  80. package/styles/material3.css +0 -2
  81. package/styles/tailwind-dark-lite.css +3 -5
  82. package/styles/tailwind-dark.css +3 -5
  83. package/styles/tailwind-lite.css +0 -2
  84. package/styles/tailwind.css +0 -2
  85. package/styles/tailwind3-lite.css +0 -2
  86. package/styles/tailwind3.css +0 -2
@@ -5589,7 +5589,7 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
5589
5589
  && (ctrlKey || target.classList.contains(CHECK))) {
5590
5590
  action = 'unselect';
5591
5591
  }
5592
- if (e.ctrlKey && e.shiftKey && !isMacRightClick) {
5592
+ if (ctrlKey && e.shiftKey && !isMacRightClick) {
5593
5593
  this.isSelectAllCalled = true;
5594
5594
  }
5595
5595
  var fileSelectionArgs = this.triggerSelection(action, item);
@@ -5600,7 +5600,7 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
5600
5600
  this.clearSelect();
5601
5601
  }
5602
5602
  if (this.parent.allowMultiSelection && e.shiftKey && !isMacRightClick) {
5603
- if (!(e && e.ctrlKey)) {
5603
+ if (!(e && ctrlKey)) {
5604
5604
  this.clearSelect();
5605
5605
  }
5606
5606
  if (!this.startItem) {
@@ -6948,7 +6948,7 @@ var ContextMenu = /** @__PURE__ @class */ (function () {
6948
6948
  data = this.parent.detailsviewModule.gridObj.getRowObjectFromUID(uid).data;
6949
6949
  if (isNullOrUndefined(this.targetElement.getAttribute('aria-selected'))) {
6950
6950
  /* istanbul ignore next */
6951
- this.parent.detailsviewModule.gridObj.selectRows([parseInt(this.targetElement.getAttribute('data-rowindex'), 10)]);
6951
+ this.parent.detailsviewModule.gridObj.selectRows([parseInt(this.targetElement.getAttribute('aria-rowindex'), 10) - 1]);
6952
6952
  }
6953
6953
  selected = true;
6954
6954
  /* istanbul ignore next */
@@ -10033,7 +10033,6 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
10033
10033
  this.moveNames = [];
10034
10034
  // Specifies the previously selected nodes in the treeview control.
10035
10035
  this.previousSelected = [];
10036
- this.expandTree = false;
10037
10036
  this.isDrag = false;
10038
10037
  this.isPathDragged = false;
10039
10038
  this.isRenameParent = false;
@@ -10277,7 +10276,6 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
10277
10276
  if (previousPath !== this.parent.path) {
10278
10277
  if (!this.isRightClick && this.isSameNodeClicked) {
10279
10278
  read(this.parent, this.isPathDragged ? pasteEnd : pathChanged, this.parent.path);
10280
- this.isNodeClickCalled = true;
10281
10279
  }
10282
10280
  this.parent.visitedItem = args.node;
10283
10281
  }
@@ -10333,7 +10331,6 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
10333
10331
  }
10334
10332
  this.isSameNodeClicked = true;
10335
10333
  this.isNodeClickCalled = true;
10336
- this.treeObj.setProperties({ selectedNodes: [args.node.getAttribute('data-uid')] });
10337
10334
  }
10338
10335
  };
10339
10336
  /* istanbul ignore next */
@@ -10349,11 +10346,10 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
10349
10346
  var sNode = select('[data-uid="' + this.treeObj.selectedNodes[0] + '"]', this.treeObj.element);
10350
10347
  var ul = (!isNullOrUndefined(sNode)) ? select('.' + LIST_PARENT, sNode) : null;
10351
10348
  if (isNullOrUndefined(ul)) {
10352
- this.addChild(args.files, this.treeObj.selectedNodes[0], !this.expandTree);
10349
+ this.addChild(args.files, this.treeObj.selectedNodes[0], true);
10353
10350
  }
10354
10351
  this.expandNodeTarget = '';
10355
10352
  }
10356
- this.expandTree = false;
10357
10353
  if (isNullOrUndefined(currFiles)) {
10358
10354
  setValue(this.parent.pathId[this.parent.pathId.length - 1], args.files, this.parent.feFiles);
10359
10355
  }
@@ -10441,7 +10437,6 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
10441
10437
  /* istanbul ignore next */
10442
10438
  NavigationPane.prototype.onRenameEndParent = function (args) {
10443
10439
  var id = this.renameParent ? this.renameParent : this.parent.pathId[this.parent.pathId.length - 1];
10444
- this.expandTree = this.treeObj.expandedNodes.indexOf(this.treeObj.selectedNodes[0]) !== -1;
10445
10440
  this.updateTreeNode(args, id);
10446
10441
  this.parent.expandedId = null;
10447
10442
  if (this.renameParent) {
@@ -11361,7 +11356,7 @@ var DetailsView = /** @__PURE__ @class */ (function () {
11361
11356
  this.isLoaded = false;
11362
11357
  };
11363
11358
  DetailsView.prototype.selectRecords = function (nodes) {
11364
- var gridRecords = this.gridObj.dataSource;
11359
+ var gridRecords = this.gridObj.getCurrentViewRecords();
11365
11360
  var sRecords = [];
11366
11361
  for (var i = 0, len = gridRecords.length; i < len; i++) {
11367
11362
  var node = this.parent.hasId ? getValue('id', gridRecords[i]) : getName(this.parent, gridRecords[i]);
@@ -11497,6 +11492,7 @@ var DetailsView = /** @__PURE__ @class */ (function () {
11497
11492
  if (this.parent.isReact) {
11498
11493
  this.gridObj.on('reactTemplateRender', this.reactTemplateRender, this);
11499
11494
  }
11495
+ this.wireClickEvent(true);
11500
11496
  }
11501
11497
  this.emptyArgs = args;
11502
11498
  };
@@ -11892,28 +11888,28 @@ var DetailsView = /** @__PURE__ @class */ (function () {
11892
11888
  if ((!this.isNameWidth && gridHeaderColNames[i].field === 'name') || gridHeaderColNames[i].field === 'filterPath') {
11893
11889
  if (this.parent.breadcrumbbarModule.searchObj.element.value === '' && !this.parent.isFiltered) {
11894
11890
  if (this.element.clientWidth <= 500) {
11895
- gridHeaderColGroup.children[i].setAttribute('style', 'width: 120px');
11896
- gridContentColGroup.children[i].setAttribute('style', 'width: 120px');
11891
+ gridHeaderColGroup.children[i].style.width = '120px';
11892
+ gridContentColGroup.children[i].style.width = '120px';
11897
11893
  }
11898
11894
  else if (this.element.clientWidth > 500) {
11899
- gridHeaderColGroup.children[i].setAttribute('style', 'width: auto');
11900
- gridContentColGroup.children[i].setAttribute('style', 'width: auto');
11895
+ gridHeaderColGroup.children[i].style.width = 'auto';
11896
+ gridContentColGroup.children[i].style.width = 'auto';
11901
11897
  }
11902
11898
  }
11903
11899
  else {
11904
11900
  if (this.element.clientWidth <= 680) {
11905
11901
  if (gridHeaderColNames[i].field === 'name') {
11906
- gridHeaderColGroup.children[i].setAttribute('style', 'width: 120px');
11907
- gridContentColGroup.children[i].setAttribute('style', 'width: 120px');
11902
+ gridHeaderColGroup.children[i].style.width = '120px';
11903
+ gridContentColGroup.children[i].style.width = '120px';
11908
11904
  }
11909
11905
  else {
11910
- gridHeaderColGroup.children[i].setAttribute('style', 'width: 180px');
11911
- gridContentColGroup.children[i].setAttribute('style', 'width: 180px');
11906
+ gridHeaderColGroup.children[i].style.width = '180px';
11907
+ gridContentColGroup.children[i].style.width = '180px';
11912
11908
  }
11913
11909
  }
11914
11910
  else if (this.element.clientWidth > 680) {
11915
- gridHeaderColGroup.children[i].setAttribute('style', 'width: auto');
11916
- gridContentColGroup.children[i].setAttribute('style', 'width: auto');
11911
+ gridHeaderColGroup.children[i].style.width = 'auto';
11912
+ gridContentColGroup.children[i].style.width = 'auto';
11917
11913
  }
11918
11914
  }
11919
11915
  }
@@ -12235,7 +12231,7 @@ var DetailsView = /** @__PURE__ @class */ (function () {
12235
12231
  };
12236
12232
  DetailsView.prototype.getFocusedItemIndex = function () {
12237
12233
  return (!isNullOrUndefined(this.getFocusedItem())) ?
12238
- parseInt(this.getFocusedItem().getAttribute('data-rowindex'), 10) : null;
12234
+ parseInt(this.getFocusedItem().getAttribute('aria-rowindex'), 10) - 1 : null;
12239
12235
  };
12240
12236
  /* istanbul ignore next */
12241
12237
  DetailsView.prototype.keydownHandler = function (e) {