@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
@@ -1449,7 +1449,7 @@ function sortbyClickHandler(parent, args) {
1449
1449
  tick = false;
1450
1450
  }
1451
1451
  if (!tick) {
1452
- parent.sortBy = getSortField(args.item.id);
1452
+ parent.sortBy = getSortField(args.item.id, parent);
1453
1453
  }
1454
1454
  else {
1455
1455
  parent.sortOrder = getSortField(args.item.id);
@@ -1463,9 +1463,7 @@ function sortbyClickHandler(parent, args) {
1463
1463
  parent.notify(sortColumn, { module: 'detailsview' });
1464
1464
  }
1465
1465
  }
1466
- if (parent.view === 'LargeIcons') {
1467
- updateLayout(parent, 'LargeIcons');
1468
- }
1466
+ updateLayout(parent, parent.view);
1469
1467
  parent.notify(sortByChange, {});
1470
1468
  }
1471
1469
  /**
@@ -1475,12 +1473,24 @@ function sortbyClickHandler(parent, args) {
1475
1473
  * @returns {string} - returns the sorted fields
1476
1474
  * @private
1477
1475
  */
1478
- function getSortField(id) {
1476
+ function getSortField(id, parent) {
1479
1477
  var text = id.substring(id.lastIndexOf('_') + 1);
1480
1478
  var field = text;
1479
+ var column;
1480
+ if (parent) {
1481
+ column = parent.detailsViewSettings.columns;
1482
+ }
1481
1483
  switch (text) {
1482
1484
  case 'date':
1483
- field = '_fm_modified';
1485
+ for (var i = 0; i < column.length; i++) {
1486
+ if (column[i].field === 'dateModified' || column[i].field === 'dateCreated') {
1487
+ field = column[i].field;
1488
+ break;
1489
+ }
1490
+ else {
1491
+ field = '_fm_modified';
1492
+ }
1493
+ }
1484
1494
  break;
1485
1495
  case 'ascending':
1486
1496
  field = 'Ascending';
@@ -3928,9 +3938,9 @@ var LargeIconsView = /** @__PURE__ @class */ (function () {
3928
3938
  altEnter: 'alt+enter',
3929
3939
  esc: 'escape',
3930
3940
  del: 'delete',
3931
- ctrlX: 'ctrl+x',
3932
- ctrlC: 'ctrl+c',
3933
- ctrlV: 'ctrl+v',
3941
+ ctrlX: this.parent.isMac ? 'cmd+x' : 'ctrl+x',
3942
+ ctrlC: this.parent.isMac ? 'cmd+c' : 'ctrl+c',
3943
+ ctrlV: this.parent.isMac ? 'cmd+v' : 'ctrl+v',
3934
3944
  f2: 'f2',
3935
3945
  shiftdel: 'shift+delete',
3936
3946
  back: 'backspace',
@@ -6594,6 +6604,8 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
6594
6604
  _this.droppedObjects = [];
6595
6605
  _this.uploadingCount = 0;
6596
6606
  _this.uploadedCount = 0;
6607
+ //Specifies whether the operating system is MAC or not
6608
+ _this.isMac = false;
6597
6609
  FileManager_1.Inject(BreadCrumbBar, LargeIconsView, ContextMenu$2);
6598
6610
  return _this;
6599
6611
  }
@@ -6703,6 +6715,7 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
6703
6715
  this.allowMultiSelection ? this.selectedItems : this.selectedItems.slice(this.selectedItems.length - 1);
6704
6716
  this.setProperties({ selectedItems: slItems }, true);
6705
6717
  this.fileView = this.view;
6718
+ this.isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
6706
6719
  this.setRtl(this.enableRtl);
6707
6720
  this.addEventListeners();
6708
6721
  read(this, (this.path !== this.originalPath) ? initialEnd : finalizeEnd, this.path);
@@ -7952,7 +7965,6 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
7952
7965
  cssClass: getCssClass(this.parent, 'e-caret-hide ' + ROOT_POPUP),
7953
7966
  items: layoutItems, select: this.layoutChange.bind(this),
7954
7967
  enableRtl: this.parent.enableRtl,
7955
- enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
7956
7968
  content: '<span class="e-tbar-btn-text">' + getLocaleText(this.parent, 'View') + '</span>'
7957
7969
  });
7958
7970
  this.layoutBtnObj.isStringTemplate = true;
@@ -7990,7 +8002,12 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
7990
8002
  items[itemCount].iconCss = this.parent.sortBy === 'size' ? TB_OPTION_DOT : '';
7991
8003
  }
7992
8004
  else if (items[itemCount].id === this.getPupupId('date')) {
7993
- items[itemCount].iconCss = this.parent.sortBy === '_fm_modified' ? TB_OPTION_DOT : '';
8005
+ if (this.parent.sortBy === 'dateModified' || this.parent.sortBy === 'dateCreated') {
8006
+ items[itemCount].iconCss = this.parent.sortBy === this.parent.sortBy ? TB_OPTION_DOT : '';
8007
+ }
8008
+ else {
8009
+ items[itemCount].iconCss = this.parent.sortBy === '_fm_modified' ? TB_OPTION_DOT : '';
8010
+ }
7994
8011
  }
7995
8012
  else if (items[itemCount].id === this.getPupupId('ascending')) {
7996
8013
  items[itemCount].iconCss = this.parent.sortOrder === 'Ascending' ? TB_OPTION_TICK : '';
@@ -8272,6 +8289,7 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
8272
8289
  * @param {IFileManager} parent - specifies the parent element.
8273
8290
  * @hidden
8274
8291
  */
8292
+ /* istanbul ignore next */
8275
8293
  function NavigationPane(parent) {
8276
8294
  this.removeNodes = [];
8277
8295
  this.moveNames = [];
@@ -8293,9 +8311,9 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
8293
8311
  altEnter: 'alt+enter',
8294
8312
  esc: 'escape',
8295
8313
  del: 'delete',
8296
- ctrlX: 'ctrl+x',
8297
- ctrlC: 'ctrl+c',
8298
- ctrlV: 'ctrl+v',
8314
+ ctrlX: this.parent.isMac ? 'cmd+x' : 'ctrl+x',
8315
+ ctrlC: this.parent.isMac ? 'cmd+c' : 'ctrl+c',
8316
+ ctrlV: this.parent.isMac ? 'cmd+v' : 'ctrl+v',
8299
8317
  ctrlShiftN: 'ctrl+shift+n',
8300
8318
  shiftF10: 'shift+F10',
8301
8319
  f2: 'f2'
@@ -9155,9 +9173,9 @@ var DetailsView = /** @__PURE__ @class */ (function () {
9155
9173
  home: 'home',
9156
9174
  moveUp: 'uparrow',
9157
9175
  del: 'delete',
9158
- ctrlX: 'ctrl+x',
9159
- ctrlC: 'ctrl+c',
9160
- ctrlV: 'ctrl+v',
9176
+ ctrlX: this.parent.isMac ? 'cmd+x' : 'ctrl+x',
9177
+ ctrlC: this.parent.isMac ? 'cmd+c' : 'ctrl+c',
9178
+ ctrlV: this.parent.isMac ? 'cmd+v' : 'ctrl+v',
9161
9179
  ctrlShiftN: 'ctrl+shift+n',
9162
9180
  shiftdel: 'shift+delete',
9163
9181
  ctrlD: 'ctrl+d',