@syncfusion/ej2-filemanager 20.1.57 → 20.1.60

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 (40) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/ej2-filemanager.umd.min.js +2 -2
  3. package/dist/ej2-filemanager.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-filemanager.es2015.js +35 -17
  5. package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
  6. package/dist/es6/ej2-filemanager.es5.js +35 -17
  7. package/dist/es6/ej2-filemanager.es5.js.map +1 -1
  8. package/dist/global/ej2-filemanager.min.js +2 -2
  9. package/dist/global/ej2-filemanager.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +11 -11
  12. package/src/file-manager/actions/toolbar.js +6 -2
  13. package/src/file-manager/base/file-manager.d.ts +1 -0
  14. package/src/file-manager/base/file-manager.js +3 -0
  15. package/src/file-manager/base/interface.d.ts +3 -0
  16. package/src/file-manager/common/utility.d.ts +1 -1
  17. package/src/file-manager/common/utility.js +16 -6
  18. package/src/file-manager/layout/details-view.js +3 -3
  19. package/src/file-manager/layout/large-icons-view.js +3 -3
  20. package/src/file-manager/layout/navigation-pane.js +4 -3
  21. package/styles/bootstrap.css +1 -3
  22. package/styles/bootstrap5-dark.css +1 -3
  23. package/styles/bootstrap5.css +1 -3
  24. package/styles/fabric.css +1 -2
  25. package/styles/file-manager/bootstrap.css +1 -3
  26. package/styles/file-manager/bootstrap5-dark.css +1 -3
  27. package/styles/file-manager/bootstrap5.css +1 -3
  28. package/styles/file-manager/fabric.css +1 -2
  29. package/styles/file-manager/fluent-dark.css +1 -2
  30. package/styles/file-manager/fluent.css +1 -2
  31. package/styles/file-manager/highcontrast.css +1 -2
  32. package/styles/file-manager/material.css +2 -4
  33. package/styles/file-manager/tailwind-dark.css +1 -2
  34. package/styles/file-manager/tailwind.css +1 -2
  35. package/styles/fluent-dark.css +1 -2
  36. package/styles/fluent.css +1 -2
  37. package/styles/highcontrast.css +1 -2
  38. package/styles/material.css +2 -4
  39. package/styles/tailwind-dark.css +1 -2
  40. package/styles/tailwind.css +1 -2
@@ -1305,7 +1305,7 @@ function sortbyClickHandler(parent, args) {
1305
1305
  tick = false;
1306
1306
  }
1307
1307
  if (!tick) {
1308
- parent.sortBy = getSortField(args.item.id);
1308
+ parent.sortBy = getSortField(args.item.id, parent);
1309
1309
  }
1310
1310
  else {
1311
1311
  parent.sortOrder = getSortField(args.item.id);
@@ -1319,9 +1319,7 @@ function sortbyClickHandler(parent, args) {
1319
1319
  parent.notify(sortColumn, { module: 'detailsview' });
1320
1320
  }
1321
1321
  }
1322
- if (parent.view === 'LargeIcons') {
1323
- updateLayout(parent, 'LargeIcons');
1324
- }
1322
+ updateLayout(parent, parent.view);
1325
1323
  parent.notify(sortByChange, {});
1326
1324
  }
1327
1325
  /**
@@ -1331,12 +1329,24 @@ function sortbyClickHandler(parent, args) {
1331
1329
  * @returns {string} - returns the sorted fields
1332
1330
  * @private
1333
1331
  */
