@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
@@ -5430,7 +5430,7 @@ class LargeIconsView {
5430
5430
  && (ctrlKey || target.classList.contains(CHECK))) {
5431
5431
  action = 'unselect';
5432
5432
  }
5433
- if (e.ctrlKey && e.shiftKey && !isMacRightClick) {
5433
+ if (ctrlKey && e.shiftKey && !isMacRightClick) {
5434
5434
  this.isSelectAllCalled = true;
5435
5435
  }
5436
5436
  const fileSelectionArgs = this.triggerSelection(action, item);
@@ -5441,7 +5441,7 @@ class LargeIconsView {
5441
5441
  this.clearSelect();
5442
5442
  }
5443
5443
  if (this.parent.allowMultiSelection && e.shiftKey && !isMacRightClick) {
5444
- if (!(e && e.ctrlKey)) {
5444
+ if (!(e && ctrlKey)) {
5445
5445
  this.clearSelect();
5446
5446
  }
5447
5447
  if (!this.startItem) {
@@ -6781,7 +6781,7 @@ class ContextMenu {
6781
6781
  data = this.parent.detailsviewModule.gridObj.getRowObjectFromUID(uid).data;
6782
6782
  if (isNullOrUndefined(this.targetElement.getAttribute('aria-selected'))) {
6783
6783
  /* istanbul ignore next */
6784
- this.parent.detailsviewModule.gridObj.selectRows([parseInt(this.targetElement.getAttribute('data-rowindex'), 10)]);
6784
+ this.parent.detailsviewModule.gridObj.selectRows([parseInt(this.targetElement.getAttribute('aria-rowindex'), 10) - 1]);
6785
6785
  }
6786
6786
  selected = true;
6787
6787
  /* istanbul ignore next */
@@ -9831,7 +9831,6 @@ class NavigationPane {
9831
9831
  this.moveNames = [];
9832
9832
  // Specifies the previously selected nodes in the treeview control.
9833
9833
  this.previousSelected = [];
9834
- this.expandTree = false;
9835
9834
  this.isDrag = false;
9836
9835
  this.isPathDragged = false;
9837
9836
  this.isRenameParent = false;
@@ -10074,7 +10073,6 @@ class NavigationPane {
10074
10073
  if (previousPath !== this.parent.path) {
10075
10074
  if (!this.isRightClick && this.isSameNodeClicked) {
10076
10075
  read(this.parent, this.isPathDragged ? pasteEnd : pathChanged, this.parent.path);
10077
- this.isNodeClickCalled = true;
10078
10076
  }
10079
10077
  this.parent.visitedItem = args.node;
10080
10078
  }
@@ -10130,7 +10128,6 @@ class NavigationPane {
10130
10128
  }
10131
10129
  this.isSameNodeClicked = true;
10132
10130
  this.isNodeClickCalled = true;
10133
- this.treeObj.setProperties({ selectedNodes: [args.node.getAttribute('data-uid')] });
10134
10131
  }
10135
10132
  }
10136
10133
  /* istanbul ignore next */
@@ -10146,11 +10143,10 @@ class NavigationPane {
10146
10143
  const sNode = select('[data-uid="' + this.treeObj.selectedNodes[0] + '"]', this.treeObj.element);
10147
10144
  const ul = (!isNullOrUndefined(sNode)) ? select('.' + LIST_PARENT, sNode) : null;
10148
10145
  if (isNullOrUndefined(ul)) {
10149
- this.addChild(args.files, this.treeObj.selectedNodes[0], !this.expandTree);
10146
+ this.addChild(args.files, this.treeObj.selectedNodes[0], true);
10150
10147
  }
10151
10148
  this.expandNodeTarget = '';
10152
10149
  }
10153
- this.expandTree = false;
10154
10150
  if (isNullOrUndefined(currFiles)) {
10155
10151
  setValue(this.parent.pathId[this.parent.pathId.length - 1], args.files, this.parent.feFiles);
10156
10152
  }
@@ -10238,7 +10234,6 @@ class NavigationPane {
10238
10234
  /* istanbul ignore next */
10239
10235
  onRenameEndParent(args) {
10240
10236
  const id = this.renameParent ? this.renameParent : this.parent.pathId[this.parent.pathId.length - 1];
10241
- this.expandTree = this.treeObj.expandedNodes.indexOf(this.treeObj.selectedNodes[0]) !== -1;
10242
10237
  this.updateTreeNode(args, id);
10243
10238
  this.parent.expandedId = null;
10244
10239
  if (this.renameParent) {
@@ -11150,7 +11145,7 @@ class DetailsView {
11150
11145
  this.isLoaded = false;
11151
11146
  }
11152
11147
  selectRecords(nodes) {
11153
- const gridRecords = this.gridObj.dataSource;
11148
+ const gridRecords = this.gridObj.getCurrentViewRecords();
11154
11149
  const sRecords = [];
11155
11150
  for (let i = 0, len = gridRecords.length; i < len; i++) {
11156
11151
  const node = this.parent.hasId ? getValue('id', gridRecords[i]) : getName(this.parent, gridRecords[i]);
@@ -11285,6 +11280,7 @@ class DetailsView {
11285
11280
  if (this.parent.isReact) {
11286
11281
  this.gridObj.on('reactTemplateRender', this.reactTemplateRender, this);
11287
11282
  }
11283
+ this.wireClickEvent(true);
11288
11284
  }
11289
11285
  this.emptyArgs = args;
11290
11286
  }
@@ -11679,28 +11675,28 @@ class DetailsView {
11679
11675
  if ((!this.isNameWidth && gridHeaderColNames[i].field === 'name') || gridHeaderColNames[i].field === 'filterPath') {
11680
11676
  if (this.parent.breadcrumbbarModule.searchObj.element.value === '' && !this.parent.isFiltered) {
11681
11677
  if (this.element.clientWidth <= 500) {
11682
- gridHeaderColGroup.children[i].setAttribute('style', 'width: 120px');
11683
- gridContentColGroup.children[i].setAttribute('style', 'width: 120px');
11678
+ gridHeaderColGroup.children[i].style.width = '120px';
11679
+ gridContentColGroup.children[i].style.width = '120px';
11684
11680
  }
11685
11681
  else if (this.element.clientWidth > 500) {
11686
- gridHeaderColGroup.children[i].setAttribute('style', 'width: auto');
11687
- gridContentColGroup.children[i].setAttribute('style', 'width: auto');
11682
+ gridHeaderColGroup.children[i].style.width = 'auto';
11683
+ gridContentColGroup.children[i].style.width = 'auto';
11688
11684
  }
11689
11685
  }
11690
11686
  else {
11691
11687
  if (this.element.clientWidth <= 680) {
11692
11688
  if (gridHeaderColNames[i].field === 'name') {
11693
- gridHeaderColGroup.children[i].setAttribute('style', 'width: 120px');
11694
- gridContentColGroup.children[i].setAttribute('style', 'width: 120px');
11689
+ gridHeaderColGroup.children[i].style.width = '120px';
11690
+ gridContentColGroup.children[i].style.width = '120px';
11695
11691
  }
11696
11692
  else {
11697
- gridHeaderColGroup.children[i].setAttribute('style', 'width: 180px');
11698
- gridContentColGroup.children[i].setAttribute('style', 'width: 180px');
11693
+ gridHeaderColGroup.children[i].style.width = '180px';
11694
+ gridContentColGroup.children[i].style.width = '180px';
11699
11695
  }
11700
11696
  }
11701
11697
  else if (this.element.clientWidth > 680) {
11702
- gridHeaderColGroup.children[i].setAttribute('style', 'width: auto');
11703
- gridContentColGroup.children[i].setAttribute('style', 'width: auto');
11698
+ gridHeaderColGroup.children[i].style.width = 'auto';
11699
+ gridContentColGroup.children[i].style.width = 'auto';
11704
11700
  }
11705
11701
  }
11706
11702
  }
@@ -12020,7 +12016,7 @@ class DetailsView {
12020
12016
  }
12021
12017
  getFocusedItemIndex() {
12022
12018
  return (!isNullOrUndefined(this.getFocusedItem())) ?
12023
- parseInt(this.getFocusedItem().getAttribute('data-rowindex'), 10) : null;
12019
+ parseInt(this.getFocusedItem().getAttribute('aria-rowindex'), 10) - 1 : null;
12024
12020
  }
12025
12021
  /* istanbul ignore next */
12026
12022
  keydownHandler(e) {