1334
- function getSortField(id) {
1332
+ function getSortField(id, parent) {
1335
1333
  const text = id.substring(id.lastIndexOf('_') + 1);
1336
1334
  let field = text;
1335
+ let column;
1336
+ if (parent) {
1337
+ column = parent.detailsViewSettings.columns;
1338
+ }
1337
1339
  switch (text) {
1338
1340
  case 'date':
1339
- field = '_fm_modified';
1341
+ for (var i = 0; i < column.length; i++) {
1342
+ if (column[i].field === 'dateModified' || column[i].field === 'dateCreated') {
1343
+ field = column[i].field;
1344
+ break;
1345
+ }
1346
+ else {
1347
+ field = '_fm_modified';
1348
+ }
1349
+ }
1340
1350
  break;
1341
1351
  case 'ascending':
1342
1352
  field = 'Ascending';
@@ -3781,9 +3791,9 @@ class LargeIconsView {
3781
3791
  altEnter: 'alt+enter',
3782
3792
  esc: 'escape',
3783
3793
  del: 'delete',
3784
- ctrlX: 'ctrl+x',
3785
- ctrlC: 'ctrl+c',
3786
- ctrlV: 'ctrl+v',
3794
+ ctrlX: this.parent.isMac ? 'cmd+x' : 'ctrl+x',
3795
+ ctrlC: this.parent.isMac ? 'cmd+c' : 'ctrl+c',
3796
+ ctrlV: this.parent.isMac ? 'cmd+v' : 'ctrl+v',
3787
3797
  f2: 'f2',
3788
3798
  shiftdel: 'shift+delete',
3789
3799
  back: 'backspace',
@@ -6423,6 +6433,8 @@ let FileManager = FileManager_1 = class FileManager extends Component {
6423
6433
  this.droppedObjects = [];
6424
6434
  this.uploadingCount = 0;
6425
6435
  this.uploadedCount = 0;
6436
+ //Specifies whether the operating system is MAC or not
6437
+ this.isMac = false;
6426
6438
  FileManager_1.Inject(BreadCrumbBar, LargeIconsView, ContextMenu$2);
6427
6439
  }
6428
6440
  /**
@@ -6530,6 +6542,7 @@ let FileManager = FileManager_1 = class FileManager extends Component {
6530
6542
  this.allowMultiSelection ? this.selectedItems : this.selectedItems.slice(this.selectedItems.length - 1);
6531
6543
  this.setProperties({ selectedItems: slItems }, true);
6532
6544
  this.fileView = this.view;
6545
+ this.isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
6533
6546
  this.setRtl(this.enableRtl);
6534
6547
  this.addEventListeners();
6535
6548
  read(this, (this.path !== this.originalPath) ? initialEnd : finalizeEnd, this.path);
@@ -7774,7 +7787,6 @@ class Toolbar$1 {
7774
7787
  cssClass: getCssClass(this.parent, 'e-caret-hide ' + ROOT_POPUP),
7775
7788
  items: layoutItems, select: this.layoutChange.bind(this),
7776
7789
  enableRtl: this.parent.enableRtl,
7777
- enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
7778
7790
  content: '<span class="e-tbar-btn-text">' + getLocaleText(this.parent, 'View') + '</span>'
7779
7791
  });
7780
7792
  this.layoutBtnObj.isStringTemplate = true;
@@ -7809,7 +7821,12 @@ class Toolbar$1 {
7809
7821
  items[itemCount].iconCss = this.parent.sortBy === 'size' ? TB_OPTION_DOT : '';
7810
7822
  }
7811
7823
  else if (items[itemCount].id === this.getPupupId('date')) {
7812
- items[itemCount].iconCss = this.parent.sortBy === '_fm_modified' ? TB_OPTION_DOT : '';
7824
+ if (this.parent.sortBy === 'dateModified' || this.parent.sortBy === 'dateCreated') {
7825
+ items[itemCount].iconCss = this.parent.sortBy === this.parent.sortBy ? TB_OPTION_DOT : '';
7826
+ }
7827
+ else {
7828
+ items[itemCount].iconCss = this.parent.sortBy === '_fm_modified' ? TB_OPTION_DOT : '';
7829
+ }
7813
7830
  }
7814
7831
  else if (items[itemCount].id === this.getPupupId('ascending')) {
7815
7832
  items[itemCount].iconCss = this.parent.sortOrder === 'Ascending' ? TB_OPTION_TICK : '';
@@ -8088,6 +8105,7 @@ class NavigationPane {
8088
8105
  * @param {IFileManager} parent - specifies the parent element.
8089
8106
  * @hidden
8090
8107
  */
8108
+ /* istanbul ignore next */
8091
8109
  constructor(parent) {
8092
8110
  this.removeNodes = [];
8093
8111
  this.moveNames = [];
@@ -8109,9 +8127,9 @@ class NavigationPane {
8109
8127
  altEnter: 'alt+enter',
8110
8128
  esc: 'escape',
8111
8129
  del: 'delete',
8112
- ctrlX: 'ctrl+x',
8113
- ctrlC: 'ctrl+c',
8114
- ctrlV: 'ctrl+v',
8130
+ ctrlX: this.parent.isMac ? 'cmd+x' : 'ctrl+x',
8131
+ ctrlC: this.parent.isMac ? 'cmd+c' : 'ctrl+c',
8132
+ ctrlV: this.parent.isMac ? 'cmd+v' : 'ctrl+v',
8115
8133
  ctrlShiftN: 'ctrl+shift+n',
8116
8134
  shiftF10: 'shift+F10',
8117
8135
  f2: 'f2'
@@ -8968,9 +8986,9 @@ class DetailsView {
8968
8986
  home: 'home',
8969
8987
  moveUp: 'uparrow',
8970
8988
  del: 'delete',
8971
- ctrlX: 'ctrl+x',
8972
- ctrlC: 'ctrl+c',
8973
- ctrlV: 'ctrl+v',
8989
+ ctrlX: this.parent.isMac ? 'cmd+x' : 'ctrl+x',
8990
+ ctrlC: this.parent.isMac ? 'cmd+c' : 'ctrl+c',
8991
+ ctrlV: this.parent.isMac ? 'cmd+v' : 'ctrl+v',
8974
8992
  ctrlShiftN: 'ctrl+shift+n',
8975
8993
  shiftdel: 'shift+delete',
8976
8994
  ctrlD: 'ctrl+d',